zoukankan      html  css  js  c++  java
  • 【web】公文流转系统制作进度(一)(2019/12/9)

    综述:

    • 建立了数据库表结构
    • 实现了登录页面及对功能
    • 实现了登录后依照用户权限进行页面跳转的功能

    具体实现:

      1、数据库表结构:

        

        

      2、bean的实现

        

      3、DBUtils层的实现

        

       4、登陆页面的实现及效果

        

     1 <%@ page language="java" contentType="text/html; charset=utf-8"
     2     pageEncoding="utf-8"%>
     3 <!DOCTYPE html>
     4 <html>
     5 
     6     <head>
     7         <meta charset="UTF-8">
     8         <title>登录</title>
     9         <style type="text/css">
    10             #title {
    11                  800px;
    12                 height: 80px;
    13                 font-size: 30px;
    14                 margin: auto;
    15                 text-align: center;
    16                 padding-top: 30px;
    17                 background-color: brown;
    18             }
    19             #body{
    20                  800px;
    21                 height: 200px;
    22                 margin: auto;
    23                 text-align: center;
    24                 background-color: burlywood;
    25                 padding-top: 40px;
    26             }
    27         </style>
    28     </head>
    29 
    30     <body>
    31         <div id="title">
    32             <b>登陆系统</b>
    33         </div>
    34         <div id="body">
    35             <form action="login" method="post">
    36                 <table align="center" border="0px" cellspacing="0px" cellpadding="0px">
    37                 <tr>
    38                     <td>
    39                         用户名<br /><br />
    40                     </td>
    41                     <td>
    42                         <input type="text" name="username" placeholder="请输入用户名" /><br /><br />
    43                     </td>
    44                 </tr>
    45                 <tr>
    46                     <td>
    47                         密码<br />
    48                     </td>
    49                     <td>
    50                         <input type="password" name="password" placeholder="请输入密码" /><br />
    51                     </td>
    52                 </tr>
    53                 <tr>
    54                     <td colspan="2" align="center">
    55                         <br /><input type="submit" value="登录" />
    56                     </td>
    57                 </tr>
    58             </table>
    59             </form>
    60         </div>
    61         <%
    62             if(request.getParameter("result")!=null&&request.getParameter("result").equals("true"))
    63             {
    64         %>
    65         <script>
    66             alert("登陆成功!");
    67             window.location="main.jsp";
    68         </script>
    69         <%
    70             }
    71             else if(request.getParameter("result")!=null&&request.getParameter("result").equals("false"))
    72             {
    73         %>
    74         <script>
    75             alert("用户名不存在!");
    76             window.location="#";
    77         </script>
    78         <%
    79             }
    80             else if(request.getParameter("result")!=null&&request.getParameter("result").equals("error"))
    81             {
    82         %>
    83         <script>
    84             alert("密码错误!");
    85             window.location="#";
    86         </script>
    87         <%
    88             }
    89         %>
    90     </body>
    91 
    92 </html>

                

       5、servlet层实现

        

     1 package com.OfficialTest.servlet;
     2 
     3 import java.io.IOException;
     4 import javax.servlet.ServletException;
     5 import javax.servlet.annotation.WebServlet;
     6 import javax.servlet.http.HttpServlet;
     7 import javax.servlet.http.HttpServletRequest;
     8 import javax.servlet.http.HttpServletResponse;
     9 
    10 import com.OfficialTest.DBUtils.DBUtils;
    11 import com.OfficialTest.domain.User;
    12 
    13 /**
    14  * Servlet implementation class login
    15  */
    16 @WebServlet("/login")
    17 public class login extends HttpServlet {
    18     private static final long serialVersionUID = 1L;
    19        
    20     /**
    21      * @see HttpServlet#HttpServlet()
    22      */
    23     public login() {
    24         super();
    25         // TODO Auto-generated constructor stub
    26     }
    27 
    28     /**
    29      * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)
    30      */
    31     protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    32         request.setCharacterEncoding("UTF-8");
    33         String username;
    34         String password;
    35         username = request.getParameter("username");
    36         password = request.getParameter("password");
    37         User t=DBUtils.testQueryUserByUsername(username);
    38         if(t.getId()>0) {
    39             if(password.equals(t.getPassword()))
    40             {
    41                 request.getRequestDispatcher("index.jsp?result=true").forward(request, response);
    42             }
    43             else
    44             {
    45                 request.getRequestDispatcher("index.jsp?result=error").forward(request, response);
    46             }
    47         } else {
    48             request.getRequestDispatcher("index.jsp?result=false").forward(request, response);
    49         }
    50     }
    51 
    52     /**
    53      * @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)
    54      */
    55     protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    56         // TODO Auto-generated method stub
    57         doGet(request, response);
    58     }
    59 
    60 }

       6、功能页面的实现及效果

      1 <%@page import="com.OfficialTest.domain.User"%>
      2 <%@ page language="java" contentType="text/html; charset=utf-8"
      3     pageEncoding="utf-8"%>
      4 <!DOCTYPE html>
      5 <html>
      6     <head>
      7         <meta charset="UTF-8">
      8         <title></title>
      9         <style type="text/css">
     10             #head {
     11                  1200px;
     12                 height: 120px;
     13                 font-size: 50px;
     14                 margin: auto;
     15                 padding-top:40px ;
     16                 text-align: center;
     17                 background-color: brown;
     18             }
     19             #body {
     20                  1200px;
     21                 margin: auto;
     22                 text-align: center;
     23                 background-color: bisque;
     24             }
     25             #left {
     26                  400px;
     27                 text-align: center;
     28                 float: left;
     29                 background-color: bisque;
     30             }
     31             #right {
     32                  800px;
     33                 text-align: center;
     34                 float: left;
     35                 background-color: burlywood;
     36             }
     37             a {
     38                 text-decoration: none;
     39                 color: red;
     40             }
     41             .option {
     42                  120px;
     43                 text-align: center;
     44                 font-size: 15px;
     45                 margin: auto;
     46                 margin-top:15px ;
     47                 margin-bottom: 15px;
     48             }
     49             #left-title {
     50                 height: 60px;
     51                  400px;
     52                 text-align: center;
     53                 font-size: 40px;
     54                 padding-top: 8px;
     55                 background-color: cornflowerblue;
     56             }
     57         </style>
     58     </head>
     59     <body>
     60         <div id="head">
     61             <b>河北金力集团公文流转系统</b>
     62         </div>
     63         <div id="body">
     64             <div id="left">
     65                 <div id="left-title">
     66                     <b>功能列表</b>
     67                 </div>
     68                 <%
     69                     if(User.getId()==1||User.getId()==2)
     70                     {
     71                 %>
     72                     <div class="option">
     73                         <a href="#">签审公文</a>
     74                     </div>
     75                     <div class="option">
     76                         <a href="#">浏览已发所有公文</a>
     77                     </div>
     78                     <div class="option">
     79                         <a href="#">查询公文</a>
     80                     </div>
     81                 <%
     82                     }
     83                     else if(User.getId()==3)
     84                     {
     85                 %>
     86                     <div class="option">
     87                         <a href="#">修改公文</a>
     88                     </div>
     89                     <div class="option">
     90                         <a href="#">公文流转</a>
     91                     </div>
     92                     <div class="option">
     93                         <a href="#">删除公文</a>
     94                     </div>
     95                     <div class="option">
     96                         <a href="#">公文发送</a>
     97                     </div>
     98                 <%
     99                     }
    100                     else if(User.getId()>3&&User.getId()<=9)
    101                     {
    102                 %>
    103                     <div class="option">
    104                         <a href="#">公文拟制</a>
    105                     </div>
    106                     <div class="option">
    107                         <a href="#">签收公文</a>
    108                     </div>
    109                     <div class="option">
    110                         <a href="#">浏览公文</a>
    111                     </div>
    112                 <%
    113                     }
    114                     else if(User.getId()==10)
    115                     {
    116                 %>
    117                     <div class="option">
    118                         <a href="#">用户管理</a>
    119                     </div>
    120                     <div class="option">
    121                         <a href="#">角色管理</a>
    122                     </div>
    123                     <div class="option">
    124                         <a href="#">公文流转流程管理</a>
    125                     </div>
    126                 <%
    127                     }
    128                 %>
    129             </div>
    130             <div id="right">
    131             </div>
    132         </div>
    133     </body>
    134 </html>

      

      

       

        

        

  • 相关阅读:
    AutoCAD 命令统计魔幻球的实现过程(2)
    Autodesk 首届中国开发者夏令营将在6月1920在北京举行
    AutoCAD 命令统计魔幻球—AutoCAD + Windows Azure + WebGL
    AutoCAD 命令统计魔幻球的实现过程(4)
    小提示:Eclipse 中快速实现或Override基类或接口中的方法
    AutoCAD 2014 新特性概览
    Autodesk Infrastructure Map Server(AIMS)/MapGuide API 培训材料第1章
    AutoCAD 2014 新特性针对开发人员
    Civil 3D 2013利用API把三角网曲面提取为栅格网
    AutoCAD 命令统计魔幻球的实现过程(3)
  • 原文地址:https://www.cnblogs.com/52bb/p/12012465.html
Copyright © 2011-2022 走看看