menu.jsp 主界面
<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Insert title here</title> </head> <body> <div align=center> <form action="/selectproject/lojin" method="post"> <font size="10">石家庄铁道大学选课管理系统</font><br> 用户名:<input id="id" type="text" name="id"><br> 密码:<input id="code" type="password" name="code"><br> 身份:<select name="shenfen"> <option></option> <option>教师</option> <option>学生</option> <option>管理员</option> </select><br> <input id="denglu" type="submit" value="登录"> <a href="register.jsp"><button type="button">注册</button><br></a> </form> </div> </body> </html>
register.jsp menu.jsp注册跳转的页面,用来提交注册信息的完成注册信息的填报。
<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Insert title here</title> </head> <body> <div align="center"> <font size="10">欢迎来到注册页面</font><br> <form action="/selectproject/register" method="post"> 用户名:<input id="id" type="text" name="id"><br> 密码:<input id="code" type="text" name="code"><br> 确认密码:<input id="code2" type="text" name="code2"><br> 身份:<select name="shenfen"> <option></option> <option>教师</option> <option>学生</option> <option>管理员</option> </select><br> <input id="zhuce" type="submit" value="注册" onclick="return checkCode()"> </form> </div> <script> function checkCode() { var code=document.getElementById("code").value; var code2=document.getElementById("code2").value; if(code!=code2) { //document.getElementById('code').value=""; alert("密码不匹配"); return false; } return true; } </script> </body> </html>
alert.jsp是获取servlet的字段(info和link)提示信息,info是注册成功失败等提示信息的变量,link是跳转的jsp页面的一个变量alert.jsp 是实现嵌套Java代码实现的alert的提示框显示及时的操作成功与否的信息的
alert.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Alert</title> </head> <body> <% String s=(String)request.getAttribute("info"); String link=(String)request.getAttribute("link"); out.print("<script>"); out.print("alert("+"\""+s+"\""+");"); out.print("window.location.href="+ "\"" +link+ "\"" +";"); out.print("</script>"); %> </body> </html>
下面带manager命名的是一个管理员分支下管理员能实现的功能。这里的命名不规范(命名思路 管理员manager 添加plus 学生stu或老师tea 就这样组合的
)
manager.jsp
<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Insert title here</title> </head> <body> <div align="center"> <font size="10">管理员界面</font><br> <a href="managerptea.jsp"><button type="button">添加教师信息</button><br></a> <a href="managerpstu.jsp"><button type="button">添加学生信息</button><br></a> </div> </body> </html>
managerpstu.jsp
<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Insert title here</title> </head> <body> <div align="center"> <font size="10">管理员添加学生信息</font><br> <form action="/selectproject/managerpstu" method="post"> 学号:<input id ="stuid" type="text" name="stuid"><br> 姓名:<input id ="name" type="text" name="name"><br> 性别:<select name="sex"> <option></option> <option>男</option> <option>女</option> </select><br> 班级:<input id ="banji" type="text" name="banji"><br> 专业:<input id ="zhuanye" type="text" name="zhuanye"><br> <input id="zhuce" type="submit" value="注册" > </form> </div> </body> </html>
managerptea.jsp
<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Insert title here</title> </head> <body> <div align="center"> <font size="10"> 管理员增加教师信息 </font><br> <form action="/selectproject/managerptea" method="post"> 教师工号:<input id ="teaid" type="text" name="teaid"><br> 教师姓名:<input id ="teaname" type="text" name="teaname"><br> 教师性别:<select name="sex"> <option></option> <option>男</option> <option>女</option> </select><br> 教师所在学院: <select name="xueyuan"> <option></option> <option>信息学院</option> <option>土木学院</option> <option>经管学院</option> <option>外语学院</option> </select><br> 职称: <select name="zhicheng"> <option></option> <option>教授</option> <option>副教授</option> <option>讲师</option> <option>助教</option> </select><br> <input id="zhuce" type="submit" value="注册" > </form> </div> </body> </html>
接下来是老师的
teacher.jsp
<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Insert title here</title> </head> <body> <div align="center"> <font size="10">老师操作界面</font><br> <a href="projectplus.jsp"><button type="button">添加课程信息</button><br></a> <a href="teacherrevise.jsp"><button type="button">修改个人信息</button><br></a> <a href="teachersee.jsp"><button type="button">浏览学生选课信息</button><br></a> </div> </body> </html>
老师的功能页面中的三个页面跳转
projecctplus.jsp 添加课程
<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Insert title here</title> </head> <body> <div align="center"> <font size="10">添加课程</font><br> <form action="/selectproject/kechengp" method="post"> 课程编号:<input id ="id" type="text" name="id"><br> 课程名称:<input id ="name" type="text" name="name"><br> 选课人数:<input id ="stunum" type="text" name="stunum"><br> 任课教师:<%out.print(request.getSession().getAttribute("idnum"));%><br> <input id="zhuce" type="submit" value="注册" > </form> </div> </body> </html>
teacherrevise.jsp 老师修改个人信息
<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Insert title here</title> </head> <body> <div align="center"> <font size="10">老师修改个人信息</font><br> <form action="/selectproject/teacherrevise" method="post"> 教师工号:<%out.print(request.getSession().getAttribute("idnum"));%><br> 教师姓名:<input id ="teaname" type="text" name="teaname"><br> 教师性别:<select name="sex"> <option></option> <option>男</option> <option>女</option> </select><br> 教师所在学院: <select name="xueyuan"> <option></option> <option>信息学院</option> <option>土木学院</option> <option>经管学院</option> <option>外语学院</option> </select><br> 职称: <select name="zhicheng"> <option></option> <option>教授</option> <option>副教授</option> <option>讲师</option> <option>助教</option> </select><br> <input id="xiugai" type="submit" value="修改" > </form> </div> </body> </html>
teachersee.jsp 老师查看选课的人
<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> <%@ page import="utils.utilsxuanke" %> <%@ page import="Bean.xuanke" %> <%@ page import="java.util.ArrayList" %> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Insert title here</title> </head> <body> <% utilsxuanke to=new utilsxuanke(); ArrayList<xuanke> arr=new ArrayList<xuanke>(); String sql="select * from xuanke where teaid=?"; String s=(String)request.getSession().getAttribute("idnum"); to.select5(sql,s,arr); for(int i=0;i<arr.size();i++) { xuanke cour=arr.get(i); %> 课程编号:<%=cour.getId()%> 课程名字:<%=cour.getName()%> 选课学生:<%=cour.getStuid() %><br> <br> <%} %> </body> </html>
下面是学生的操作界面
student.jsp
<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Insert title here</title> </head> <body> <div align="center"> <font size="10">学生操作信息</font><br> <a href="seeproject.jsp"><button type="button">浏览课程信息</button><br></a> <a href="sturevise.jsp"><button type="button">修改个人信息</button><br></a> </div> </body> </html>
seeproject .jsp 是浏览教师发布的课程信息的界面 (里面接跳转各个科目的超链接)
<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> <%@ page import="Bean.course"%> <%@ page import="Bean.teainformation"%> <%@ page import="utils.utilskecheng"%> <%@ page import="java.util.ArrayList" %> <%@ page import="utils.utilst" %> <%@ page import="javax.servlet.http.HttpServletRequest" %> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Insert title here</title> </head> <body> <% utilskecheng to=new utilskecheng(); ArrayList<course> arr=new ArrayList<course>(); String sql="select * from kecheng"; to.select4(sql,arr); for(int i=0;i<arr.size();i++) { course cour=arr.get(i); %> 课程编号<%=cour.getId()%> 课程名称<a href="xuanke.jsp?name=<%= cour.getName() %>"><%= cour.getName() %></a> <br> <%} %> </body> </html>
xuanke.jsp
选课跳转 完成选课
<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> <%@ page import="Bean.course"%> <%@ page import="Bean.teainformation"%> <%@ page import="utils.utilskecheng"%> <%@ page import="java.util.ArrayList" %> <%@ page import="utils.utilst" %> <%@ page import="javax.servlet.http.HttpServletRequest" %> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Insert title here</title> </head> <body> <div align="center"> <% String jspname=request.getParameter("name"); utilskecheng to=new utilskecheng(); ArrayList<course> arr1=new ArrayList<course>(); String sql="select * from kecheng where name=?"; to.select5(sql,jspname,arr1); for(int i=0;i<arr1.size();i++) { course cour=arr1.get(i); %> 课程编号 <%=cour.getId()%><br> 课程名称 <%=cour.getName() %><br> 教师编号 <%=cour.getS() %><br> <a href="xuanke?method=doGet&id=<%=cour.getId()%>&name=<%=cour.getName() %>&s=<%=cour.getS() %>">选课</a> <br> <%}%> </div> </body> </html>
teacherrevise.jsp
<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Insert title here</title> </head> <body> <div align="center"> <font size="10">老师修改个人信息</font><br> <form action="/selectproject/teacherrevise" method="post"> 教师工号:<%out.print(request.getSession().getAttribute("idnum"));%><br> 教师姓名:<input id ="teaname" type="text" name="teaname"><br> 教师性别:<select name="sex"> <option></option> <option>男</option> <option>女</option> </select><br> 教师所在学院: <select name="xueyuan"> <option></option> <option>信息学院</option> <option>土木学院</option> <option>经管学院</option> <option>外语学院</option> </select><br> 职称: <select name="zhicheng"> <option></option> <option>教授</option> <option>副教授</option> <option>讲师</option> <option>助教</option> </select><br> <input id="xiugai" type="submit" value="修改" > </form> </div> </body> </html>
整个的jsp页面就全部在这里了
欢迎交流学习。🤭
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· winform 绘制太阳,地球,月球 运作规律
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 上周热点回顾(3.3-3.9)
· 超详细:普通电脑也行Windows部署deepseek R1训练数据并当服务器共享给他人