mirror of
https://github.com/wu736139669/vczero.github.io.git
synced 2026-08-05 06:23:38 +00:00
add
This commit is contained in:
@@ -1,16 +0,0 @@
|
||||
/*图书列表页*/
|
||||
app.controller('BookListController', function($scope, bookList){
|
||||
bookList.getData('C语言');
|
||||
});
|
||||
|
||||
|
||||
/*图书详情页*/
|
||||
app.controller('BookDetailController', function($rootScope, $http, $scope, $location, ServiceConfig){
|
||||
var bookId = $location.path().split('/book/')[1] || '';
|
||||
$rootScope.isNoLoaded = true;
|
||||
$http.jsonp(ServiceConfig.book_search_id + '' + bookId + '?callback=showBookDeatil');
|
||||
window.showBookDeatil = function(data){
|
||||
$rootScope.isNoLoaded = false;
|
||||
$scope.data = data;
|
||||
};
|
||||
});
|
||||
@@ -1,31 +0,0 @@
|
||||
/*构建BookList服务*/
|
||||
app.factory('bookList', function($rootScope, $http, ServiceConfig){
|
||||
$rootScope.isNoLoaded = true;
|
||||
var _BookList = {
|
||||
getData: function(keywords){
|
||||
$http.jsonp(ServiceConfig.book_search + '?callback=searchBookList&count=10&q=' + keywords);
|
||||
window.searchBookList = function(data){
|
||||
if(data.books.length){
|
||||
$rootScope.isNoLoaded = false;
|
||||
}
|
||||
var list = [];
|
||||
for(var i = 0; i < data.books.length; i++){
|
||||
var book = data.books[i];
|
||||
var item = {
|
||||
id: book.id,
|
||||
image: book.image,
|
||||
origin_title: book.title || '书名未共享',
|
||||
author: book.author[0] || '作者未知',
|
||||
publisher: book.publisher || '出版社未知',
|
||||
price: book.price.split('.')[0] || '未知',
|
||||
pages: book.pages
|
||||
};
|
||||
list.push(item);
|
||||
}
|
||||
$rootScope.rootList = list;
|
||||
};
|
||||
}
|
||||
};
|
||||
|
||||
return _BookList;
|
||||
});
|
||||
@@ -1,9 +0,0 @@
|
||||
(function(global){
|
||||
var config = {
|
||||
book_search: 'https://api.douban.com/v2/book/search',
|
||||
book_search_id: 'https://api.douban.com/v2/book/'
|
||||
};
|
||||
|
||||
global.CONFIG_SERVER = config;
|
||||
})(window);
|
||||
|
||||
-220
@@ -1,220 +0,0 @@
|
||||
var app = angular.module('app', ['ngRoute']);
|
||||
|
||||
app.run(function($rootScope){
|
||||
$rootScope.version = '0.1';
|
||||
$rootScope.author = 'vczero';
|
||||
$rootScope.author_alias = '鬼谣';
|
||||
$rootScope.isNoLoaded = true;
|
||||
$rootScope.rootList = []; //当然这是个不好的做法,只因为APP太simple
|
||||
});
|
||||
|
||||
/*服务的URL配置*/
|
||||
app.constant('ServiceConfig', {
|
||||
book_search: 'https://api.douban.com/v2/book/search',
|
||||
book_search_id: 'https://api.douban.com/v2/book/'
|
||||
});
|
||||
|
||||
/*路由控制*/
|
||||
app.config(['$routeProvider', function ($routeProvider) {
|
||||
$routeProvider
|
||||
/*图书搜索*/
|
||||
.when('/list/book', {
|
||||
templateUrl: 'view/book_list.html',
|
||||
controller: 'BookListController'
|
||||
})
|
||||
.when('/list/book/:id', {
|
||||
templateUrl: 'view/book_detail.html',
|
||||
controller: 'BookDetailController'
|
||||
})
|
||||
/*音乐搜索*/
|
||||
.when('/list/music', {
|
||||
templateUrl: 'view/book_list.html',
|
||||
controller: 'BookListController'
|
||||
})
|
||||
/*电影搜索*/
|
||||
.when('/list/movie', {
|
||||
templateUrl: 'view/book_list.html',
|
||||
controller: 'BookListController'
|
||||
})
|
||||
/*定向到首页*/
|
||||
.otherwise({
|
||||
redirectTo: '/',
|
||||
templateUrl: 'view/book_list.html',
|
||||
controller: 'BookListController'
|
||||
});
|
||||
}]);
|
||||
|
||||
/*构建BookList服务*/
|
||||
app.factory('bookList', function($rootScope, $http, ServiceConfig){
|
||||
$rootScope.isNoLoaded = true;
|
||||
var _BookList = {
|
||||
getData: function(keywords){
|
||||
$http.jsonp(ServiceConfig.book_search + '?callback=searchBookList&count=10&q=' + keywords);
|
||||
window.searchBookList = function(data){
|
||||
if(data.books.length){
|
||||
$rootScope.isNoLoaded = false;
|
||||
}
|
||||
var list = [];
|
||||
for(var i = 0; i < data.books.length; i++){
|
||||
var book = data.books[i];
|
||||
var item = {
|
||||
id: book.id,
|
||||
image: book.image,
|
||||
origin_title: book.title || '书名未共享',
|
||||
author: book.author[0] || '作者未知',
|
||||
publisher: book.publisher || '出版社未知',
|
||||
price: book.price.split('.')[0] || '未知',
|
||||
pages: book.pages
|
||||
};
|
||||
list.push(item);
|
||||
}
|
||||
$rootScope.rootList = list;
|
||||
};
|
||||
}
|
||||
};
|
||||
|
||||
return _BookList;
|
||||
});
|
||||
|
||||
|
||||
|
||||
/*图书列表页*/
|
||||
app.controller('BookListController', function($scope, bookList){
|
||||
bookList.getData('C语言');
|
||||
});
|
||||
/*图书详情页*/
|
||||
app.controller('BookDetailController', function($rootScope, $http, $scope, $location, ServiceConfig){
|
||||
$rootScope.isNoLoaded = true;
|
||||
var bookId = $location.path().split('/book/')[1] || '';
|
||||
$http.jsonp(ServiceConfig.book_search_id + '' + bookId + '?callback=showBookDeatil');
|
||||
window.showBookDeatil = function(data){
|
||||
$rootScope.isNoLoaded = false;
|
||||
$scope.data = data;
|
||||
};
|
||||
});
|
||||
|
||||
|
||||
/*搜索*/
|
||||
app.controller('SearchController', function($scope, $location, bookList){
|
||||
var path = $location.path();
|
||||
$scope.search = function(){
|
||||
var keywords = $scope.keywords;
|
||||
if(path.indexOf('/list/book') !== -1 || path === '/'){
|
||||
bookList.getData(keywords);
|
||||
}else if(path.indexOf('/list/music') !== -1 || path === '/music'){
|
||||
|
||||
}
|
||||
};
|
||||
});
|
||||
|
||||
app.controller('MenuController', function($scope, $location){
|
||||
$scope.bookSearch = function(){
|
||||
$location.path('/list/book');
|
||||
};
|
||||
|
||||
$scope.musicSearch = function(){
|
||||
$location.path('/list/music');
|
||||
};
|
||||
|
||||
$scope.movieSearch = function(){
|
||||
$location.path('/list/movie');
|
||||
};
|
||||
|
||||
});
|
||||
|
||||
|
||||
//
|
||||
//app.directive('nprLink', function() {
|
||||
//return {
|
||||
// restrict: 'EA',
|
||||
// require: ['^ngModel'],
|
||||
// replace: true,
|
||||
// scope: {
|
||||
// ngModel: '=',
|
||||
// play: '&'
|
||||
// },
|
||||
// templateUrl: '/views/nprListItem.html',
|
||||
// link: function(scope, ele, attr) {
|
||||
// scope.duration = scope.ngModel.audio[0].duration.$text;
|
||||
// }
|
||||
//}
|
||||
//});
|
||||
|
||||
// simple directive
|
||||
//app.directive('helloWorld',function(){
|
||||
// return {
|
||||
// restrict: 'AE',
|
||||
// replace: true,
|
||||
// template: '<h3>Hello World!</h3>'
|
||||
// }
|
||||
//});
|
||||
|
||||
|
||||
//app.directive('helloWorld',function(){
|
||||
// return {
|
||||
// restrict: 'AE',
|
||||
// replace: true,
|
||||
// template: '<p style="background-color:{{color}}"></p>',
|
||||
// link: function(scope,elem,attr){
|
||||
// elem.bind('click',function(){
|
||||
// elem.css('background-color','white');
|
||||
// scope.$apply(function(){
|
||||
// scope.color = "white";
|
||||
// });
|
||||
// });
|
||||
// elem.bind('mouseover',function(){
|
||||
// elem.css('cursor','pointer');
|
||||
// });
|
||||
// }
|
||||
// }
|
||||
//});
|
||||
|
||||
|
||||
//注意到link函数被用在了指令中。它接收三个参数:
|
||||
//
|
||||
//scope - 它代表指令被使用的作用域。在上面的例子中它等同于符控制器的作用域。
|
||||
//elem - 它代表绑定指令的元素的jQlite(jQuery的一个自己)包裹元素。如果你在AngularJS被包含之前就包括了jQuery,
|
||||
//那么它将变成jQuery包裹元素。由于该元素已经被jQuery/jQlite包裹,我们没有必要将它包含在$()中来进行DOM操作。
|
||||
//attars - 它代表绑定指令的元素上的属性。例如,如果你在HTML元素上有一些指令形式为:<hello-world some-attribute>
|
||||
//</hello-world>,你可以在link函数内用attrs.someAttribute来引用这些属性。
|
||||
|
||||
//
|
||||
//app.directive('test',function(){
|
||||
// return {
|
||||
// compile: function(tElem,attrs){
|
||||
// //在这里原则性的做一些DOM转换
|
||||
// return function(scope,elem,attrs){
|
||||
// //这里编写link函数
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
//});
|
||||
|
||||
|
||||
//改变作用域
|
||||
//app.directive('helloWorld',function(){
|
||||
// return {
|
||||
// scope: true, //使用一个继承父作用域的自作用域 ,如果需要隔离的话,值为{}即可
|
||||
// restrict: 'AE',
|
||||
// replace: true,
|
||||
// template: '<h3>Hello World!</h3>'
|
||||
// }
|
||||
//});
|
||||
|
||||
//var editor = elem.find('#editor');
|
||||
//
|
||||
//scope.restore(); //初始化我们的应用控制
|
||||
//scope.notes = notesFactory.getAll();//载入笔记
|
||||
//
|
||||
//editor.bind('keyup keydown',function(){
|
||||
// scope.noetText = editor.text().trim();
|
||||
//});
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
@@ -1,14 +0,0 @@
|
||||
app.controller('MenuController', function($scope, $location){
|
||||
$scope.bookSearch = function(){
|
||||
$location.path('/list/book');
|
||||
};
|
||||
|
||||
$scope.musicSearch = function(){
|
||||
$location.path('/list/music');
|
||||
};
|
||||
|
||||
$scope.movieSearch = function(){
|
||||
$location.path('/list/movie');
|
||||
};
|
||||
|
||||
});
|
||||
@@ -1,12 +0,0 @@
|
||||
/*搜索*/
|
||||
app.controller('SearchController', function($scope, $location, bookList){
|
||||
var path = $location.path();
|
||||
$scope.search = function(){
|
||||
var keywords = $scope.keywords;
|
||||
if(path.indexOf('/list/book') !== -1 || path === '/'){
|
||||
bookList.getData(keywords);
|
||||
}else if(path.indexOf('/list/music') !== -1 || path === '/music'){
|
||||
|
||||
}
|
||||
};
|
||||
});
|
||||
Reference in New Issue
Block a user