基于ssh框架构建的用户管理系统（一）

最新推荐文章于 2022-11-08 12:11:26 发布

置顶

VIP文章要！

最新推荐文章于 2022-11-08 12:11:26 发布

阅读量1.2k

点赞数 1

分类专栏： it技术交流 java框架系统文章标签： java hibernate ssh 交互式系统 sql

本文链接：https://blog.csdn.net/textare_/article/details/106883456

版权

项目分析

本系统为用户管理系统，该系统实现了登录、注册、用户信息的完善、增加用户、删除用户、查询用户和修改用户信息的功能，整体使用了spring+struts+hibernate框架构建系统整体，系统控制层、业务逻辑层、DAO层有序合理运用，协作完成了功能的设计，最后搭建出基本的系统。

ps：可以点击目录中的链接到源代码和调试部分

数据库表的设计

主要是有一个用户列表 user表 结构的设计：
主要是设定一个uid的主键，其他是用户信息的收集。在这里插入图片描述
主要是设计表的主键和其他需要用的用户的属性，并添加各自的数据类型。
下面是框架的构建包的设计图。

界面代码实现块

login页面的设计

设计相应js function()方法来提交来自页面的输入信息即用户名和密码的输入，然后将数据提交到code.jsp页面，设置跳转页面。后面都是运用html的布局格局的设计，以及验证码的设计。

<HEAD>
<TITLE>用户管理系统</TITLE>
<META http-equiv=Content-Type content="text/html; charset=utf-8">
<LINK href="css/admin.css" type="text/css" rel="stylesheet">
<LINK href="css/theme.css" type="text/css" rel="stylesheet">
 <script> 
    function reload(){
    
        document.getElementById("code").setAttribute("src","code.jsp?a="+new Date().getTime()); 
    } 
    function regist(){
    
        window.top.location = "regist.jsp";
    } 
    </script>
</HEAD>
<BODY onload=document.form1.name.focus();>
<TABLE height="100%" cellSpacing=0 cellPadding=0 width="100%" bgColor=#33ff99
border=0>
  <TR>
    <TD align=middle>
      <TABLE cellSpacing=0 cellPadding=0 width=468 border=0>
        <TR>
          <TD><IMG height=0 src="images/login_1.jpg" 
          width=468></TD></TR>
        <TR>
          <TD><IMG height=150 src="images/bg.jpg" 
            width=468></TD></TR></TABLE>
      <TABLE cellSpacing=0 cellPadding=0 width=468 bgColor=#ffffff border=0>
        <TR>
          <TD width=16><IMG height=122 src="images/login_3.jpg" 
            width=16></TD>
          <TD align=middle>
            <TABLE cellSpacing=0 cellPadding=0 width=300 border=0>
              <FORM name=form1 action="login.action" method=post>
              <TR>
                <TD colspan="3">
                  <s:actionmessage cssStyle="color:red"/>
                </TD>
               </TR>
              <TR height=26>
                <TD></TD>
                <TD width="20%">用户名：</TD>
                <TD width="75%"><INPUT 
                  style="BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid" 
                  maxLength=30 size=20 name="user.uname"></TD></TR>
              <TR height=26>
                <TD>&nbsp; </TD>
                <TD>密　码：</TD>
                <TD><INPUT 
                  style="BORDER-#RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid" 
                  type=password maxLength=30 size=20  name="user.upassword"></TD></TR>
               <TR height=26>
                 <TD>&nbsp; </TD>
                 <TD>验证码：</TD>
                 <TD><INPUT 
                   style="BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid" 
                   type=text maxLength=10 size=6 name="validateCode">
                   <img width="80" id="code" style="CURSOR: pointer" onclick="reload();"  src="code.jsp" alt="点击刷新验证码">
                   <a href="#" onclick="reload();">看不清</a>
                   </TD>
              </TR>
              
              <TR height=5>
                <TD colSpan=3></TD></TR>
              <TR>
                <TD>&nbsp;</TD>
                <TD>&nbsp;</TD>
                <TD>
                <INPUT type="reset" height=18 width=50 value="重置"
                  src="images/bt_login.gif">
                <INPUT type="submit" height=18 width=50 value="登录"
                  src="images/bt_login.gif">
                <INPUT type="button" height=18 width=50 value="注册" onclick="regist();"
                  src="images/bt_login.gif">
                  
                  </TD></TR></FORM></TABLE></TD>
          <TD width=16><IMG height=122 src="images/login_4.jpg" 
            width=16>
            </TD></TR></TABLE>
      <TABLE cellSpacing=0 cellPadding=0 width=468 border=0>
        <TR>
          <TD><IMG height=16 src="images/login_5.jpg" 
          width=468></TD></TR></TABLE>
      <TABLE cellSpacing=0 cellPadding=0 width=468 border=0>
        <TR>
          <TD align=right><!--  <A href="http://www.865171.cn/" target=_blank><IMG 
            height=26 src="images/login_6.gif" width=165 
            border=0></A>--></TD></TR></TABLE></TD></TR></TABLE>
            </BODY></HTML>

页面效果图：在这里插入图片描述

regist页面的设计

这个页面的设计是注册页面，并添加数据到数据库，然后并返回到login页面进行重新登录。期间附加对账号密码的设计规则。

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 <script type="text/javascript" src="${pageContext.request.contextPath}/js/My97DatePicker/WdatePicker.js"></script>
 <script type="text/javascript">
  function validate()
  {
   
    var psw = document.getElementById("psw").value;
    var repsw = document.getElementById("repsw").value;
    var name = document.getElementById("name").value;
    if(name.length==0)
     {
   
      document.getElementById("error").innerHTML="用户名不能为空";
      return false;
     }
     if(psw.length<=5)
     {
   
      document.getElementById("error").innerHTML="密码不能少于6个数字";
      return false;
     }
    if(psw.length==0)
     {
   
      document.getElementById("error").innerHTML="密码不能为空";
      return false;
     }
     if(psw!=repsw)
     {
   
      document.getElementById("error").innerHTML="密码和重复密码不一致，请重新输入";
      return false;
     }
   return true;
  }
  </script>
<link href="css/admin.css" rel="stylesheet" type="text/css"/>
<link href="css/theme.css" rel="stylesheet" type="text/css"/>
<title>用户注册</title>
<%int i =0; %>
</head>
<body>
<br>
<br>
<br>
<div class="body-box" align="center">
    <form action="regist.action" method="post">
       <table width="50%" class="pn-ftable" cellpadding="2" cellspacing="1" border="0">
   <tr>
          <td width="10%" class="pn-flabel pn-flabel-h">用户名：</td>
          <td width="40%" class="pn-fcontent">
             <input type="text" name="user.uname" id="name">
          </td>
          </tr>
          <tr>
          <td width="10%" class="pn-flabel pn-flabel-h">密码：</td>
          <td width="40%" class="pn-fcontent">
             <input type="password" name="user.upassword" id="psw">
          </td>
          </tr>
          <tr

最低0.47元/天解锁文章

要！

关注

1
点赞
踩
16

收藏

觉得还不错? 一键收藏
2
评论
基于ssh框架构建的用户管理系统（一）

目录一级目录二级目录三级目录四级目录项目分析数据库表的设计详细代码实现块login页面的设计regist页面的设计合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入一级目录二级目录三级目录四级目录项目分析本系统为用户管理系统，该系统
复制链接

扫一扫