发表于: 2017-01-14 01:51:42
2 1218
今天完成的事情:
1、今天完成了任务8的搜索功能,用的是向后端发送请求的方法,前端处理搜索还没做,以后再说吧
其中,上面表示搜索类型5的数据,下面搜索类型3的数据;
2、听大师兄讲ppt,学习了get和post的区别,applicationjson和表单的区别,以及rest的风格。
明天计划的事情:
开始任务9,先通过查找资料,学习如何用angular实现上传图片的功能,再开始着手准备写代码。
遇到的问题:
1、第一个问题,是不知道如何发送搜索请求,最后才搞明白,原来是通过type的值来模拟搜索效果的。由于type的值是变动的,因而url的值也要变动,幸好昨天明白了如何拼写url,因而把type部分用变量替代就搞定了;
2.处理搜索功能和翻页的矛盾。由于昨天写的翻页效果的url是写死的,因而必须要做必要的改动,把它变成动态的。这里面存在一个问题,input框没有值时,应该发送请求type=1的数据,于是加了一个条件判断。如果input值未定义,就默认设为1就可以了。这样就是实现了搜索功能;
3、搜索功能基本做好了,但是存在问题,如果当前页面不为1时,搜索结果的当前页面也不是1,于是单独写了一个search函数,把当前页面重置为1,原来的搜索函数变成翻页效果的函数,再执行翻页函数就可以了。因此,搜索功能的本质只是多了一个重置当前页面为1,选择type的值在翻页函数就完成了。这样,就有一个问题了,首页由于也是重置当前页面为1加上翻页效果,因而二者功能是一样的;
4、想着在input框里面直接输入数字来获取不同的搜索结果不方便,于是打算换用select来写,通过下拉菜单那选择更直接。一开始是用select加上option来写的,在option里面通过遍历来得到所有的搜索项,但是最后发现无法获取到select的值,因而无法根据相关的值进行操作。于是网上查了一些资料,不得已又看了菜鸟教程,发现本文思路还可以用ng-option来写,这种方法,可以获取到select选择的值。但还是有问题,我最终获取到了一个对象,里面有自己需要的value的值,但是打印的时候,却显示为undefined。搞了老半天,才发现原来在出事情况下select的值为undefined,导致值获取不到,控制台一直报错。我忽略了这个错误,于是选择一个项,发现可以获取到所需的value值了。于是,问题只剩一个了,就是给select设置一个默认值,这样就可以摆脱select值为空时控制台报错了。但是,按照菜鸟教程的步骤敲代码,却总是无法设置初始值。最后,前前后后忙了四个多小时,还是没有做到想要的效果,打算以后有时间慢慢折腾吧。
收获:
1、终于结束了任务8,学会了如何发送关于搜索功能的请求了,对url的拼接技术有了更深的认识;
2、学会了ng-option的使用,并通过分析比较了它和option和ng-repeat结合这两种方法的相似之处和不同点;
3、听大师兄讲PPT,收获如下:
A、rest是一种设计网络应用时的架构风格,通过约束各模块的交互,使得简易型、扩展性、可靠性大大提高;
B、reset基于广泛流行的协议和标准,比如http、uri、xml、html
C、get是从服务器获取数据,而post是向服务器发送数据,get传送的数据较小,但效率高;而post传送数据量较大,安全性高,就是效率略低。
评论