2019-04-01

目录结构

WechatIMG1391.png

• 前端工具

1. Git
2. webpack
3. Gulp

• 前端框架

1. react
2. react-redux

某个组件的数据变化，很有可能引起其他组件的变化，引入react-redux协同多个组件之间的数据

3. react-router
4. express

nodeJS开发最容易上手的业务框架

前端组件

站点布局：顶栏+左侧菜单+主页面

---

1. 顶栏

• 功能操作：管理员账号下切换城市动态展示信息；退出功能
  2.侧边栏
• 功能操作：点击菜单项，实现路由切换

3. 数据展板界面

• 功能操作：① 转化漏斗，已缴费等信息展示 ② 查看“昨日”，“近7日”，“近一周”的浏览次数，访问人数，有效报名人数，潜在用户
• 涉及组件：
  · 漏斗
  · 日期选择tab
  · 折线图

4. 预约信息界面

• 功能操作：下载模板表格，预约信息上传，预约信息展示
• 涉及组件：
  · 列表控件（列表+分页）
  · 上传文件组件

5. 更新记录界面

• 功能操作：预约信息上传，预约信息更新记录
• 涉及组件：
  · 按钮组件（2个）
  · 列表控件（列表+分页）
  · 上传文件组件

6. 学员信息界面

• 功能操作：展示按照“报名时间”筛选出的学员信息，并且提供下载按钮
• 涉及组件：
  · 下载按钮
  · 筛选条件显示 （日期控件）
  · 列表控件（列表+分页）
  · 上传文件组件

7. 单页上传界面：

• 功能操作：从本地上传社群图片至阿里云oss
• 涉及的组件
  · 上传文件组件（上传/预览）