Skip to content

Latest commit

 

History

History
217 lines (115 loc) · 2.88 KB

File metadata and controls

217 lines (115 loc) · 2.88 KB

目的

创建一个基于python(Flask)的投票(接龙)网页

需求

  1. 前后台分离。
  2. 前台提供投票或接龙页面
  3. 后台提供页面编辑和数据分析功能。
  4. 自适应手机和电脑端

页面设计

前台

接龙

  1. 选择页面

    垂直布局{

    ​ 搜索栏

    ​ 人名矩阵{

    ​ 表格:6*N

    ​ 元素:圆角矩形,居中label为人名

    ​ }

    }

    点击人名,跳转到确认页

    搜索栏监听内容修改事件,通过

    • 直接比对

    • 拼音比对

    • 拼音首字母比对

    搜索人名。

  2. 确认页

    左上角:返回

    垂直布局{

    ​ label:姓名:<姓名>

    ​ 水平布局{

    ​ Button: 返回

    ​ Button: 确认

    ​ }

    }

点击返回,回到选择页面

投票

  1. 选择页面

    label: 提示语

    选项列表{

    ​ 根据后台确认是否显示当前选择人数。

    }

    点击人名,跳转到确认页

  2. 确认页

    左上角:返回

    垂直布局{

    ​ label:<提示语>:<选项>

    ​ 水平布局{

    ​ Button: 返回

    ​ Button: 确认

    ​ }

    }

点击返回,回到选择页面

后台

要求输入密码,在程序中写固定值。第一次运行,进入配置模式,跳转到配置页

配置页

配置模式下,前台访问显示居中文字 配置中...

配置完成后,进入配置页跳转到运行后台

接龙

垂直布局{

水平布局{

长输入框,接受\n或,作为分隔符的人名列表

列表,人名

}

Button: 确认

}

投票

垂直布局{

垂直布局{

label 提示语

长输入框

}

水平布局{

长输入框,接受\n或,作为分隔符的选项列表

列表,人名

}

Button: 确认

}

运行后台

对任意,在页面下方设重置按钮,点击后,进入配置模式。

接龙

垂直布局{

label 已接龙<人数>人,未接龙<人数>人。

人名矩阵{

​ 表格:6*N

​ 元素:圆角矩形,居中label为人名

​ 内容:已接龙名单

​ }

人名矩阵{

​ 表格:6*N

​ 元素:圆角矩形,居中label为人名

​ 内容:未接龙名单

​ }

}

已接龙名单中,点击显示接龙时间和取消接龙按钮。

未接龙名单中,点击确认后改为已接龙状态。

投票

水平布局{

Button 按原始排序

Button 按占比排序

}

表格{

|选项|选择人数|占比|

}

后端要求

使用json持久化。

步骤

  1. 请设计项目实现逻辑,整理需求形成需求文档
  2. 请分析前端需要哪些页面
  3. 请分析后端设计结构
  4. 请构建项目文件树
  5. 请逐个撰写前端页面
  6. 请逐个撰写后端文件
  7. 请检查前后端统一
  8. 请根据你形成的需求文档检查功能实现情况
  9. 请检查与上文要求的吻合和实现情况。
  10. 请重新输出文件树和每个文件内容。