• 基于javaweb简单图书管理系统(jsp+servlet+jdbc)


    一、系统简介


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

    系统一共分为1个角色分别是:用户

    二、模块简介

    用户

    1、登录

    2、图书管理

    3、图书类型管理

    4、学生管理

    5、借阅管理

    难度等级:✩
    用户类型:1角色(用户)
    设计模式: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环境:否
    是否采用框架:是
    数据库表数量:5张表
    JSP页面数量:10多张
    是否有分页:有分页

    相关截图


     

     

     

     

     

     

     

     

     

     

     

     相关代码

    登录

    1. html>
    2. <html lang="en">
    3. <head>
    4. <meta charset="UTF-8">
    5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
    6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
    7. <title>图书管理系统登录title>
    8. <link rel="shortcut icon" href="favicon.ico" />
    9. <link rel="stylesheet" href="static/bootstrap-3.4.1/css/bootstrap.min.css">
    10. <link rel="stylesheet" href="static/bootstrap-3.4.1/css/bootoast.css">
    11. head>
    12. <style>
    13. /* 初始化代码 */
    14. * {
    15. margin: 0;
    16. padding: 0;
    17. }
    18. html,
    19. body {
    20. width: auto;
    21. height: 100%;
    22. }
    23. /* 初始化代码结束 */
    24. .container {
    25. width: 100%;
    26. height: 100%;
    27. background:url("static/img/preview.gif") no-repeat;
    28. background-size: 100% 100%;
    29. }
    30. .w {
    31. margin: 14% auto;
    32. width: 800px;
    33. }
    34. /* 这是左边的框框内容!!!!!!! ! */
    35. .container .login-left .login-logo img {
    36. display: block;
    37. width: 80%;
    38. height: 80%;
    39. margin: 40px auto;
    40. }
    41. .login-left {
    42. width: 400px;
    43. height: 400px;
    44. float: left;
    45. background-color: #ffffff55;
    46. border-radius: 4px;
    47. box-shadow: 0 0 2px #fff;
    48. }
    49. /* 这是右边的框框内容!!!!!!!!! */
    50. .login-right {
    51. width: 400px;
    52. height: 400px;
    53. float: left;
    54. background-color: #fff;
    55. opacity: 0.9;
    56. border-radius: 4px;
    57. box-shadow: 0 0 2px #fff;
    58. }
    59. .login-right .biaoti {
    60. margin-top: 40px;
    61. text-align: center;
    62. }
    63. .form {
    64. margin-top: 10px;
    65. padding: 40px 40px 10px 10px;
    66. }
    67. .form i {
    68. font-size: 18px;
    69. color: #333;
    70. }
    71. .form a {
    72. display: block;
    73. float: right;
    74. text-decoration: none;
    75. color: #333;
    76. }
    77. .form .login-btn {
    78. width: 90%;
    79. margin-top: 10px;
    80. background-color: rgb(100,204,195);
    81. }
    82. .footer {
    83. position: absolute;
    84. bottom: 30px;
    85. left: 0;
    86. right: 0;
    87. text-align: center;
    88. font-size: 14px;
    89. color: rgb(0, 0, 0);
    90. }
    91. /*验证码*/
    92. .vcode-box{
    93. position: relative;
    94. }
    95. .vcode-box img{
    96. position: absolute;
    97. top: 1px;
    98. right: 5%;
    99. cursor: pointer;
    100. }
    101. style>
    102. <script src="./static/bootstrap-3.4.1/js/jquery-3.6.0.min.js">script>
    103. <script src="./static/bootstrap-3.4.1/js/bootstrap.js">script>
    104. <script src="./static/bootstrap-3.4.1/js/bootoast.js">script>
    105. <script>
    106. function login(){
    107. var username = $("#username").val();
    108. var password = $("#password").val();
    109. $.post("./LoginController",{"username" : username,"password" : password},function(data){
    110. if(data === "success") {
    111. location.href = "./home.html";
    112. }else{
    113. alert("用户名或密码错误!!!");
    114. }
    115. })
    116. }
    117. script>
    118. <body>
    119. <div class="container">
    120. <div class="w">
    121. <div class="login-left">
    122. <div class=login-logo>
    123. div>
    124. div>
    125. <div class="login-right">
    126. <h1 class="biaoti">登录h1>
    127. <form class="form-horizontal form" id="myForm" action="/pm/users/login">
    128. <div class="form-group">
    129. <label class="col-md-2 control-label"><i class="glyphicon glyphicon-home">i>label>
    130. <div class="col-md-10">
    131. <input type="text" class="form-control" id="username" name="username" placeholder="用户">
    132. div>
    133. div>
    134. <div class="form-group">
    135. <label class="col-md-2 control-label"><i class="glyphicon glyphicon-lock">i>label>
    136. <div class="col-md-10">
    137. <input type="password" class="form-control" id="password" name="password" placeholder="密码">
    138. div>
    139. div>
    140. <div class="form-group">
    141. <div class="col-md-offset-2 col-md-10">
    142. <div class="checkbox">
    143. <label> <input type="checkbox"> 记住密码
    144. label>
    145. <a href="">忘记密码a>
    146. div>
    147. div>
    148. div>
    149. <div class="form-group">
    150. <div class="col-md-offset-2 col-md-10">
    151. <button type="button" class="btn btn-default login-btn" id="login-btn" onclick="login()">登录button>
    152. div>
    153. div>
    154. form>
    155. div>
    156. <div class="footer">
    157. <p>技术支持p>
    158. div>
    159. div>
    160. div>
    161. body>
    162. html>
    1. package com.yq.bookmgr.controller;
    2. import java.io.IOException;
    3. import javax.servlet.ServletException;
    4. import javax.servlet.annotation.WebServlet;
    5. import javax.servlet.http.HttpServlet;
    6. import javax.servlet.http.HttpServletRequest;
    7. import javax.servlet.http.HttpServletResponse;
    8. import com.yq.bookmgr.entity.UserEntity;
    9. import com.yq.bookmgr.service.UserService;
    10. import com.yq.bookmgr.service.impl.UserServiceImpl;
    11. @WebServlet("/LoginController")
    12. public class LoginController extends HttpServlet {
    13. private static final long serialVersionUID = 1L;
    14. private UserService userService = new UserServiceImpl();
    15. public LoginController() {
    16. super();
    17. }
    18. protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    19. String username = request.getParameter("username");
    20. String password = request.getParameter("password");
    21. UserEntity user = new UserEntity(username,password);
    22. if(userService.login(user)) {
    23. response.getWriter().append("success");
    24. }else {
    25. response.getWriter().append("failed");
    26. }
    27. response.getWriter().flush();
    28. }
    29. protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    30. doGet(request, response);
    31. }
    32. }

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

     

  • 相关阅读:
    【3】CH347应用--USB转JTAG进行FPGA调试下载
    浅谈前端自定义VectorGrid矢量瓦片样式
    Vue根据条件更改列表明细某一行的背景颜色-简单实现
    Nginx简单使用
    Vue 前端代码风格指南
    kubernetes client-go功能介绍
    未来MCU设计的六个方向
    IoT技术的最后决战,百万大奖究竟花落谁家
    Linux云主机安全入侵排查步骤
    ECCV2022 | 人大提出轻量级基于注意力的特征融合机制,在多个公开数据集上有效!代码已开源!
  • 原文地址:https://blog.csdn.net/qq_43485489/article/details/126262703