发表于: 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);
登陆界面
表单验证用户输入数据是否符合条件(最大、最小长度;不能出现汉字),若不符合,提示错误信息;若符合,再向接口提交数据验证数据库中是否有此数据,根据判断返回结果。
欢迎页面
登录成功后,跳转至欢迎页面;左侧面板使用 jqurey侧边栏组件实现,点击后出现相应页面使用ui-route设置跳转路径。
注销
点击注销按钮页面跳转至登陆页并删除cooike数据。
公司信息
显示公司具体信息使用ng-repat渲染数据,包含5个操作:跳转至职位列表,解除、编辑、冻结、删除;分别按照后端约定的接口实现操作。
搜索框:ui.bootstrap.modal实现模态框,表单验证,点击搜索根据接口约定发送数据,返回结果,点击清空时所有值为初始值。
职位信息
显示职位具体信息,包含3个操作:编辑、下架、删除;按照与后端约定接口实现。
搜索要求与公司信息相同。
Artical管理
banner列表
点击Article管理进入页面展示所有数据,时间插件,选择的时间不能超过当前日期,选中的日期转换为数值进行传递;
artical上下线,删除
点击上下线或删除跳出模态框,选择确认或取消,按约定接口实现
增改查banner
图片上传功能使用angular-file-upload插件实现,上传过程中可以显示进度,上传成功后,后台返回图片链接,并显示出来
首页、找职位、找精英banner、行业大图
类型为“行业大图”时隐藏跳转链接输入框,显示行业下拉;
暂时先这样;接口确定后再修改;
评论