• 基于javaweb的职工考勤系统

    一、系统简介


    本项目采用eclipse工具开发，jsp+servlet+jquery技术编写，数据库采用的是mysql，navicat开发工具。

    系统一共分为3个角色分别是：管理员，职工

    二、模块简介

    管理员

    1、登录

    2、个人信息管理

    3、职工信息管理

    4、打卡记录管理

    职工

    1、登录

    2、上班下班打卡

    3、个人信息管理

    4、历史记录查询

    难度等级：✩✩✩
    用户类型：2角色（管理员，职工）
    设计模式：MVC
    项目架构：B/S架构
    开发语言：Java语言
    前端技术：HTML、CSS、JS、JQuery等
    后端技术：JSP、servlet框架
    运行环境：Windows7或10、JDK1.8
    运行工具：本系统采用Eclipse开发，仅支持Eclipse运行，不支持MyEclipse和IDEA运行，因为三者的骨架不一样，强行导入打开运行可能会导致出现未知的错误。(如若想用idea运行，需要转换！！！！)
    数  据  库：MySQL5.5/5.7/8.0版本
    运行服务器：Tomcat7.0/8.0/8.5/9.0等版本
    是否基于Maven环境:否
    是否采用框架：是
    数据库表数量：3张表
    JSP页面数量：10几张
    是否有分页：有分页

    相关截图

    相关代码

    登录

    1. <%@ page language="java" contentType="text/html; charset=UTF-8"
    2.     pageEncoding="UTF-8"%>
    3.     <%
    4. 	String path = request.getContextPath();
    5. 	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
    6. 			+ path + "/";
    7. %>
    8. <jsp:include page="/WEB-INF/views/header.jsp"/>
    9. <body>
    10. <div class="row lyear-wrapper">
    11.   <div class="lyear-login">
    12.            <div class="login-center">
    13.       <div class="login-header text-center">
    14.         <a > 职工考勤系统登录a>
    15.       div>
    16.       <form >
    17.         <div class="form-group has-feedback feedback-left">
    18.           <input type="text" placeholder="请输入用户名" class="form-control" name="userName" id="userName" />
    19.           <span class="mdi mdi-account form-control-feedback" aria-hidden="true"> span>
    20.          <span id="msg" style="color:red;">span>
    21.         div>
    22.         <div class="form-group has-feedback feedback-left">
    23.           <input type="password" placeholder="请输入密码" class="form-control" id="password" name="password" />
    24.           <span class="mdi mdi-lock form-control-feedback" aria-hidden="true">span>
    25.            <span id="msg2" style="color:red;">span>
    26.         div>
    27.         <div class="form-group has-feedback feedback-left row">
    28.  
    29.             <div class="col-xs-12">
    30.                 <select class="form-control" id="type" name="type" size="1">
    31.                     <option value="1">管理员option>
    32.                     <option value="2">职工option>
    33.  
    34.                 select>
    35.             div>
    36.         div>
    37.           <font  color="red">${message}font>
    38.         <div class="form-group">
    39.           <button class="btn btn-block btn-primary" type="button" id="login"   >立即登录button>
    40.            
    41.         div>
    42.       form>
    43.       <hr>
    44.       <footer class="col-sm-12 text-center">
    45.       footer>
    46.     div>
    47.   div>
    48. div>
    49.  
    50. <script type="text/javascript">
    51.     layui.use(['layer', 'form','jquery'], function(){
    52.         var layer = layui.layer
    53.             ,form = layui.form
    54.             ,jquery=layui.jquery;
    55.         $("#login").on("click", function() {
    56.             var userName = $("#userName").val().trim(); // trim()去除空格
    57.             var password = $("#password").val().trim();
    58.             var type = $("#type").val();
    59.             if(!userName) {
    60.                 $("#msg").html("用户名不能为空！");
    61.                 $("#userName").focus(); // 聚焦
    62.                 return false;
    63.             } else {
    64.                 if(!password) {
    65.                     $("#msg").html("密码不能为空！");
    66.                     $("#password").focus(); // 聚焦
    67.                     return false;
    68.                 } else {
    69.                     $("#msg").html("");
    70.                 }
    71.             }
    72.  
    73.             $.ajax({
    74.                 type: "post", // post或get
    75.                 url: "LoginServlet?action=login", // 提交路径
    76.                 data: {
    77.                 	userName: userName,
    78.                     password: password,
    79.                     type:type,
    80.                 },
    81.                 // dataType: "json", // 指定后台传来的数据是json格式
    82.                 success: function(data) {
    83.  
    84.                     if (data == "yes") {
    85.                         layer.msg('登陆成功！', {icon: 6});
    86.                         // 延迟跳转
    87.                         window.setTimeout("window.location='LoginServlet?action=toMain'",900);
    88.                     }else{
    89.                       	 layer.msg('账号或者密码错误，登录失败！', {icon: 5});
    90.  
    91.  
    92.                     }
    93.  
    94.                 },
    95.  
    96.                 error: function(err) {}
    97.  
    98.             })
    99.  
    100.         })
    101.  
    102.  
    103.  
    104.     });
    105. script>
    106.  
    107. body>
    108. html>
    1. protected void login(HttpServletRequest request, HttpServletResponse response) throws Exception {//跳转到添加用户界�?
    2. 	    String userName = request.getParameter("userName");
    3.         String password = request.getParameter("password");
    4.         String type = request.getParameter("type");
    5.         String message = "no";
    6. 	  if(type != null && type.equals("1")){//admin
    7. 	    	Admin admin = service.selectAdmin(userName,password);
    8. 	    	 if (admin != null) {
    9. 	    		   message = "yes";
    10. 	    		   request.getSession().setAttribute("flag",1);
    11. 	               request.getSession().setAttribute("admin",admin);
    12.              }
    13. 	    	 
    14. 	    }else  if(type != null && type.equals("2")){
    15. 	    	User user = service.selectUser(userName,password);
    16. 	    	 if (user != null) {
    17. 	    		   message = "yes";
    18. 	    		   request.getSession().setAttribute("flag",2);
    19. 	               request.getSession().setAttribute("user",user);
    20.             }
    21. 	    	 
    22. 	    }
    23. 	  response.getWriter().print(message);
    24. 	}

    其他相关代码都是类似的，主要是前端jsp和后端servlet交互比较重要！！！非开源！！！！！！
    其他模块代码都是类似的，此项目适合初学者学习借鉴，项目整体比较简单，可用作于期末考核，课设，毕设等方面的作业！！！！！
    喜欢的朋友的点赞加关注，感兴趣的同学可以研究！！！！！
    感谢  = v =
     

  • 相关阅读:
    Arcgis pro通过渔网工具生成规则采样点，并对栅格数据进行采样
    Python数据分析案例02——泰尔指数的计算
    git代码提交规范限制-husky和git cz的使用
    uniapp如何使用api相关提示框
    【Git】：远程仓库操作
    分布式中灰度方案实践
    【剑指Offer】36.二叉搜索树与双向链表
    liunx集成jmeter进行压测实践
    伦敦金的交易时间究竟多长？
    51单片机基础篇系列-点亮一个LED发光管&基础知识搭建
  • 原文地址：https://blog.csdn.net/qq_43485489/article/details/126260305