Servlet+MyBatis+jsp综合案例-----员工信息管理

需求:完成一个表名为(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"/>  与上一行的配置一样,不能同时存在-->
    <!-- &lt;!&ndash;扫描实体类&ndash;&gt;
     <typeAliases>
       &lt;!&ndash;  <package name="com.hsd.entity"/>&ndash;&gt;
         <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&amp;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>
</
  • 1
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值