发表于: 2019-12-19 23:05:14
1 1243
今天完成的事:
后台、轮播列表:
1、侧边导航栏点击轮播管理,路由跳转到轮播管理页,发送ajax请求,返回数据v-for渲染列表到页面
2、 上下架按钮点击、发送ajax上下架请求改变状态
3、删除按钮点击、发送ajax删除请求、删除。
3、新增按钮点击,跳转到轮播图新增页面
4、编辑按钮点击,携带id跳转到编辑页面
编辑、新增:
1、路由跳转到当前页面、判断是否携带id数据,改变头部编辑新增标题、渲染数据到输入框
2、给输入框设置表单验证,输入框无值头部显示小红点,v-if控制保存按钮为灰不可点击
3、图片片利用input标签type= ‘file’属性上传,用accept属性限制上传格式,用change事件查看返回的FileList对象判断大小,超过这提示并把文件清空(设置input的值为’’空值),用fileReader.readAsDataURL(file)方法 获取file对象、再 将file对象转base64放到img标签的src属性实现本地预览
4、表单判断成功点击保存按钮,发送上传请求、上传数据、路由跳转回轮播管理页面。
后台、修改密码:
1、点击侧边后台管理下的修改密码按钮,路由到修改密码页面
2、输入框用element-ui组件实现,v-model双向绑定数据
3、输入框设置表单验证v-if判断输入框数据、数据比对
4、比对不成功v-if控制修改按钮为灰不能点击,比对成功点击按钮发送修改密码请求
明天计划的事:
67.日历选择器
68.发送请求获取角色数据
69.渲染到角色下拉菜单
70.页面样式
71.获取列表数据
72.转换返回的时间戳
73.渲染列表数据
74.获取返回的页数数据显示分页按钮
遇到的问题:
暂无
收获:
写好了修改密码模块和根据用户id渲染侧边导航栏
评论