发表于: 2017-05-17 22:25:35

0 894


今天完成的任务

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.后台管理

账号管理

可以通过角色信息和用户名来筛选用户账号,有新增、删除、编辑三个功能,新增和编辑会跳转到指定页面,可以修改账号相应的信息。

角色管理

角色管理部分主要是对应管理权限的,可以新增,删除,编辑角色,改变角色权限,删除角色,新建一个角色并且自定义角色权限。

修改密码

用于修改本登陆账号的密码信息,提交表单应该是,三个都是必填项,首先要先确认原密码是否是正确密码,然后确定两次新密码是否相同。

模块管理

对应模块的编辑删除和新增,同样是提交表单的时候需要验证。


收获

对于一个项目的基本有了基础了解


返回列表 返回列表
评论

    分享到