Java WEB——人事管理系统
生活随笔
收集整理的這篇文章主要介紹了
Java WEB——人事管理系统
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
Java WEB——人事管理系統(tǒng)
- 數(shù)據(jù)庫
- 網(wǎng)頁
- 網(wǎng)頁展示
- 部分代碼展示
- 問題
這是我的一個(gè)小總結(jié)~
數(shù)據(jù)庫
這是我數(shù)據(jù)庫里設(shè)計(jì)的表,具體的我就不展示了……我用的服務(wù)器是tomcat,想要連接數(shù)據(jù)庫就要在tomcat的lib中加入mysql-connector-java-5.1.8-bin.jar,才能連接成功!
網(wǎng)頁
網(wǎng)頁展示
我對網(wǎng)頁的想法就是,先把表顯示出來,然后下面再加功能,提交數(shù)據(jù)之后重新刷新回到該頁面,拿到更新后的表……(不過說實(shí)話,我的設(shè)計(jì)風(fēng)格很有問題,總感覺這個(gè)整體看著怪怪的~)只展示了部門管理和員工管理的頁面,其他基本一樣就不展示了……因?yàn)橄胍每匆恍?#xff0c;所以我用了bootstrap框架(這是網(wǎng)上的一個(gè)教程https://www.runoob.com/bootstrap/bootstrap-tutorial.html)其中我的表格用了CSS來設(shè)計(jì)樣式
部分代碼展示
//登陸界面的代碼 <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>人事管理系統(tǒng)登錄</title><style>.cites{font-family: 華文細(xì)黑;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公司人事管理系統(tǒng) </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號領(lǐng)導(dǎo)巡視下層部分并了解他們的工作狀態(tài)。 </p></div></div><div class="item"><img alt="" src="bb.jpg" /><div class="carousel-caption"><h4>Second</h4><p>2019年6月2號集團(tuán)收購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> //登陸界面的數(shù)據(jù)庫連接 <body> <% request.setCharacterEncoding("GB2312"); %>//防止出現(xiàn)亂碼情況 <% String id=request.getParameter("userid"); //從resigned.html中拿到賬號和密碼的數(shù)據(jù)String psw=request.getParameter("userpsw");int p=Integer.valueOf(psw); %><%Class.forName("com.mysql.jdbc.Driver").newInstance(); //數(shù)據(jù)庫連接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("歡迎登陸!即將進(jìn)入下一個(gè)界面……");response.setHeader("Refresh","1;URL=manager.html");}else if(p==passwd&&auth<6){out.print("<script>alert('權(quán)限不夠!無法登陸...'); window.location='resigned.jsp' </script>");}else{out.print("<script>alert('您的賬號或密碼不正確,請重新登錄...'); window.location='resigned.html' </script>");}}rst.close();stmt.close();con.close(); %> </body> //表格<table>的設(shè)計(jì) @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;} //部門管理中功能的設(shè)計(jì) <p>添加部門信息: </p> <form class="form-horizontal" action="02.jsp" method="post"> //把數(shù)據(jù)提交到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">部門經(jīng)理</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">部門經(jīng)理</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('發(fā)生錯(cuò)誤!請檢查是否正確輸入...'); window.location='deparment.jsp' </script>");} %> </body>上面就是我網(wǎng)頁設(shè)計(jì)的一小部分,其他大致相同就不展示了……這個(gè)網(wǎng)頁我是用分開處理的,我也想過放在一起設(shè)計(jì),但好像太過復(fù)雜,所以就選用這個(gè)來設(shè)計(jì)了……
<div id="aa"> <a href="deparment.jsp" target="content">部門管理</a> //用<frameset>分開處理后,點(diǎn)擊部門管理,通過target把department.jsp在另一框架打開…… </div>問題
- 因?yàn)橛昧朔珠_,所以背景就很難搞,選用了很多有花紋的圖,都不太合適會(huì)有明顯的界限,只能用純色的圖了
- 查詢功能我是想點(diǎn)擊查詢之后,把數(shù)據(jù)放在自定義小窗口上展示,但是用了很多方法都沒有實(shí)現(xiàn)……
- 表格的展示問題,有的表格可能會(huì)很大,數(shù)據(jù)項(xiàng)會(huì)很多,最好選用可以固定大小,左右滑動(dòng)的方法……
- 還有一個(gè)我沒有實(shí)現(xiàn)的東西,就是點(diǎn)擊導(dǎo)航,字體變樣式,點(diǎn)擊其他又恢復(fù)原樣,可以用css實(shí)現(xiàn)(我就是懶得搞而已)
- 最后就是這個(gè)頁面還有很多細(xì)節(jié)的漏洞,畫風(fēng)太奇怪了……
總結(jié)
以上是生活随笔為你收集整理的Java WEB——人事管理系统的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: pmac
- 下一篇: 如何复制PPT的模板?