简单随机选人网站设计

2024-05-13 03:07:13

简单随机选人网站设计

一、设计目的
解决班级活动选人问题，随机选择参加人员。
二、网站功能
实现对班级成员的随机选择，且上次被选的人才能选择下次活动人选。
三、使用流程
1. 网址：http://3406ff11.nat123.cc/Project01/进入登陆页面进行登陆；
2. 如果未注册则输入任意用户名和密码跳转到注册页面；
注册的用户名只能用姓名注册，便于统计管理。
3. 登陆成功后自动转到随机选人页面，点击选择按钮选人，等待数秒后出示结果；
4. 每人只能选择一次，且只能是上次被选的人选择本次的人选。
5. 管理员以管理员账号登陆后，设置本次需要选择的人数。
四、网站实现细节
1. 设计流程图

2. 登陆页面
（1）实现流程
Login.html页面
① 检查用户名是否注册
② 点击登陆按钮，提交Form表单到login.jsp页面，保存全局变量NAME=username.

<form action="logintest.jsp" method="post" ><input type="text" name="username" class="username" placeholder="用户名"><input type="password" name="password" class="password" placeholder="密码"><button type="submit">登 陆</button><div class="error"><span>+</span></div></form>

Login.jsp页面
① 连接SQL Server数据库，检查用户名和密码
② 验证成功跳转到chose.html选择页面

chose.html页面
① 点击选择按钮，提交到chose.jsp页面

chose.jsp页面
① 连接数据库，根据可选标志和被选标志列判断是否可以选择
② 如果可以选择，判断是否选过
③ 如果没有选过则选择成功保存到数据库,结果保存到全局变量 res

res.jsp页面
① 取得res结果
② 将res.jsp页面输出到chose.html的Iframe中

（2）变量

（3）数据库
① tb_students

② tb_users

五、网站截图

六、映射到外网
1. 设置tomcat端口为80;
删去root文件夹；
设置tomcat默认路径为Project01

2.nat123添加内网映射，端口号为80；主机号为localhost。

3.使用http://3406ff11.nat123.cc/Project01即可访问

简单随机选人网站设计相关推荐

HTML5期末大作业：海贼王网站设计——代码质量好-海贼王(6页) 学生漫画网页设计模板代码漫画网页制作模板学生简单动漫网站设计成品
HTML5期末大作业:海贼王网站设计--代码质量好-海贼王(6页) 学生漫画网页设计模板代码漫画网页制作模板学生简单动漫网站设计成品常见网页设计作业题材有个人. 美食. 公司. 学校. 旅游. ...
大学生PHP个人博客网站源码简单个人动态网站设计模板 PHP毕业设计成品学生PHP MYSQL日志管理系统网页
作品介绍 PHP MYSQL个人博客网站作品使用php+mysql开发,系统编码简单,大学生PHP毕业设计水平.系统随处可见增删改查等基本操作,有批量删除之功能,涉及的知识点比较全面. 功能说明数据 ...
一个简单的音乐网站设计与实现(HTML+CSS)---爵士乐音乐 3页
⛵ 源码获取文末联系 ✈ Web前端开发技术描述网页设计题材,DIV+CSS 布局制作,HTML+CSS网页设计期末课程大作业 | 学生管理系统网页设计 | OA管理系统 | 后台管理模板 | ...
一个简单的音乐网站设计与实现(HTML+CSS)___音乐网站7页--界面设置简洁好看，带有登陆注册
⛵ 源码获取文末联系 ✈ Web前端开发技术描述网页设计题材,DIV+CSS 布局制作,HTML+CSS网页设计期末课程大作业 | 音乐网页设计 | 仿网易云音乐 | 各大音乐官网网页 | 明星 ...
一个简单的音乐网站设计与实现(HTML+CSS)
⛵ 源码获取文末联系 ✈ Web前端开发技术描述网页设计题材,DIV+CSS 布局制作,HTML+CSS网页设计期末课程大作业 | 音乐网页设计 | 仿网易云音乐 | 各大音乐官网网页 | 明星 ...
HTML期末大作业：一个简单的音乐网站设计与实现(HTML+CSS)
⛵ 源码获取文末联系 ✈ Web前端开发技术描述网页设计题材,DIV+CSS 布局制作,HTML+CSS网页设计期末课程大作业 | 音乐网页设计 | 仿网易云音乐 | 各大音乐官网网页 | 明星 ...
大学生阅读小说网页设计模板代码小说书籍网页作业成品学校书籍网页制作模板学生简单书籍阅读网站设计成品
div+css静态网页设计——代码质量好-海贼王(6页) 学生漫画网页设计模板代码漫画网页制作模板学生简单动漫网站设计成品
HTML5期末大作业文章目录 HTML5期末大作业一.作品展示二.文件目录三.代码实现四.完整源码一.作品展示二.文件目录三.代码实现 <!DOCTYPE html> &l ...
大学生阅读小说网页设计模板代码柏书旧书网带登录表单注册表单小说书籍网页作业成品学校书籍网页制作模板学生简单书籍阅读网站设计成品

最新文章

热门文章