发表于: 2017-01-13 00:36:47
1 1470
今天完成的事情:
1、今天终于把任务8的思路全部搞清楚了,知道怎么去查看各接口,并进行配置;
2、今天完成了分页的效果,通过向后端发送请求,包含页数信息,后端反馈相关数据:
1区域的翻页效果和函数都是纯手工的,没用bootstrap框架,2区域是翻页显示的数据。当时是分几步进行的。先写第一步的页面跳转,中间的数据用了ng-model进行数据绑定,绿色部分的按钮用ng-click,再分别写相关函数。2区域先找好接口地址,把数据先遍历出来,然后通过改变url,发送请求,作出了翻页效果。
3、大师兄、二师兄和杨泽平下午都讲了PPT,讲了他们关于任务8以及后面关于表单验证和上传图片的相关信息,以及用angular和jquery重写了杀人游戏,收获很大;
4、听二师兄讲浏览器中network方面的知识,知道了一些header表示的意义;
明天计划的任务:
写完任务8的搜索页面,打算就想今天一样,先分解成好几步,一步一步来。可以先尝试着对一项做搜索功能,然后考虑多项搜索的功能,并思考如何前台实现搜索功能。如果可能的话,开始任务9.
遇到的问题:
1、写分页的时候,对按钮本来打算用onclick来写的,最后发现其实angular有相关的写法,可以用ng-click来解决,于是果断换了onclick。
2、不知道怎么更改url,以做到不同页面发送相关请求。于是问了大师兄,打开network,通过header来看看它是怎么写的,于是学会了这种写法。于是在postman上面做了测试,发现可以获取数据,于是,就果断放到了任务8的js里面,并进行了细微的改动,终于奏效了。
3、在angular的控制器里面重新定义函数,并调用函数。于是用谷歌搜索,发现搜的结果都是关于自定义指令的使用,难道是我搜的姿势不对?于是尝试着自己,构造匿名函数,就只是在前面加了$scope,但是没起作用,于是去问杨泽平自定义函数。我发现他的定义方法和我一样,只是有一点不同,就是他构造了这个函数后,就直接调用了,然后再构造其他的翻页按钮函数,在里面调用刚才构造的函数,而我把最早构造的函数的调用放到了最后。于是怀疑是这个原因导致翻页不成功。于是更改了它的位置,就好了。
本来$scope.pagging()放在最后的,调换到需要调用它的函数的前面的位置就可以了。
收获:
1、完成了任务8的翻页效果,知道怎么修改发送请求的url;
2、听二师兄讲关于network方面的知识,心得如下:
A、可以通过network查看我们发送请求的相关信息;
B、知道了一些名词的意义,比如type表示资源类型,name表示资源的名称及路径;
C、通过network,查看网页加载速度,对于优化性能有一定的帮助。
评论