devbox
Guff_9hys
这个屌丝很懒，什么也没留下！
关注作者
热门标签
热门文章
当前位置:   article > 正文

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

作者：Guff_9hys | 2024-06-19 00:54:29

赞

踩

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. 						
  41.                         <div class="form-group">
  42.                             <div class="field field-icon-right">
  43.                                 <input type="text" class="input input-big" name="validationCode" id="validationCode" placeholder="请输入验证码" style="width: 180px;float: left;"/>
  44.                                 <img id="img_validation_code" src="AuthServlet?action=validationCode" onclick="refresh()" style="height: 44px;width: 150px;float: right;border-radius: 4px;"/>
  45.                             </div>
  46.                         </div>
  47. 						
  48.                     </div>
  49.                     <br><br>
  50.                     <div style="padding:30px;">
  51.                         <input type="submit" class="button button-block bg-main text-big input-big" value="登录">
  52.                     </div>
  53.                 </div>
  54.             </form>
  55.         </div>
  56.     </div>
  57. </div>
  58. </body>
  59. <script type="text/javascript">
  60.     //提交之前进行检查，如果return false，则不允许提交
  61.     function check() {
  62.         //根据ID获取值
  63.         var username = document.getElementById("username").value;
  64.         var password = document.getElementById("password").value;
  65.         if (username == "") {
  66.             alert("用户名不能为空");
  67.             return false;
  68.         }
  69.         if (password == "") {
  70.             alert("密码不能为空");
  71.             return false;
  72.         }
  73.         return true;
  74.     }
  75.     function refresh() {
  76.         var img = document.getElementById("img_validation_code")
  77.         img.src = "AuthServlet?action=validationCode&r=" + Math.random();
  78.     }
  79. </script>
  80. </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.  
  27.     <h2><span class="icon-user"></span>系统管理</h2>
  28.     <ul>
  29.         <li><a href="UserServlet" target="right"><span class="icon-caret-right"></span>用户管理</a></li>
  30.         <li><a href="StudentServlet" target="right"><span class="icon-caret-right"></span>学生信息管理</a></li>
  31.         <li><a href="ScoreServlet" target="right"><span class="icon-caret-right"></span>成绩信息管理</a></li>
  32.         <li><a href="NoticeServlet" target="right"><span class="icon-caret-right"></span>学校公告墙</a></li>
  33.  
  34.     </ul>
  35. </div>
  36. <script type="text/javascript">
  37.     $(function () {
  38.         $(".leftnav h2").click(function () {
  39.             $(this).next().slideToggle(200);
  40.             $(this).toggleClass("on");
  41.         });
  42.         $(".leftnav ul li a").click(function () {
  43.             $("#a_leader_txt").text($(this).text());
  44.             $(".leftnav ul li a").removeClass("on");
  45.             $(this).addClass("on");
  46.         });
  47.         $('.leftnav ul').css('display','block');
  48.     });
  49. </script>
  50. <ul class="bread">
  51.     <li><a href="UserServlet?action=list" target="right" class="icon-home"&
声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/Guff_9hys/article/detail/734831
推荐阅读
相关标签

Copyright © 2003-2013 www.wpsshop.cn 版权所有，并保留所有权利。

  

闽ICP备14008679号