前端页面规划书（版本号 1.0.0）

比赛前端设计

页面需求

静态页

• 登录页（login.jsp）

• 注册页(register.jsp)
  后台仪表盘（图表数据显示）

• 布局要点

• 无滚动条
• 设计类似管理系统 顶部系统名称
• 右上角用户登录、退出
• 布局三部分：顶部网站导航、左侧功能导航、右侧信息图表区
• 关键要素
• 植物当前数据信息总览：设计：仪表UI显示温湿度（逐个数据项）
• 植物阶段数据信息总揽：设计：以Echarts图表显示阶段信息（各类别）
• 各个检测湿度最佳数据对比提醒：设定单一最佳值，与它对比设置提醒

• 单一功能（左侧功能导航如温度）：一个Echarts图表（阶段数据）、一个现阶段数据、一个现阶段分析提醒。一个当前温度显示、一个控制

  后台数据页
  光照
  湿度
  温度

功能需求

• 登录
• 注册
• 用户信息设置 ---硬件绑定(弹窗)（疑惑点：硬件与软件绑定逻辑）
• 静态首页

技术需求

登录注册页

• 表单验证
• 数据库表信息
• 数据库操作
• 用户信息验证
• Ajax异步数据加载
• json解析
• Echarts图表插件
• bootstrap

用户交互流程

1. 花伴宣传页（网站首页链接）
2. 由宣传页进入登录注册页面（包含产品部分宣传和官网链接）
3. 由注册登录页面直接进入后台仪表盘

4. 参考模板

5. 登录注册页

6. 仪表盘页