嗨,好久不见啊,大佬们今天我将带来的是我学习过的一个小项目的开发,是一个简易的健康系统,绝对干货满满 !!!!
好了话不多说,直接进入我们的今天的主题
目录
2.搭建项目(查看技术选型 -- 项目技术,决定搭建的项目类型 servlet+jsp)
一.项目开发流程
- 向你的项目经理要一份需求文档
- 分配任务 --分配到每个人,emm一般在公司都是女生优先,不管是不是实习,女生永远第一个来挑选自己的任务
- 开发阶段 .... 每个公司不会把项目放到自己的里面,而是去gitee,GitHub上面,便于以后的维护和上传自己的劳动成果
- 交付验收 ,开始收钱啦( 一次性的后期不管),有的在规定年限内会定时维护产品
- 后期维护
1. 语言和环境
A、实现语言:Java
B、实现技术 spring+springmvc+mybatis
C、环境要求:Eclipse Tomcat Oracle.
2. 功能设计要求
现在需要为社区做健康信息管理系统,主要实现健康信息的查询显示以及添加修改删除功能,主要功能如下。
1. 登录功能:
2. 健康信息管理功能:管理员登录成功后,进入健康信息管理页面,此页面要求:显示所有的健康信息
3. 当点击健康信息管理页面的“修改”按钮后,显示修改页面(保证修改页面包含已有的信息),点击“保存”按钮后,并跳转到健康信息管理页面,并显示所有的健康信息。
3. 数据库设计要求:
创建两个表:管理员表admin和健康信息表healthinfo,表结构如下:
admin (管理员表)
列名 | 数据类型 | 备注 |
aid | int | 管理员编号 主键 |
aname | Varchar(32) | 账户 非空 |
apwd | Varchar(32) | 密码 非空 |
realname | Varchar(32) | 真实姓名 非空 |
healthinfo (健康信息表)
列名 | 数据类型 | 备注 |
hid | int | 健康信息编号 主键 |
uname | Varchar(32) | 姓名 非空 |
ipcard | Varchar(32) | 身份证 非空 |
temp | Varchar(32) | 体温 非空 |
condition | Varchar(500) | 身体状况 非空 |
ctime | date | 填报时间 非空 |
aid | int | 填报人 外键 |
4.注意代码规范
1. 请注意界面美观,控件摆放整齐。
2. 请注意代码的书写、命名符合规范,在代码中添加必要的注释。
3. 请注意操作数据库时进行必要的异常处理。
1.根据需求,设计数据库.插入三条以上测试数据.
- 创建项目需求使用的表 admin(管理员表) healthinfo(健康信息表)
-- 1.创建项目需要使用的数据库名 编码格式未设置,默认latin1 不支持中文 create database health charset =utf8; -- 2.使用当前数据库 use health; -- 3.根据需求创建表 create table admin( aid int primary key auto_increment comment "管理员编号" , aname Varchar(32) comment "账户", apwd Varchar(32) comment "密码",realname ); create table healthinfo( hid int primary key auto_increment comment "健康信息编号", uname Varchar(32) comment "姓名", ipcard Varchar(32) comment "身份证", temp Varchar(32) comment "体温", `condition` Varchar(500) comment "身体状况", ctime date comment "填报时间", aid int comment "填报人id" );
1.2添加测试数据
--添加数据
insert into admin values (1,"zs","123","张三");
insert into admin values (2,"ls","123","李四");
insert into admin values (3,"ww","123","王五");
insert into healthinfo values (null , "张三", "123456" , "38.0" , "不正常" , now(),1);
insert into healthinfo values (null , "李四", "123454" , "36.2" , "正常" , now(),1);
insert into healthinfo values (null , "王五", "123455" , "36.0" , "正常" , now(),1);
2.搭建项目(查看技术选型 -- 项目技术,决定搭建的项目类型 servlet+jsp)
- 创建Java web项目
2. 导入使用jar包( mysql-connect-java.jar tomcat.jar jstl.jar 一定在WEB-INF下创建一个lib包然后添加为库
3. 配置tomcat服务器,将项目路径设置为 /
3.代码开发
- 先开发前端页面
- 后开发后端页面
- 分层开发 servlet -- >service-->dao层
1.登录功能
涉及1个登录页 包含(表单,输入框,按钮)
定义页面名称login.jsp
设置表单提交路径login ,post提交方式
输入框name属性分别为:name password
提交按钮显示为登录
样式框框剧中
代码实现:
前端页面:login.jsp
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<head>
<title>健康管理登录页面</title>
<link rel="stylesheet" href="/css/login.css">
</head>
<style>
</style>
<body>
<%-- div 用来 圈起来整体的 范围 --%>
<div>
<%-- 数据的提交 --%>
<form action="/login" method="post">
<%-- 内部的格式化展示 --%>
<table >
<tr align="center" >
<td colspan="2" height="60px">
<span><b>用户登录</b></span>
</td>
</tr>
<tr >
<td align="right">
用户名:
</td>
<td>
<input name="name" type="text" />
</td>
</tr>
<tr>
<td align="right">
密码:
</td>
<td>
<input name="password" type="password" />
</td>
</tr>
<tr align="center">
<td colspan="2">
<input id="sub" type="submit" value="登录">
</td>
</tr>
</table>
</form>
</div>
</body>
</html>
login.css
/* 通配符设置 */
*{
padding: 0;
}
div{
border: 1px solid black;
width: 350px;
height: 240px;
margin: auto;
}
table{
width: 100%;
height: 100%;
}
#sub{
width: 120px;
}
input{
font-size: 20px;
}
span{
font-size: 30px;
}
后端代码:登录功能LoginServlet
package cn.hp.Servlet;
import cn.hp.Service.LoginService;
import cn.hp.Service.impl.LoginServiceImpl;
import cn.hp.model.Admin;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
@WebServlet(urlPatterns = "/login")
public class LoginServlet extends HttpServlet {
@Override
protected void service(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
//可能用户输入的内容为中文,设置编码格式utf-8
req.setcharacterEncoding("utf-8");
//获取用户输入的内容
String name= req.getparameter("name");
String password= req.getparameter("password");
//依赖于service层 ,多态的方式进行操作
LoginService loginservice=loginService.login(name,password);
//通过登录结果进行页面的转发
if(loginResult){
//跳转到 后端的home路径 ,用来获取到全部的健康信息 ,再返回到页面
req.getRequesDispatcher("/home").forward(req.resp);
}else{
req.setAttribute("meg","用户/密码错误!");
req.getRequesDispatcher("/login.jsp").forward(req.resp);
}
}
}
好了今日暂时分享到这里了,就要说再见咯,明日会更新后续,掰掰 >v<