1. هراء
الاسم: 【بحث دوبان】
لقد اهتمت مؤخرًا بـ Douban API ووجدت أن منصة Douban المفتوحة تحتاج إلى تعزيز كتابة مستندات API ... ولكن هناك اكتشافًا ممتعًا بأن واجهة Douban V2 توفر واجهة بحث. لقد كنت أستخدم Phantom لجعل بعض الزحف مؤخرًا. التفكير في الأمر ، إنه جميل جدًا! هناك واجهة Douban ، وليس عليّ الزحف إلى البيانات أو تخزين البيانات. أرميها إلى صفحة github وأفعل ذلك مباشرة. دوبان ، لطيف! لقد كنت أشاهد Angular مؤخرًا ، لذلك بدأت في استخدام Angular + Douban API لصنع تطبيق ويب. لذلك ... لقد رميت المنزل عبر الإنترنت.
عنوان الخبرة: http://vczero.github.io/t/html/index.html#/
عنوان المشروع: https://github.com/vczero/search (كل شخص مرحب به في شوكة ، وتعديله في الإرادة ، واستمر في إضافة وظائف ؛ مرحبًا بك في إحراز تقدم معًا.)
2. قم بتحميل الصورة مباشرة
(1) بحث الكتاب
(2) واجهة البحث عن الموسيقى
(3) تفاصيل الكتاب
(4) البحث عن الفيلم
ثالثا. هيكل المشروع والمقدمة
3. بضع نقاط للانتباه إلى
(1) -webkit-tap-highlight-color: RGBA (255،255،255،0) ؛ قم بإزالة ظلال تسليط الضوء عند النقر عليها
(2) حجم الصناديق: استخدام صندوق الحدود ، حساب بكسل يحتوي على حشوة
(3) مزيج من الموضع الثابت والبحث عن البحث (بسبب لوحة المفاتيح الافتراضية)
(4) التحكم متعدد الرؤية في الزواج الزاوي
(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.Olywise ("/") ؛
/*تكوين الحالة*/
$ StateProvider
// الصفحة الأولى
.state ('index' ، {
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: '/فيلم' ،
وجهات النظر: {
رأس: {
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: '' ،
وحدة التحكم: ''
}
}
}) ؛
}]) ؛