當前位置：首頁 > 运维知识 > windows >内容正文

windows

Java WEB——人事管理系统

發布時間：2023/12/29 windows 34 豆豆

生活随笔收集整理的這篇文章主要介紹了 Java WEB——人事管理系统小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

Java WEB——人事管理系統

數據庫
網頁
- 網頁展示
- 部分代碼展示
- 問題

這是我的一個小總結~

數據庫

這是我數據庫里設計的表，具體的我就不展示了……我用的服務器是tomcat，想要連接數據庫就要在tomcat的lib中加入mysql-connector-java-5.1.8-bin.jar，才能連接成功！

網頁

網頁展示

我對網頁的想法就是，先把表顯示出來，然后下面再加功能，提交數據之后重新刷新回到該頁面，拿到更新后的表……（不過說實話，我的設計風格很有問題，總感覺這個整體看著怪怪的~）只展示了部門管理和員工管理的頁面，其他基本一樣就不展示了……因為想要好看一些，所以我用了bootstrap框架（這是網上的一個教程https://www.runoob.com/bootstrap/bootstrap-tutorial.html）其中我的表格用了CSS來設計樣式

部分代碼展示

//登陸界面的代碼 <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>人事管理系統登錄</title><style>.cites{font-family: 華文細黑;background-color: rgba(150,150,150,0.3);color: black;align-content: space-around;margin: auto;border-radius: 30px;padding: 30px;width: 1600px;height: 725px;}</style><link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css"><script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script><script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script> </head><body style="background: url(2.jpg); background-size: cover"> <br/> <p style="text-align: center;font-family: 華文隸書;font-size: 40px">xxx公司人事管理系統 </p> <br/><br/> <div class="cites"><div class="row clearfix"><div class="col-md-7 column"><b style="font-family: 宋體;font-size: 30px">XXX公司簡介</b><p><a class="btn" href="http://baidu.com">查看更多 ?</a></p><div class="carousel slide" id="carousel-783096"><ol class="carousel-indicators"><li class="active" data-target="#carousel-783096" data-slide-to="0"></li><li data-target="#carousel-783096" data-slide-to="1"></li><li data-target="#carousel-783096" data-slide-to="2"></li></ol><div class="carousel-inner"><div class="item active"><img alt="" src="pp.jpg" /><div class="carousel-caption"><h4>First </h4><p>2019年6月1號領導巡視下層部分并了解他們的工作狀態。 </p></div></div><div class="item"><img alt="" src="bb.jpg" /><div class="carousel-caption"><h4>Second</h4><p>2019年6月2號集團收購XXX公司。 </p></div></div><div class="item"><img alt="" src="pp.jpg" /><div class="carousel-caption"><h4>Third </h4><p>2019年6月5號將迎來公司的五周年慶！ </p></div></div></div> <a class="left carousel-control" href="#carousel-783096" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a> <a class="right carousel-control" href="#carousel-783096" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a></div></div><div class="col-md-4 column" style="font-family: 微軟雅黑;font-size: 20px"><p style="font-size: 40px;font-family: 華文行楷;text-align: center">歡迎登錄</p><br/><br/><form class="form-horizontal" action="01.jsp" method="post"><div class="form-group"><label class="col-sm-3 control-label" >賬號：</label><div class="col-sm-8"><input class="form-control" required autofocus name="userid" type="text" /></div></div><br/><div class="form-group"><label class="col-sm-3 control-label" >密碼：</label><div class="col-sm-8"><input class="form-control" required name="userpsw" type="password" /></div></div><br/><br/><div class="form-group" style="align-content: center"><div class="col-sm-offset-6 col-sm-40"><button class="btn btn-default btn-lg" type="submit">登錄</button></div></div></form></div></div> </div> </body></html> //登陸界面的數據庫連接 <body> <% request.setCharacterEncoding("GB2312"); %>//防止出現亂碼情況 <% String id=request.getParameter("userid"); //從resigned.html中拿到賬號和密碼的數據String psw=request.getParameter("userpsw");int p=Integer.valueOf(psw); %><%Class.forName("com.mysql.jdbc.Driver").newInstance(); //數據庫連接Connection con=java.sql.DriverManager.getConnection("jdbc:mysql://localhost:3306/personal_management","root","admin");Statement stmt=con.createStatement();String sql="select PASSWD,AUTHORITY from person where ID="+ id ;ResultSet rst=stmt.executeQuery(sql);int passwd;int auth;String i;session.setAttribute("i", id);while(rst.next()){passwd=rst.getInt("PASSWD");auth=rst.getInt("AUTHORITY");if(p==passwd&&auth>=6){out.println("歡迎登陸！即將進入下一個界面……");response.setHeader("Refresh","1;URL=manager.html");}else if(p==passwd&&auth<6){out.print("<script>alert('權限不夠！無法登陸...'); window.location='resigned.jsp' </script>");}else{out.print("<script>alert('您的賬號或密碼不正確，請重新登錄...'); window.location='resigned.html' </script>");}}rst.close();stmt.close();con.close(); %> </body> //表格<table>的設計 @CHARSET "UTF-8"; table{background: #ccc;border-collapse: collapse;} th, td {height:25px;line-height:25px;text-align:center;border:1px solid #ccc;} th{background:#C0C0C0; font-weight: normal; text-align:center;} tr{background: #F5F5F5; text-align:center;} tr:hover{background: #87CEEB;} td a{color: #06f;text-decoration: none;} td a:hove{color: #06f;text-decoration: underline;} //部門管理中功能的設計 <p>添加部門信息： </p> <form class="form-horizontal" action="02.jsp" method="post"> //把數據提交到02.jsp中處理<div class="form-group"><label class="col-sm-1 control-label">編號</label><div class="col-sm-3"><input class="form-control" required autofocus name="id" type="text" /></div><label class="col-sm-1 control-label">部門名稱</label><div class="col-sm-3"><input class="form-control" required autofocus name="name" type="text" /></div><label class="col-sm-1 control-label">部門經理</label><div class="col-sm-3"><input class="form-control" required autofocus name="manager" type="text" /></div> </div><div class="form-group"><label class="col-sm-1 control-label">部門簡介</label><div class="col-sm-8"><input class="form-control" required autofocus name="intro" type="text" /></div><div class="col-sm-offset-6 col-sm-40"><button class="btn btn-default btn-lg" type="submit">添加部門信息</button></div></div> </form> <br/> <HR style="FILTER: alpha(opacity=100,finishopacity=50)" width="70%" color="black" SIZE="20"> //分割線 <p>刪除部門信息： </p> <form class="form-horizontal" action="03.jsp" method="post"> <div class="form-group"><label class="col-sm-1 control-label">部門名稱</label><div class="col-sm-3"><input class="form-control" required autofocus name="delename" type="text" /></div><div class="col-sm-offset-6 col-sm-40"><button class="btn btn-default btn-lg" type="submit">刪除部門信息</button></div> </div> </form><br/> <HR style="FILTER: alpha(opacity=100,finishopacity=50)" width="70%" color="black" SIZE="20"> <p>查詢部門信息： </p> <div class="panel-body"><form class="form-horizontal" action="depart_query.jsp" method="post"> <div class="col-lg-2 form-group"><select class=" form-control" name="upselect"><option value="">請選擇需要修改的條件</option><option value="ID">部門編號</option><option value="NAME">部門名稱</option><option value="MANAGER">部門經理</option></select></div><div class="col-sm-3"><input class="form-control" required autofocus name="update_con" type="text" /></div> <div class="col-sm-offset-6 col-sm-40"><button class="btn btn-default btn-lg" type="submit" >查詢信息</button> </div></form></div> </div> //02.jsp <body> <% request.setCharacterEncoding("GB2312"); %> <% String i=request.getParameter("id");int id=Integer.valueOf(i);String name=request.getParameter("name");String manager=request.getParameter("manager");String intro=request.getParameter("intro"); %> <%try{Class.forName("com.mysql.jdbc.Driver").newInstance();Connection con=java.sql.DriverManager.getConnection("jdbc:mysql://localhost:3306/personal_management","root","admin");PreparedStatement pstmt=con.prepareStatement("insert into department values(?,?,?,?)");pstmt.setInt(1, id);pstmt.setString(2, name);pstmt.setString(3, manager);pstmt.setString(4, intro);pstmt.execute();pstmt.close();con.close();out.print("<script>alert('添加成功！重新刷新頁面...'); window.location='deparment.jsp' </script>");}catch(Exception e){out.print("<script>alert('發生錯誤！請檢查是否正確輸入...'); window.location='deparment.jsp' </script>");} %> </body>

上面就是我網頁設計的一小部分，其他大致相同就不展示了……這個網頁我是用分開處理的，我也想過放在一起設計，但好像太過復雜，所以就選用這個來設計了……

<div id="aa"> <a href="deparment.jsp" target="content">部門管理</a> //用<frameset>分開處理后，點擊部門管理，通過target把department.jsp在另一框架打開…… </div>

問題

因為用了分開，所以背景就很難搞，選用了很多有花紋的圖，都不太合適會有明顯的界限，只能用純色的圖了
查詢功能我是想點擊查詢之后，把數據放在自定義小窗口上展示，但是用了很多方法都沒有實現……
表格的展示問題，有的表格可能會很大，數據項會很多，最好選用可以固定大小，左右滑動的方法……
還有一個我沒有實現的東西，就是點擊導航，字體變樣式，點擊其他又恢復原樣，可以用css實現（我就是懶得搞而已）
最后就是這個頁面還有很多細節的漏洞，畫風太奇怪了……

總結

以上是生活随笔為你收集整理的Java WEB——人事管理系统的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。

上一篇： pmac
下一篇：基于SSM（Spring+SpringM