SprinMVC-13-(文档管理系统---准备+登录)

亦凉 2022-03-07 01:06 253阅读 0赞

# 一、作业\[文档管理系统\] #

## 1.准备工作 ##

数据库  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ0MDEzNzkw_size_16_color_FFFFFF_t_70]

创建项目  
![在这里插入图片描述][20190315212543567.png]

导包  
![在这里插入图片描述][20190315212549150.png]

集成ssm  
![在这里插入图片描述][20190315212553430.png]  
引入模块文件

![在这里插入图片描述][20190315212600248.png]

## 2.生成User Folder Attachment相关类 ##

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ0MDEzNzkw_size_16_color_FFFFFF_t_70 1]

## 3.创建监听器 ##

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ0MDEzNzkw_size_16_color_FFFFFF_t_70 2]

## 4.用户登陆 ##

1.修改UserMapper  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ0MDEzNzkw_size_16_color_FFFFFF_t_70 3]  
2.修改UserMapper.xml  
![在这里插入图片描述][20190315212636166.png]  
3.创建UserVo  
![在这里插入图片描述][2019031521264030.png]  
4.创建UserService  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ0MDEzNzkw_size_16_color_FFFFFF_t_70 4]  
5.创建UserServiceImpl  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ0MDEzNzkw_size_16_color_FFFFFF_t_70 5]  
**6.创建LoginController**

/**
     * 用户登陆的控制器
     * @author LJH
     *
     */
    @Controller
    @RequestMapping("login")
    public class LoginController {
        
    
    	@Autowired
    	private UserService userService;
    	
    	/**
    	 * 跳转到登陆页面
    	 */
    	@RequestMapping("toLogin")
    	public String toLogin(){
        
    		return "login";
    	}
    	
    	/**
    	 * 用户登陆
    	 */
    	@RequestMapping("login")
    	public String login(UserVo userVo,HttpSession session,Model model){
        
    		User user = userService.login(userVo);
    		if(null!=user){
        
    			session.setAttribute("user", user);
    			return "index";
    		}else{
        
    			model.addAttribute("error", "用户名或密码不正确");
    			return "login";
    		}
    	}
    /**
    	 * 跳转到info.jsp
    	 * 
    	 */
    	@RequestMapping("toDesk")
    	public String toDesk(){
        
    		return "info";
    	}
    }

**7.创建index.jsp**  
![在这里插入图片描述][20190315212711300.png]  
**8.创建WEB-INF/view/login.jsp**

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
    <%
    	String path = request.getContextPath();
    	String basePath = request.getScheme() + "://"
    			+ request.getServerName() + ":" + request.getServerPort()
    			+ path + "/";
    %>
    
    <!DOCTYPE html>
    <html lang="zh-cn">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0, 
        maximum-scale=1.0, user-scalable=no" />
        <meta name="renderer" content="webkit">
        <title>登录</title>  
        <link rel="stylesheet" href="${ctx }/resources/css/pintuer.css">
        <link rel="stylesheet" href="${ctx }/resources/css/admin.css">
        <script src="${ctx }/resources/js/jquery.js"></script>
        <script src="${ctx }/resources/js/pintuer.js"></script>  
    </head>
    <body>
    <div class="bg"></div>
    <div class="container">
        <div class="line bouncein">
            <div class="xs6 xm4 xs3-move xm4-move">
                <div style="height:150px;"></div>
                <div class="media media-y margin-big-bottom">           
                </div>         
                <form action="${ctx }/login/login.action" method="post">
                <div class="panel loginbox">
                   
                    <div class="text-center margin-big padding-big-top">
                    <h1>尚学堂文档管理系统</h1></div>
                  
                    <div class="panel-body" style="padding:30px; 
                    padding-bottom:10px; padding-top:10px;">
                       
                        <div class="form-group">
                            <div class="field field-icon-right">
                                <input type="text" class="input input-big" name="uloginname" 
                                placeholder="登录账号" data-validate="required:请填写账号" />
                                <span class="icon icon-user margin-small"></span>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="field field-icon-right">
                                <input type="password" class="input input-big" name="upwd" 
                                placeholder="登录密码" data-validate="required:请填写密码" />
                                <span class="icon icon-key margin-small"></span>
                            </div>
                        </div>
                    </div>
                    <div style="padding:30px;"><input type="submit"
                     class="button button-block bg-main text-big input-big" value="登录"></div>
                </div>
                </form>          
            </div>
        </div>
    </div>
    </body>
    </html>

**9.创建WEB-INF/view/info.jsp**

**10.创建WEB-INF/view/index.jsp**

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
    <%
    	String path = request.getContextPath();
    	String basePath = request.getScheme() + "://"
    			+ request.getServerName() + ":" + request.getServerPort()
    			+ path + "/";
    %>
    
    <!DOCTYPE html>
    <html lang="zh-cn">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0,
         maximum-scale=1.0, user-scalable=no" />
        <meta name="renderer" content="webkit">
        <title>后台管理中心</title>  
        <link rel="stylesheet" href="${ctx }/resources/css/pintuer.css">
        <link rel="stylesheet" href="${ctx }/resources/css/admin.css">
        <script src="${ctx }/resources/js/jquery.js"></script>   
    </head>
    <body style="background-color:#f2f9fd;">
    <div class="header bg-main">
      <div class="logo margin-big-left fadein-top">
        <h1><img src="${ctx }/resources/images/y.jpg" class="radius-circle rotate-hover"
         height="50" alt="" />文档管理中心</h1>
      </div>
      <div class="head-l"><a class="button button-little bg-green" href="" target="_blank"><span 
      class="icon-home"></span> 前台首页</a>   <a href="##" class="button button-little bg-
      blue"><span class="icon-wrench"></span> 清除缓存</a>   <a class="button button-little 
      bg-red" href="login.html"><span class="icon-power-off"></span> 退出登录</a> </div>
    
    </div>
    <div class="leftnav">
      <div class="leftnav-title"><strong><span class="icon-list"></span>基本列表</strong></div>
      <h2><span class="icon-user"></span>基本设置</h2>
      <ul style="display:block">
        <li><a href="dir/list.html" target="right"><span class="icon-caret-right">
        </span>文件夹管理</a></li>
        <li><a href="file/list.html" target="right"><span class="icon-caret-right">
        </span>文件管理</a></li>
      </ul>   
      <h2><span class="icon-pencil-square-o"></span>系统管理</h2>
      <ul>
        <li><a href="pass.html" target="right"><span class="icon-caret-right"></span>修改密码</a></li>
      </ul>  
    </div>
    <script type="text/javascript">
    $(function(){
        
      $(".leftnav h2").click(function(){
        
    	  $(this).next().slideToggle(200);	
    	  $(this).toggleClass("on"); 
      })
      $(".leftnav ul li a").click(function(){
        
    	    $("#a_leader_txt").text($(this).text());
      		$(".leftnav ul li a").removeClass("on");
    		$(this).addClass("on");
      })
    });
    </script>
    <ul class="bread">
      <li><a href="{:U('Index/info')}" target="right" class="icon-home"> 首页</a></li>
      <li><a href="##" id="a_leader_txt">网站信息</a></li>
      <li><b>当前语言：</b><span style="color:red;">中文</php></span>
           切换语言：<a href="##">中文</a>   <a href="##">英文</a> </li>
    </ul>
    <div class="admin">
      <iframe scrolling="auto" rameborder="0" src="${ctx }/login/toDesk.action" name="right" 
      width="100%" height="100%"></iframe>
    </div>
    <div style="text-align:center;">
    </div>
    </body>
    </html>

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ0MDEzNzkw_size_16_color_FFFFFF_t_70 6]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ0MDEzNzkw_size_16_color_FFFFFF_t_70]: /images/20220307/a47e18baa8bc4ddb9c942e87ab9664fc.png
[20190315212543567.png]: /images/20220307/98ac293ab9c448999245a96198be5ae3.png
[20190315212549150.png]: /images/20220307/e018bdf21ca047238985208bf70b5d81.png
[20190315212553430.png]: /images/20220307/567bc77db6a44225b1b3d6e0fb042215.png
[20190315212600248.png]: /images/20220307/4d9fac1dd8a745c8a4693aeaa4417251.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ0MDEzNzkw_size_16_color_FFFFFF_t_70 1]: /images/20220307/aad558cbf9304cdbbc03400091fd0ba3.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ0MDEzNzkw_size_16_color_FFFFFF_t_70 2]: /images/20220307/697d63111a9e4fef916a2608517e88ec.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ0MDEzNzkw_size_16_color_FFFFFF_t_70 3]: /images/20220307/2a89cfc29ff8429695fad336ae197725.png
[20190315212636166.png]: /images/20220307/bc035f6a415144be99fade9f25765774.png
[2019031521264030.png]: /images/20220307/62167ccedeb34cc58f9c0a61bb8322ea.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ0MDEzNzkw_size_16_color_FFFFFF_t_70 4]: /images/20220307/995a54c99bc54b52ac76ca4cf5e5c1fe.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ0MDEzNzkw_size_16_color_FFFFFF_t_70 5]: /images/20220307/c8045479cdbb49ec881db95527c69397.png
[20190315212711300.png]: /images/20220307/2762c0ff659c4954b6019398d50cc4e1.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ0MDEzNzkw_size_16_color_FFFFFF_t_70 6]: /images/20220307/1328b14227b44f4d8b17dfd988447a42.png