当前位置:   article > 正文

【JAVA】Eclipse+MYSQL数据库+JSP+基础Servlet开发JavaWeb学生信息管理系统_eclipse开发servlet的数据库

eclipse开发servlet的数据库

目录

前言

一、搭建环境

 二、功能实现、

1、   登陆界面

注册按钮

2、学生信息管理系统主界面

3、dao包

 4、用户的信息展示,添加,删除,修改功能(只展示添加代码)

5、学生的信息展示,添加,删除,修改功能(只展示添加代码)

6、成绩的信息展示,添加,删除,修改功能(只展示添加代码)

7、公告栏的信息展示,添加,删除,修改功能(只展示添加代码)

三、效果图展示

登录界面

 登录成功后主界面

 学生信息管理界面

 学生成绩信息管理界面

公告栏界面

个人中心界面

 四、总结


前言

       本人是计算机相关专业的一个学生,大一学了Java,熟悉了一些Java代码,觉得挺有意思便在网上自学了一点基础的Servlet和前端页面的制作,正好实训周的实训项目是写一个学生管理系统,便琢磨了这样一套代码。

       学生信息管理系统是为了方便老师查看学生信息,成绩信息等等的平台,所以我们的代码实现出来的效果必须要很清楚明了地展现这些功能。此学生系统有登录过程,所以可能会比一般的代码多,话不多说,来吧,展示!

一、搭建环境

1、使用的开发工具是eclipse,在工程文件下建一个新的model模块“student”,然后在“student”下建以下包用来分类代码,下面那些JSP文件写的都是一些关于页面制作和运行逻辑的代码。整个系统肯定是不止这些JSP文件的,因为要连接MYSQL,所以还会有DAO包,这里只是部分JSP文件展示了出来,后面会有部分代码的展示。

 2、我们所有的信息数据是在navicat里的,通过建表,填充数据,然后代码调用来实现查询,添加等功能的:

 二、功能实现

本系统代码非常多,所以文章内只作部分代码的展示,见谅......

1、登陆界面

这里面写了一些关于账号密码的验证,账号密码信息来自于navicat里面所创的表

  1. <%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8" %>
  2. <html>
  3. <head>
  4. <title>登录</title>
  5. <link rel="stylesheet" href="js/myCss.css">
  6. <script src="js/jquery.min.js"></script>
  7. <script src="js/myJs.js"></script>
  8. <script type="text/javascript">
  9. let alert_msg = '${alert_msg}';
  10. if (alert_msg != null && alert_msg.trim() != '') {
  11. window.alert(alert_msg);
  12. }
  13. </script>
  14. </head>
  15. <body>
  16. <div class="bg"></div>
  17. <div class="container">
  18. <div class="line bouncein">
  19. <div class="xs6 xm4 xs3-move xm4-move">
  20. <div style="height:150px;"></div>
  21. <div class="media media-y margin-big-bottom">
  22. </div>
  23. <form action="AuthServlet?action=login" method="post" onsubmit="return check()">
  24. <div class="panel loginbox">
  25. <div class="text-center margin-big padding-big-top" style="font-size: 35px;font-weight: 700;color:#000000;text-shadow: 2px 3px #FFFFFF;">重庆**大学学生信息管理系统</div>
  26. <a style="font-size: 24px;color: #269abc;text-decoration: none;padding-left: 140px;">登录</a>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<a href="register.jsp" style="font-size: 24px;color:black ;text-decoration: none;">注册</a>
  27. <div class="panel-body" style="padding:30px; padding-bottom:10px; padding-top:10px;">
  28. <div class="form-group">
  29. <div class="field field-icon-right">
  30. <input type="text" class="input input-big" name="username" id="username" placeholder="登录账号" />
  31. <span class="icon icon-user margin-small"></span>
  32. </div>
  33. </div>
  34. <div class="form-group">
  35. <div class="field field-icon-right">
  36. <input type="password" class="input input-big" name="password" id="password" placeholder="登录密码" />
  37. <span class="icon icon-key margin-small"></span>
  38. </div>
  39. </div>
  40. <div class="form-group">
  41. <div class="field field-icon-right">
  42. <input type="text" class="input input-big" name="validationCode" id="validationCode" placeholder="请输入验证码" style="width: 180px;float: left;"/>
  43. <img id="img_validation_code" src="AuthServlet?action=validationCode" onclick="refresh()" style="height: 44px;width: 150px;float: right;border-radius: 4px;"/>
  44. </div>
  45. </div>
  46. </div>
  47. <br><br>
  48. <div style="padding:30px;">
  49. <input type="submit" class="button button-block bg-main text-big input-big" value="登录">
  50. </div>
  51. </div>
  52. </form>
  53. </div>
  54. </div>
  55. </div>
  56. </body>
  57. <script type="text/javascript">
  58. //提交之前进行检查,如果return false,则不允许提交
  59. function check() {
  60. //根据ID获取值
  61. var username = document.getElementById("username").value;
  62. var password = document.getElementById("password").value;
  63. if (username == "") {
  64. alert("用户名不能为空");
  65. return false;
  66. }
  67. if (password == "") {
  68. alert("密码不能为空");
  69. return false;
  70. }
  71. return true;
  72. }
  73. function refresh() {
  74. var img = document.getElementById("img_validation_code")
  75. img.src = "AuthServlet?action=validationCode&r=" + Math.random();
  76. }
  77. </script>
  78. </html>

注册按钮

  1. <%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8" %>
  2. <html>
  3. <head>
  4. <title>注册</title>
  5. <link rel="stylesheet" href="js/myCss.css">
  6. <script src="js/jquery.min.js"></script>
  7. <script src="js/myJs.js"></script>
  8. <script type="text/javascript">
  9. let alert_msg = '${alert_msg}';
  10. if (alert_msg != null && alert_msg.trim() != '') {
  11. window.alert(alert_msg);
  12. }
  13. </script>
  14. </head>
  15. <body>
  16. <div class="bg"></div>
  17. <div class="container">
  18. <div class="line bouncein">
  19. <div class="xs6 xm4 xs3-move xm4-move">
  20. <div style="height:150px;"></div>
  21. <div class="media media-y margin-big-bottom">
  22. </div>
  23. <form action="AuthServlet?action=register" method="post" onsubmit="return check()">
  24. <input type="hidden" name="forwardPage" id="forwardPage" value="menu.jsp"/>
  25. <div class="panel loginbox">
  26. <div class="text-center margin-big padding-big-top" style="font-size: 35px;font-weight: 700;color:#000000;text-shadow: 2px 3px #FFFFFF;">学生信息管理系统</div>
  27. <a href="login.jsp" style="font-size: 24px;color: black;text-decoration: none;padding-left: 140px;">登录</a>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<a style="font-size: 24px;color:#269abc ;text-decoration: none;">注册</a>
  28. <div class="panel-body" style="padding:30px; padding-bottom:10px; padding-top:10px;">
  29. <div class="form-group">
  30. <div class="field field-icon-right">
  31. <input type="text" class="input input-big" name="username" id="username" placeholder="登录账号"/>
  32. <span class="icon icon-user margin-small"></span>
  33. </div>
  34. </div>
  35. <div class="form-group">
  36. <div class="field field-icon-right">
  37. <input type="password" class="input input-big" name="password" id="password" placeholder="登录密码"/>
  38. <span class="icon icon-key margin-small"></span>
  39. </div>
  40. </div>
  41. <div class="form-group">
  42. <div class="field field-icon-right">
  43. <input type="password" class="input input-big" name="password2" id="password2" placeholder="确认密码"/>
  44. <span class="icon icon-key margin-small"></span>
  45. </div>
  46. </div>
  47. </div>
  48. <div style="padding:30px;">
  49. <input type="submit" class="button button-block bg-main text-big input-big" value="注册">
  50. </div>
  51. </div>
  52. </form>
  53. </div>
  54. </div>
  55. </div>
  56. </body>
  57. <script type="text/javascript">
  58. //提交之前进行检查,如果return false,则不允许提交
  59. function check() {
  60. //根据ID获取值
  61. var username = document.getElementById("username").value;
  62. var password = document.getElementById("password").value;
  63. var password2 = document.getElementById("password2").value;
  64. if (username == "") {
  65. alert("用户名不能为空!");
  66. return false;
  67. }
  68. if (password == "") {
  69. alert("密码不能为空!");
  70. return false;
  71. }
  72. if (password2 != password) {
  73. alert("密码输入不一致!");
  74. return false;
  75. }
  76. return true;
  77. }
  78. </script>
  79. </html>

2、学生信息管理系统主界面

  1. <%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8" %>
  2. <%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
  3. <html>
  4. <head>
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  6. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  7. <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
  8. <meta name="renderer" content="webkit">
  9. <title>学生信息管理系统</title>
  10. <link rel="stylesheet" href="js/myCss.css">
  11. <script src="js/jquery.min.js"></script>
  12. </head>
  13. <body style="background-color:#f2f9fd;">
  14. <div class="header bg-main">
  15. <div class="logo margin-big-left fadein-top">
  16. <h1 style="text-shadow: 1px 2px #FFFFFF;color: #000000"><%--<img src="img/icon.jpg" class="radius-circle rotate-hover" height="50" alt=""/>--%>重庆**大学学生信息管理系统</h1>
  17. </div>
  18. <div class="head-l" style="float: right;margin-right: 100px;"><a class="button button-little bg-red" href="AuthServlet?action=logout"><span class="icon-power-off"></span>退出</a></div>
  19. </div>
  20. <div class="leftnav">
  21. <div class="leftnav-title"><strong><span class="icon-list"></span>菜单列表</strong></div>
  22. <h2><span class="icon-user"></span>个人中心</h2>
  23. <ul>
  24. <li><a href="reset_password.jsp" target="right"><span class="icon-caret-right"></span>密码修改</a></li>
  25. </ul>
  26. <h2><span class="icon-user"></span>系统管理</h2>
  27. <ul>
  28. <li><a href="UserServlet" target="right"><span class="icon-caret-right"></span>用户管理</a></li>
  29. <li><a href="StudentServlet" target="right"><span class="icon-caret-right"></span>学生信息管理</a></li>
  30. <li><a href="ScoreServlet" target="right"><span class="icon-caret-right"></span>成绩信息管理</a></li>
  31. <li><a href="NoticeServlet" target="right"><span class="icon-caret-right"></span>学校公告墙</a></li>
  32. </ul>
  33. </div>
  34. <script type="text/javascript">
  35. $(function () {
  36. $(".leftnav h2").click(function () {
  37. $(this).next().slideToggle(200);
  38. $(this).toggleClass("on");
  39. });
  40. $(".leftnav ul li a").click(function () {
  41. $("#a_leader_txt").text($(this).text());
  42. $(".leftnav ul li a").removeClass("on");
  43. $(this).addClass("on");
  44. });
  45. $('.leftnav ul').css('display','block');
  46. });
  47. </script>
  48. <ul class="bread">
  49. <li><a href="UserServlet?action=list" target="right" class="icon-home"&
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/Guff_9hys/article/detail/734831
推荐阅读
相关标签
  

闽ICP备14008679号