创建一个基于python(Flask)的投票(接龙)网页
- 前后台分离。
- 前台提供投票或接龙页面
- 后台提供页面编辑和数据分析功能。
- 自适应手机和电脑端
-
选择页面
垂直布局{
搜索栏
人名矩阵{
表格:6*N
元素:圆角矩形,居中label为人名
}
}
点击人名,跳转到确认页
搜索栏监听内容修改事件,通过
-
直接比对
-
拼音比对
-
拼音首字母比对
搜索人名。
-
-
确认页
左上角:返回
垂直布局{
label:
姓名:<姓名> 水平布局{
Button: 返回
Button: 确认
}
}
点击返回,回到选择页面
-
选择页面
label: 提示语
选项列表{
根据后台确认是否显示当前选择人数。
}
点击人名,跳转到确认页
-
确认页
左上角:返回
垂直布局{
label:
<提示语>:<选项> 水平布局{
Button: 返回
Button: 确认
}
}
点击返回,回到选择页面
要求输入密码,在程序中写固定值。第一次运行,进入配置模式,跳转到配置页
配置模式下,前台访问显示居中文字 配置中...
配置完成后,进入配置页跳转到运行后台
垂直布局{
水平布局{
长输入框,接受\n或,作为分隔符的人名列表
列表,人名
}
Button: 确认
}
垂直布局{
垂直布局{
label 提示语
长输入框
}
水平布局{
长输入框,接受\n或,作为分隔符的选项列表
列表,人名
}
Button: 确认
}
对任意,在页面下方设重置按钮,点击后,进入配置模式。
垂直布局{
label 已接龙<人数>人,未接龙<人数>人。
人名矩阵{
表格:6*N
元素:圆角矩形,居中label为人名
内容:已接龙名单
}
人名矩阵{
表格:6*N
元素:圆角矩形,居中label为人名
内容:未接龙名单
}
}
已接龙名单中,点击显示接龙时间和取消接龙按钮。
未接龙名单中,点击确认后改为已接龙状态。
水平布局{
Button 按原始排序
Button 按占比排序
}
表格{
|选项|选择人数|占比|
}
使用json持久化。
- 请设计项目实现逻辑,整理需求形成需求文档
- 请分析前端需要哪些页面
- 请分析后端设计结构
- 请构建项目文件树
- 请逐个撰写前端页面
- 请逐个撰写后端文件
- 请检查前后端统一
- 请根据你形成的需求文档检查功能实现情况
- 请检查与上文要求的吻合和实现情况。
- 请重新输出文件树和每个文件内容。