发表于: 2017-01-13 22:08:13
2 1281
今天完成的事情:
1.终于完成了任务8,成果:http://119.10.57.69:880/jnshu067/js-task6/one-login.html
2.实现了通过点击按钮再搜索的功能。取消了监听,而是写了一个click函数,点击后才触发。
3.完成了本地的分页和点击搜索,也写出了和后台交互的分页和搜索。
和后台交互的分页主要是通过实时监听分页的当前page数,来触发发送http请求,达到刷新数据的功能。
// 分页函数,分页使用数据监听
$scope.$watchCollection('currentPage', function (newValue) {
$http.get('/skill-ajax/a/occupation/document/1?type=1&size=10&page='+newValue)
.success(function (response) {
// 后台返回总数据量
$scope.names = response.data;
});
});
和后台的搜索是通过点击搜索按钮来触发http请求。
$scope.searchClick = function (number) {
// 把number作为搜索参数传入,实现搜索
console.log(number);
if(number>=1 &&number<=8){
$http.get('/skill-ajax/a/occupation/document/'+number+'?type=1&size=10&page=1')
.success(function (response) {
// 后台返回总数和所有数据
$scope.num = response.total;
$scope.names = response.data;
});
}
else {
alert("请输入1~8的数字");
}
};
4.查找资料写出了ui路由的默认页面
.state("PageTab", {
url: "/PageTab",
templateUrl: "page-tab.html",
controller: function($state){
$state.go('PageTab.Page1');//默认显示第一个tab
},
resolve: {
loadMyFile: _lazyLoad(
['css/page-tab.css']
)
}
明天计划的事情:
研究任务9的formdata
遇到的问题:
侧边栏的点击效果和bootstrap自带的打开效果有些冲突,暂时没写。
收获:
主要见已完成的事情,今天查找资料和调试特别顺利。
小课堂收获:了解到了rest风格,REST是设计风格而不是标准。REST通常基于使用HTTP,URI,和XML以及HTML这些现有的广泛流行的协议和标准
评论