简易图书管理系统(主要是jsp+servlet的练习):https://blog.csdn.net/Biexiansheng/article/details/70240413

免费提供源码,有偿提供服务,支持项目定制。

前奏:

  刚开始接触博客园写博客,就是写写平时学的基础知识,慢慢发现大神写的博客思路很清晰,知识很丰富,非常又价值,反思自己写的,顿时感觉非常low,有相当长一段时间没有分享自己的知识。于是静下心来钻研知识,趁着这学期的结束(马上就要放寒假了),写写最近练习的基于jsp+servlet+前台模板写的图书管理系统,一点一点写吧,详细的注释已经在代码上说明,希望对学习基于java开发的web方向的童鞋有所帮助。今天先把写的用户信息管理的添加(插入)操作分享一下,使用了一些特殊的知识,也会做一下说明。更多代码和功能会持续更新,完整可直接运行的。

  开发环境:Eclipse Version: Mars.2 Release (4.5.2) 

         JDK Version:1.8

       tomcat  Vsersion:7.0

  (由于个人掌握知识有限,如若有不足的地方,还请多多交流。)


开始修改原型设计:

  1:设计好数据库(当然我这里设计是简单的数据库),见上面的链接,下载导入自己的数据库即可使用。

  2:我先准备好了原型模板,然后将原型模板修改好,然后才进行开发。原型模板修改如下。    

    将登录界面的原型html修改为jsp

 1 <%@ page language="java" contentType="text/html; charset=UTF-8"
 2     pageEncoding="UTF-8"%>
 3 <%
 4     //获取绝对路径路径 
 5     String path = request.getContextPath();
 6     String basePath = request.getScheme() + "://"
 7                 + request.getServerName() + ":" + request.getServerPort()
 8                 + path + "/";
 9 %> 
10 <!DOCTYPE html>
11 <html lang="en">
12 <head>
13 <base href="<%=basePath %>" />
14 <title>用户登录</title>
15 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
16 <meta name="viewport" content="width=device-width, initial-scale=1.0" />
17 <link href="resource/assets/css/bootstrap.min.css" rel="stylesheet" />
18 <link rel="stylesheet" href="resource/assets/css/font-awesome.min.css" />
19 <link rel="stylesheet" href="resource/assets/css/ace.min.css" />
20 <link rel="stylesheet" href="resource/assets/css/ace-rtl.min.css" />
21 </head>
22 <body class="login-layout">
23     <div class="main-container">
24         <div class="main-content">
25             <div class="row">
26                 <div class="col-sm-10 col-sm-offset-1">
27                     <div class="login-container">
28                         <div class="center">
29                             <h1>
30                                 <i class="icon-leaf green"></i> <span class="red">别先生</span> <span
31                                     class="white">图书管理系统</span>
32                             </h1>
33                             <h4 class="blue"></h4>
34                         </div>
35                         <div class="space-6"></div>
36                         <div class="position-relative">
37                             <div id="login-box"
38                                 class="login-box visible widget-box no-border">
39                                 <div class="widget-body">
40                                     <div class="widget-main">
41                                         <h4 class="header blue lighter bigger">
42                                             <i class="icon-coffee green"></i> 请输入您的账号和密码
43                                         </h4>
44 
45                                         <div class="space-6"></div>
46                                         <form action="view/system/main/index.jsp" method="post" onsubmit="return check()">
47                                             <fieldset>
48                                                 <label class="block clearfix"> <span
49                                                     class="block input-icon input-icon-right"> <input id="userId"
50                                                         name="userId" type="text" class="form-control"
51                                                         placeholder="请输入您的账号" /> <i class="icon-user"></i>
52                                                 </span>
53                                                 </label> <label class="block clearfix"> <span
54                                                     class="block input-icon input-icon-right"> <input id="userPw"
55                                                         name="passWord" type="password" class="form-control"
56                                                         placeholder="请输入您的密码" /> <i class="icon-lock"></i>
57                                                 </span>
58                                                 </label>
59 
60                                                 <div class="clearfix">
61                                             
62 
63                                                     <button type="submit"
64                                                         class="width-35 pull-right btn btn-sm btn-primary">
65                                                         <i class="icon-key"></i> 登陆
66                                                     </button>
67                                                 </div>
68 
69                                                 <div class="space-4"></div>
70                                             </fieldset>
71                                         </form>
72 
73                                     </div>
74 
75                                 </div>
76 
77                             </div>
78 
79 
80                     </div>
81 
82                 </div>
83             </div>
84 
85         </div>
86 </div>
87     </div>
88 
89 </body>
90 </html>
登陆界面

相关文章:

  • 2022-12-23
  • 2021-06-13
  • 2022-01-08
  • 2021-05-05
  • 2022-01-09
  • 2021-04-24
  • 2021-06-03
  • 2021-12-27
猜你喜欢
  • 2021-12-10
  • 2022-12-23
  • 2022-12-23
  • 2021-11-02
  • 2022-12-23
  • 2021-11-27
相关资源
相似解决方案