发表于: 2017-04-11 21:53:12
1 943
今天完成的事情:
今天完成了后台页面的项目方案,不是很详细,后台最主要的部分是增删该查功能,需要的数据几乎都是通过后端获取然后渲染页面;
明天计划的事情:
做项目资格评审汇报;
再次整理前后台的页面逻辑和可能实现的难点;
遇到的问题:
暂无;
收获:
后台页面的思路理清了,架构和前台类似,结构目录也是如此,angular模块设置同前台一样,以模块划分而非功能,多了2个新插件,一个是angular-file-upload完成图片上传和进度条功能,另一个是使用angular-ui-sortable实现拖动表格排序,其他一些功能的实现也是ui-bootstrap插件实现的,如datepicker完成时间区间的选择;
后台部分共16个需要,4个模块,逻辑流程图之前已经绘制完成,下面对其中的难点做个分析:
一、登录模块(3个需求)
1.1 登录页面
(1)先验证用户输入的数据是否合规,若都合乎规定再向后台提交数据验证数据库中是否有此数据,根据判断返回结果;
1.2 欢迎页面
(1)点击登录,跳转至欢迎页面;左侧面板使用ui.bootstrap.accordion组件实现,点击后出现相应页面使用ui-router;
1.3 注销
(1)删除用户登录的cookie数据;
二、信息管理(4个需求)
2.1 职位列表
(1)ui.bootstrap.modal实现模态框;
2.2 公司明细信息
2.3 公司列表
(1)地区联动展示,按约定把省市和代码绑定,并写在constant中直接注入;
(2)使用ng-repeat渲染列表数据;
2.4 职位明细记录
三、内容管理(5个需求)
3.1 banner列表
(1)点击Article管理进入页面展示所有数据;
(2)时间插件,选择的时间不能超过当前日期,选中的日期转换为数值进行传递;
(3)拖动表格排序,使用angular-ui-sortable实现;
3.2 article上下线
(1)创建时间和修改时间要使用过滤器显示为精确时间;
(2)点击上下线跳出模态框,选择确认或取消;
3.3 增删改查banner
(1)图片上传功能使用angular-file-upload插件实现,上传过程中可以显示进度,上传成功后,后台返回图片链接,并显示出来;
(2)类型为“行业大图”时隐藏跳转链接输入框,显示行业下拉;
3.4 首页、找职位、找精英banner
3.5 行业大图
四、后台管理(4个需求)
4.1 角色管理
4.2 模块管理
4.3 密码修改
4.4 账号管理
评论