发表于: 2017-06-07 22:18:47

1 1162


今天完成的事情:今天计划有些滞后了,一天下来,都在最新职位/推荐职位的列表页的搜索功能上进行填坑,上午开始处理搜索功能,发现以前只是按UI图进行编写样式,没有考虑搜索功能的实现问题(这个今天老大也进行批评,应该先写原型,实现功能再写ui样式的)。先认错,接着写,由于以前每个选项都写成了button按钮,所以单选问题的实现就是个问题,想到了css的任务10,打算使用input[type=radio]。添加了input以后,button使用for关联input的id无效,改成label,修改了相关的样式。成功进行关联后,下午一直在如何向后端请求数据上进行调试,目前实现了基本的数据传送功能,并能返回相关数据,但是还有bug没有完全处理好!只能明天继续了!

明天计划的事情:完成最新职位/推荐职位列表页的功能,选中按钮的样式渲染等变化要求,开始找职位页的js编写!

遇到的问题:

  今天上午如上所说,由于以前布局时很好地考虑功能方面的实现,然后只是使用button实现了简单的样式布局的效果,今天才发现原来是form表单请求才对,然后又必须使用单选功能,所以将原有的button,修改成为了input[type=radio]和label相互配合的实现方式。由此戒之,以后要优先考虑功能的实现,要不然在开发过程中会很浪费时间的。

  下午为了实现想后端数据的传送,花费了很长时间,如果是按照写任务时的代码的话,确实很快会达成功能,但是由于在本次复盘中学到了许多的js功能代码的归类编写的方法或者思想吧!所以对于如何传值有点懵!基本思路是对的,就是因为传递的数据很多,希望通过一个对象进行打包传递,在这一步上踩了不少坑。开始在控制器了建立一个vm.formData = new FormData(),然后在页面上使用ng-model=“vm.formData.XXX”的方法获取数据,点击搜索按钮使用ng-click的方法传值,配合$state.go的方法进行页面刷新再求值,但是打印出来的vm.formData =[object Object],无法显示其中的内容。后来试了半天还是没有办法实现数据的显示,所以进行了大部分的修改,改成了ng-model=“XXX”,通过ui-sref=({name:XXX,education:XXX。。。})这样的方法进行传值,然后在控制器中建立一个vm.formData = new FormData(),使用vm.formData.XXX = $state.params.XXX的方法进行打包数据处理,然后将打包好的数据再传给$http。这样就实现了数据的统一传输。目前回顾今天的问题,其实可以认为是在哪个阶段进行数据打包的实现的问题,开始在html时想进行打包,后来是转到控制器中进行打包,但是相应的,html中传送的数据还是过于肥大,目前没有想到更好的办法。

收获:调整了页面结构,使用更合适的input[type=radio]和label的方式实现数据的请求。然后学会了单选情况下ng-model的写法,检出被选中的值。向后端数据请求的问题的成功解决,不过目前还有bug,数据也比较少,无法完全验证代码是否有问题。明天再次尝试一下并且等待后台数据的完善。


返回列表 返回列表
评论

    分享到