需求:完成一个表名为(employee)的员工管理系统,登录的表名为(user)。
员工属性有:员工编号(id)、员工姓名(name)、员工年龄(age)、员工性别(sex)、
员工电话(phone)、员工爱好(hobby)、员工状态(state)。
登录属性有:编号(id)、用户名(name)、密码(pwd)。
需要展示全部的员工信息,功能有全选、全不选、添加、修改、保存、详情、选中删除、登录、注册、登录
拦截、退出登录、以及多条件查询。
1.打开一个新的工作空间,不能有其他项目。
2.点击登录时校验用户名是否为空,为空则提示‘用户名不能为空’,密码是否为空,为空则提示‘密
码不能为空’,重复密码是否为空,为空则提示‘重复密码不能为空’,用户名是否存在,不存在
则提示‘用户名不存在’,密码是否正确,不正确则提示‘密码不正确’,密码和重复密码是否一致,
不一致则提示‘密码和重复密码必须一致’,如果都没问题就展示全部的员工信息。
3.点击注册时校验用户名是否为空,为空则提示‘用户名不能为空’,密码是否为空,为空则提示‘密
码不能为空’,用户名是否存在如果都没问题就去登录页面。
4.展示全部的员工信息。
5.点击全选则选中全部的员工信息、点击全选则取消选中。
6.点击选中删除则提示至少删除一条数据,选中某条数据时在点击选中删除即可删除数据。
7.点击添加按钮跳转至添加界面实现数据添加。
8.点击修改按钮跳转至修改界面实现数据回显,修改界面实现数据更新。
9.点击保存按钮时,将数据保存到D盘下的员工.txt文件中。
10.员工状态为“在职”时显示“已经离职”的超链接,点击“已经离职”状态修改为“离职”则不在
用超链接显示。
11.没有登录之前不能查看和添加员工信息。
12.点击退出登录之后,则必须再次登录才可以查看和删除员工信息,否则跳转至登录页面提
示‘你还没有登录’。
13.点击详情查看单个员工信息
14.可以根据员工姓名,来模糊查询患者信息。
15.可以根据员工电话,来查询患者信息。
第一步先在数据库中建两张表
第二步在MyBatis--config.xml文件中建立连接 我的pqf数据库
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE configuration
PUBLIC "-//mybatis.org//DTD Config 3.0//EN"
"http://mybatis.org/dtd/mybatis-3-config.dtd">
<configuration>
<!--properties标签配置的整个文件都可以使用,在任何位置配置的值都可以引入进来-->
<!--<properties resource="Mysql.properties"/>-->
<!-- <properties url="Mysql.properties"/> 与上一行的配置一样,不能同时存在-->
<!-- <!–扫描实体类–>
<typeAliases>
<!– <package name="com.hsd.entity"/>–>
<typeAlias alias="User" type="com.hsd.entity.User"/>
</typeAliases>-->
<environments default="development">
<environment id="development">
<transactionManager type="JDBC"/>
<dataSource type="POOLED">
<property name="driver" value="com.mysql.jdbc.Driver"/>
<property name="url" value="jdbc:mysql:///pqf?useSSL=false&useServerPrepStmts=true"/>
<property name="username" value="root"/>
<property name="password" value="root"/>
</dataSource>
</environment>
</environments>
<!-- mapper映射器-->
<mappers>
<!-- 一个一个扫描-->
<!-- <mapper resource="com.hsd.mapper.UserMapper"/>
<mapper class="com.hsd.mapper.UserMapper"/>-->
<!--2.扫描mapper,自动扫描mapper包中的接口与xml-->
<!--package name="com.hsd.mapper"/-->
<package name="com.hsd.mapper"/>
</mappers>
</configuration>
第二步 功能实现 先写前端再写后端
2.点击登录时校验用户名是否为空,为空则提示‘用户名不能为空’,密码是否为空,为空则提示‘密
码不能为空’,重复密码是否为空,为空则提示‘重复密码不能为空’,用户名是否存在,不存在
则提示‘用户名不存在’,密码是否正确,不正确则提示‘密码不正确’,密码和重复密码是否一致,
不一致则提示‘密码和重复密码必须一致’,如果都没问题就展示全部的员工信息。
<%--
Created by IntelliJ IDEA.
User: Huawei
Date: 2022/10/27
Time: 16:52
To change this template use File | Settings | File Templates.
--%>
<%--登录页面:user.jsp--%>
<%--登录的表单--%>
<%--1.创建form表单,创建账号和密码的输入框--%>
<%--2.给登录按钮绑定点击事件--%>
<%--3.获取用户名和密码的值--%>
<%--4.判断账号是否为空--%>
<%--如果为空就提示用户‘账号不能为空’(赋值给div标签)并return返回--%>
<%--5.判断密码是否为空--%>
<%--如果为空就提示用户‘密码不能为空’(赋值给div标签)并return返回--%>
<%--6.如果都不为空就提交表单,跳转到后端--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<html>
<head>
<title>登录</title>
</head>
<body>
<div style="text-align: center">
<h2>登录页面</h2>
<form action="UserServlet" method="get" id="userForm">
账号:<input type="text" name="username" id="username" value="${messageModel.object.username}"><br/>
密码:<input type="password" name="password" id="password" value="${messageModel.object.password}"><br/>
<div style="color: red" id="div" >${messageModel.msg} ${msg}</div>
<%--
<input type="submit">
--%>
<button type="button" id="but">登录</button>
<button type="button"><a href="register.jsp" style="text-decoration: none">注册</a></button>
</form>
</