发表于: 2017-05-17 22:25:35
0 892
今天完成的任务
1.做了一部分复盘项目的方案
明天计划的任务
1.完善项目方案
2.熟悉下项目里面可能 用到的插件
遇到的问题
1.文档结构
前台/后台
App
Script
App.js(路由)
Servies.js(服务)
Filter.js(过滤器)
Directive.js(指令)
Controller.js(控制器)
Style
Public.css(公共样式)
Fontsize.css(字体)
Color.css(颜色)
Xxxx.css(样式文件)
Html
子路由页面
Image
切图文件
Index.html(主路由页面)
框架
Angular JS
Bootstrap
其他插件
2.前台方案
a.首页
栅格布局
职位列表,banner--> 轮播图,点击可以跳转
推荐职位,最新职位
搜索部分
关键字搜索:双向绑定
条件搜索:点击添加选项,根据后台给出的接口传递相应的数据来搜索,获取后台数据渲染,ng-repeat渲染页面。
b.找职位
顶部职位分类搜索,鼠标进入显示细分部分,用hover去做,点击进入职位搜索部分,这里从url把点击选项传过去。
推荐职位和最新职位标签点击切换,查看更多根据标签的不同进入推荐职位和最新职位页面
推荐公司部分-->轮播图
公司搜索页面
搜索部分和前面一样,点击上面的标签会转到职位搜索 页面,数据要重新请求
公司详情
标签切换公司详情和在招职位。
在招职位页面
可以通过点击上面的类别进行筛选,每点击一次相当于一次搜索。
点击职位可进入职位介绍页面
职位搜索页
搜索部分相同,点击职位也可以进入职位介绍页面
c.找精英
更多合作公司进入公司列表页
公司列表页上部分筛选公司,点击公司模块进入公司详情
d.关于我们
页面写死,ng-show来显示两个标签页
两个标签转换时,有动画效果
3.后台方案
1.登录页面
需要返回后台给出的message,来提醒用户对应的错误。记录用户的身份,传给后面的页面。
2.欢迎页面
点击注销,清除记录的用户身份,返回登录页面
根据之前用户的身份拥有的权限,来选择加载侧边栏。
3.信息管理
a.公司列表,职位列表
两个列表逻辑基本相同,都是从后台获取数据渲染页面,根据上部筛选部分来筛选需要的公司或者职位。
不同之处,公司列表可以在本列表选择新增,编辑公司信息,职位列表只能编辑现有职位信息,只有通过公司列表点击职位按钮,进入该公司的在招职位列表,才可以新增职位到该公司。
在编辑和新建页面,都会有对于表单的表单验证,最大最小长度,必填项,文件类型,可以用angular表单验证功能实现。
b.内容管理
这部分逻辑和前两个类似,后台获取数据渲染页面,列表页可以实现上线下线状态转换,删除操作,点击新增和编辑可以进入新增/编辑页面,也是一个提交表单的页面,同样对于必填项也需要做一些表单验证。
c.后台管理
账号管理
可以通过角色信息和用户名来筛选用户账号,有新增、删除、编辑三个功能,新增和编辑会跳转到指定页面,可以修改账号相应的信息。
角色管理
角色管理部分主要是对应管理权限的,可以新增,删除,编辑角色,改变角色权限,删除角色,新建一个角色并且自定义角色权限。
修改密码
用于修改本登陆账号的密码信息,提交表单应该是,三个都是必填项,首先要先确认原密码是否是正确密码,然后确定两次新密码是否相同。
模块管理
对应模块的编辑删除和新增,同样是提交表单的时候需要验证。
收获
对于一个项目的基本有了基础了解
评论