1. ไร้สาระ
ชื่อ: 【 douban search 】
เมื่อเร็ว ๆ นี้ฉันให้ความสนใจกับ API ของ Douban และพบว่าแพลตฟอร์มเปิดของ Douban จำเป็นต้องเสริมสร้างการเขียนเอกสาร API ... แต่มีการค้นพบที่น่ายินดีที่อินเทอร์เฟซ Douban V2 ให้อินเทอร์เฟซการค้นหา ฉันใช้ Phantom เพื่อสร้างซอฟต์แวร์รวบรวมข้อมูลเมื่อเร็ว ๆ นี้ คิดเกี่ยวกับมันมันสวยมาก! มีอินเทอร์เฟซ douban และฉันไม่จำเป็นต้องรวบรวมข้อมูลหรือจัดเก็บข้อมูล ฉันโยนมันไปที่หน้า GitHub และทำมันโดยตรง Douban ดี! เมื่อเร็ว ๆ นี้ฉันได้ดู Angular ดังนั้นฉันจึงเริ่มใช้ Angular + Douban API เพื่อสร้างเว็บแอป ดังนั้น ... ฉันถูกโยนกลับบ้านออนไลน์
ที่อยู่ประสบการณ์: http://vczero.github.io/t/html/index.html#/
ที่อยู่โครงการ: https://github.com/vczero/search (ทุกคนยินดีต้อนรับสู่ส้อมแก้ไขตามความประสงค์และเพิ่มฟังก์ชั่นต่อไป; ยินดีต้อนรับสู่ความคืบหน้าร่วมกัน)
2. อัปโหลดรูปภาพโดยตรง
(1) การค้นหาหนังสือ
(2) อินเทอร์เฟซการค้นหาเพลง
(3) รายละเอียดหนังสือ
(4) การค้นหาภาพยนตร์
iii. โครงสร้างโครงการและการแนะนำ
3. ไม่กี่คะแนนเพื่อให้ความสนใจ
(1) -webkit-tap-highlight-color: RGBA (255,255,255,0); ลบ Highlight Shadows เมื่อคลิก
(2) การปรับขนาดกล่อง: การใช้กล่องเส้นขอบการคำนวณพิกเซลที่มีช่องว่าง
(3) การรวมกันของตำแหน่งคงที่และการกระโดดค้นหา (เกิดจากแป้นพิมพ์เสมือนจริง)
(4) การควบคุมหลายมุมมองของ Angular-Ui-Router
(5) รายละเอียดต่าง ๆ ของระบบ iOS & Android
(6) ปัญหาการบีบอัดการฉีดพึ่งพารหัส AngularJS
-
ฉันคิดว่ารหัสสำหรับบริการและการกำหนดเส้นทางสถานะถูกโพสต์
การคัดลอกรหัสมีดังนี้:
/*การกำหนดค่า URL บริการ*/
app.constant ('serviceConfig', {
book_search: 'https://api.douban.com/v2/book/search'
book_search_id: 'https://api.douban.com/v2/book/'
music_search: 'https://api.douban.com/v2/music/search'
music_search_id: 'https://api.douban.com/v2/music/'
Movie_Search: 'https://api.douban.com/v2/movie/search'
movie_search_id: 'https://api.douban.com/v2/movie/subject/'
-
app.config (['$ stateprovider', '$ urlrouterprovider', ฟังก์ชั่น ($ stateprovider, $ urlrouterprovider) {
/*การกำหนดเส้นทาง URL*/
$ urlrouterprovider.others ("/");
/*การกำหนดค่าสถานะ*/
$ stateprovider
// หน้าแรก
. State ('ดัชนี', {
URL: '/',
มุมมอง: {
ส่วนหัว: {
templateurl: '../html/views/list_header.html'
คอนโทรลเลอร์: 'SearchController'
-
คอนเทนเนอร์:{
templateurl: '../html/views/list_book.html'
คอนโทรลเลอร์: 'BooklistController'
-
ส่วนท้าย: {
templateurl: '../html/views/list_footer.html'
คอนโทรลเลอร์: ''
-
-
-
// รายการหนังสือ
. State ('Book_list', {
URL: '/book',
มุมมอง: {
ส่วนหัว: {
templateurl: '../html/views/list_header.html'
คอนโทรลเลอร์: 'SearchController'
-
คอนเทนเนอร์:{
templateurl: '../html/views/list_book.html'
คอนโทรลเลอร์: 'BooklistController'
-
ส่วนท้าย: {
templateurl: '../html/views/list_footer.html'
คอนโทรลเลอร์: ''
-
-
-
// หนังสือรายละเอียด
. State ('Book_detail', {
url: '/book/: id',
มุมมอง: {
ส่วนหัว: {
templateurl: '../html/views/list_header.html'
คอนโทรลเลอร์: 'SearchController'
-
คอนเทนเนอร์:{
templateurl: '../html/views/detail_book.html'
คอนโทรลเลอร์: 'BookDetailController'
-
ส่วนท้าย: {
templateurl: '../html/views/list_footer.html'
คอนโทรลเลอร์: ''
-
-
-
// รายการเพลง
.state ('music_lsit', {
URL: '/music',
มุมมอง: {
ส่วนหัว: {
templateurl: '../html/views/list_header.html'
คอนโทรลเลอร์: 'SearchController'
-
คอนเทนเนอร์:{
templateurl: '../html/views/list_music.html'
คอนโทรลเลอร์: 'MusicListController'
-
ส่วนท้าย: {
templateurl: '../html/views/list_footer.html'
คอนโทรลเลอร์: ''
-
-
-
// รายการภาพยนตร์
. State ('Movie_lsit', {
url: '/movie',
มุมมอง: {
ส่วนหัว: {
templateurl: '../html/views/list_header.html'
คอนโทรลเลอร์: 'SearchController'
-
คอนเทนเนอร์:{
templateurl: '../html/views/list_movie.html'
คอนโทรลเลอร์: 'MovieListController'
-
ส่วนท้าย: {
templateurl: '../html/views/list_footer.html'
คอนโทรลเลอร์: ''
-
-
-
. State ('Search', {
url: '/search/: type',
มุมมอง: {
ส่วนหัว: {
templateurl: '../html/views/search.html'
คอนโทรลเลอร์: 'ค้นหา'
-
คอนเทนเนอร์:{
templateurl: '',
คอนโทรลเลอร์: ''
-
ส่วนท้าย: {
templateurl: '',
คอนโทรลเลอร์: ''
-
-
-
-