发表于: 2017-01-11 23:20:23

1 1309


今天完成的事情:

1.今天完成了任务8的表格分页,使用了ui-bootstrap。

按照网上查找的教程写的,是一次性获取了所有数据,然后把数据写成数组,再通过for循环和slice()把数组分成10个一组,对应每页的数量。

console.log(num);
for(var i=0;i<num;i+=10){
   $scope.allitem.push($scope.names .slice(i,i+10))
}//此方法可以将一个数组分成多个数组并且放在了一个大数组里面,按每个数组10条数据【因为组件默认为10条数据一页】存放,假如41条数据的话我们将分成5页

使用ng-repeat复写的数据是从数组中复写出来的,对应每页的数据。

<tbody>
<tr ng-repeat="x in allitem[currentPage-1]" >
   <td>{{count+1}}</td>
   <td> {{x.skillName}}</td>
   <td> {{x.name}}</td>
   <td> {{x.authorName}}</td>
   <td> <a href="{{x.url}}">链接</a></td>
   <td> {{x.like}}</td>


2.把登录页的背景图片写到背景里,登陆后跳转到后台页面。

3.使用懒加载,把每个页面对应的js文件和css文件延时加载。

4.小课堂:域名,COOKIE是什么?COOKIE 和SESSION的区别?


明天计划的事情:

1.研究表单的搜索,和搜索后的分页展示。

2.研究ui-路由的默认页面怎么设置。


遇到的问题:

1.学习网上的教程,实现了一次性获取页面,再配合ui-bootstrap的分页写法。

但是分页按钮配合后台传送页面数据的写法还不会。

2.ui-路由的默认页面不会设置:由于默认页面设置的是pageTab页(切换页),我想实现的默认页是pageTab下的PageTab.Page1


.state("PageTab", {
           url: "/PageTab",
   templateUrl: "page-tab.html",
           resolve:{
               loadMyFile:_lazyLoad(
                   ['css/page-tab.css']
               )
           }
})
       .state("PageTab.Page1", {
           url:"/Page1",
   templateUrl: "Page1.html"
})

收获:

1.小课堂收获:

cookie可以保存用户的登陆状态、记录用户的行为、电商购物车的处理和定制页面

cookie可以设置有效期,到期失效。

可以通过F12调试查看cookie信息。

2.一个页面的最好只有一个ng-app,嵌套会出错。

不同的功能用不同的controller写。

3.angular、ui-router、ui-bootstrap、bootstrap、jQuery的版本不同,页面中的前后顺序问题都可能导致报错。


返回列表 返回列表
评论

    分享到