发表于: 2017-06-17 23:15:59

0 995




今天完成的事情:


后台技术方案基本成型;


对比 jqurey侧边栏组件和ui.bootstrap.accordion组件,决定侧边栏使用ui.bootstrap.accordion组件;


bootstrap-datepicker默认是英文显示日期的,通过修改可以让其默认为中文;


明天计划做的事情:与后端沟通接口;


遇到的问题:jqurey侧边栏组件和ui.bootstrap.accordion组件bootstrap-datepicker小dome都成功了,实际应用


还不知道会不会出现啥问题呢,项目结构大体成型了,里面的东西暂时还未做;


收获:


项目文件结构:

--styles

--script

--views

--images

--src

--index.html

框架引用:

css使用bootstrap框架;

js使用angular 框架,jq库

页面间的跳转使用ui-router;

表单验证:ng-message(angular);

文件上传:file-upload插件(angular);

1.登录模块

登陆界面

表单验证用户输入数据是否符合条件(最大、最小长度;不能出现汉字),若不符合,提示错误信息;若符合,再向接口提交数据验证数据库中是否有此数据,根据判断返回结果。

欢迎页面

登录成功后,跳转至欢迎页面;左侧面板使用 jqurey侧边栏组件实现,点击后出现相应页面使用ui-route设置跳转路径。

注销

点击注销按钮页面跳转至登陆页并删除cooike数据。

2.信息管理模块

公司信息

显示公司具体信息使用ng-repat渲染数据,包含5个操作:跳转至职位列表,解除、编辑、冻结、删除;分别按照后端约定的接口实现操作。

搜索框:ui.bootstrap.modal实现模态框,表单验证,点击搜索根据接口约定发送数据,返回结果,点击清空时所有值为初始值。

职位信息

显示职位具体信息,包含3个操作:编辑、下架、删除;按照与后端约定接口实现。

搜索要求与公司信息相同。

3.内容管理模块

Artical管理

banner列表

点击Article管理进入页面展示所有数据,时间插件,选择的时间不能超过当前日期,选中的日期转换为数值进行传递;

artical上下线,删除

点击上下线或删除跳出模态框,选择确认或取消,按约定接口实现

增改查banner

图片上传功能使用angular-file-upload插件实现,上传过程中可以显示进度,上传成功后,后台返回图片链接,并显示出来

首页、找职位、找精英banner、行业大图

类型为“行业大图”时隐藏跳转链接输入框,显示行业下拉;

暂时先这样;接口确定后再修改;






返回列表 返回列表
评论

    分享到