- 一、概述
- 项目背景
随着社会对健康生活方式的重视和对体育锻炼需求的增加,校园内的运动器械成为学生们进行体育锻炼的重要资源。然而,许多学生可能无法购买自己喜欢的全部运动器械。因此,建立一个校园运动器械租借系统的想法应运而生。该系统旨在为学生提供一个方便、安全和经济的途径,以租借校园内的运动器械。通过租借系统,学生可以根据自己的需要选择所需的器械,并在规定的时间内租借使用。
通过建立校园运动器械租借系统,可以促进学生们更加积极参与体育锻炼,改善他们的健康状况,并为校园内的体育教育提供更好的支持和资源
健康状况,并为校园内的体育教育提供更好的支持和资源
2.编写目的
系统旨在为学生提供一个方便、快捷、安全和经济的途径,以租借校园内的运动器械,让学生可以更加方便地享受校园内的运动器械资源。系统可以集中管理校园内的运动器械,实现对器械的分类、储存、调配、维护等管理,从而最大化地利用校园内的运动器械资源。
3.开发环境
数据库:MySQL8.0、Navicat Premium 12
Java:JDK1.8.0 eclipse4.16.0
JDBC:mysql-connector-java-8.0.19.jar
html:Dreamweaver、eclipse
二、需求分析
- 需要完成的功能
用户登录:学生可以通过学号和手机号登录进入自己的个人中心;
用户查询:学生可以通过关键字或学号进行搜索,以获得所需的器械信息。
用户发布:学生可以在个人中心为出租品注册编号并将数据存入数据库
2.ER模型图
三.数据库逻辑设计
由ER模型图转换为关系表
四、软件功能设计
- 用户登录
通过html中的action=”login.jsp”把用户提交的参数放到login中验证是否正确,验证过程中需要调用数据库中的数据,若参数正确则进入用户个人中心界面,即跳转到xingxing.jsp,若参数不正确则回到login.html登录界面。
Html中使用表单来接收数据,具体html代码来自login.html如下:
<!DOCTYPE html>
<html>
<head></head>
<style>
body {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
background-image: url("背景.jpg");
background-repeat: no-repeat;
background-size: cover;
backdrop-filter: blur(1px);
}
#ziti {
font-size: 23px;
}
#ziti2 {
font-size: 23px;
}
#ziti1 {
font-size: 30px;
}
form {
text-align: center;
background-color: #F5F5F5;
border-collapse: collapse;
border: 1px solid #F5F5F5;
padding: 20px;
}
th,
td {
padding: 8px;
border: 1px solid #F5F5F5;
}
#login {
display: flex;
justify-content: center;
margin-top: 20px;
}
#login input[type="submit"],
#login input[type="reset"] {
margin: 10px;
padding: 8px 16px;
color: white;
border: none;
cursor: pointer;
}
</style>
</head>
<body>
<form method="post" onSubmit="return validate(this)" action="login.jsp">
<div id="ziti1">
<p><b>用户登录</b></p>
</div>
<table>
<tr>
<td id="ziti"><b>学生学号:</b></td>
<td><input type="text" name="sno"></td>
</tr>
<tr>
<td id="ziti2"><b>学生手机号:</b></td>
<td><input type="password" name="sphone"></td>
</tr>
</table>
<div id="login">
<input type="submit" value="登录">
<input type