发表于： 2017-01-27 00:45:36
0 1309
今天完成的事情：
#整理任务知识点
#实现点击弹选择框
明天计划的事情：
#编写小程序代码
遇到的问题：
#无
收获：
main.html
此页面放置路由视图
以及引入插件，配置等文件，这样可以全部页面使用，在引入的过程需要注意，文件的执行顺序，权重问题！不能放错了
StudentAdd.html
此页面需要实现表单验证功能，目前使用的是angular自带的方法，写在html文件里面进行验证实现功能，但有一个插件可以更方便，简要的写出一样功能的代码，需要引入插件库
ng-minlength="2" 限制输入最小长度ng-maxlength="5" 限制输入最大长度ng-pattern="/[\u4e00-\u9fa5]/g" 正则匹配中文ng-model="user.name" 双向绑定ng-blur="demoFocus=true" 失去焦点执行ng-focus="demoFocus=false" 获取焦点执行required/> 必填项
上面是input的text输入框验证
而input的radio单选按钮是可以实现必选项的只需要加如上面的required就会实现，（不知道为什么，当初我会认为这个是实现不了的）这样验证之后就不会出现发送空数据到服务器，还有另一种做法就是默认选中其中一个
接下来是验证成功后的发送请求功能实现
首先在按钮上加ng-disabled="add_form.$invalid"这样实现了当所有必填项都写了，符合判断了，发送请求按钮才会转换成可点击的状态，其次在表单上放novalidate（当表单提交时，不对其进行验证） ng-submit="addForm()" （表单提交后执行函数）这样html页面的工作就算是完成了
StudentList.html
进入页面不默认读取数据，当点击搜索按钮的时候进行搜索
1：下拉选择select进行URL传值，点击搜索的时候判断是否为空，如果为空，删掉这个属性（搜索全部），如果不为空，进入自定义过滤器循环进行属性匹配（指定搜索），这里有意思的是，加了过滤器之后，代码先执行右边，过滤之后，在输入repeat！而在点击下拉选择框的时候$index可以使用来获取当前select的下标。可方便了！
2：当点击完搜索，发送请求和获取到数据之后，过滤完就会渲染到界面上展示，在这里时间上还需要添加自带的时间过滤器，而对应的删除按钮只需要很简单的传入$index以及需要删除的ID的就可以实现删除，
StudentInformation.html
这个页面主要功能就二个，图片上传和本地预览，其他也页面以angular为主，但这个页面上的东西并不纯粹是数据方面的，也还有视图展示方面的内容，所以我使用了JQ的代码的来实现这个功能，其中这个功能分了两个部分，1个是把选择图片的值赋给一个图片标签Img,另一个是把图片的值发送出去。
以上是HTML的大体部分
返回列表
评论