三大框架之SpringMVC ：一个小的登录注册项目的网页实现

最新推荐文章于 2024-04-24 19:52:50 发布

伍豪杰

最新推荐文章于 2024-04-24 19:52:50 发布

阅读量2.3w

点赞数 13

分类专栏： spring-mvc实战文章标签： spring mvc spring 框架

本文链接：https://blog.csdn.net/qq_38333771/article/details/77899664

版权

spring-mvc实战专栏收录该内容

1 篇文章 0 订阅

订阅专栏

今天学习了 SpringMVC ，最后做了一个小的项目，熟悉的登录注册

1.项目结构：

这里写图片描述

源代码传送门

2 . 导包介绍：

5 个 Spring 基础包 : beans, context, core, expression + commons 日志包

1 个 aop 包

2 个 web 包：web webmvc

2个 html 的 jstl 包：jstl , standard ;

3. 项目结构说明：

1. User的model类

2. UserDao/UserDaoiml

3. UserService/UserServiceImpl 

4. Util工具类

5. controller类

6. 3个配置文件: applicationContext.xml    spring-mvc.xml    web.xml

4. 三个配置文件的代码：

@ applicationContext.xml


<?xml version="1.0" encoding="UTF-8"?>

<beans xmlns="http://www.springframework.org/schema/beans"
    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
    xmlns:context="http://www.springframework.org/schema/context"
    xsi:schemaLocation="http://www.springframework.org/schema/beans
    http://www.springframework.org/schema/beans/spring-beans.xsd
    http://www.springframework.org/schema/context
    http://www.springframework.org/schema/context/spring-context.xsd">


    <context:component-scan base-package="com.zhiyou100"/>
    <!-- 为了对注解的支持 -->


</beans>

@ spring-mvc.xml

<?xml version="1.0" encoding="UTF-8"?>

<beans xmlns="http://www.springframework.org/schema/beans"
    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:context="http://www.springframework.org/schema/context"
    xmlns:mvc="http://www.springframework.org/schema/mvc"
    xsi:schemaLocation="http://www.springframework.org/schema/beans
    http://www.springframework.org/schema/beans/spring-beans.xsd
    http://www.springframework.org/schema/context
    http://www.springframework.org/schema/context/spring-context.xsd
    http://www.springframework.org/schema/mvc
    http://www.springframework.org/schema/mvc/spring-mvc.xsd">

    <context:component-scan base-package="com.zhiyou100.controller"></context:component-scan>

    <mvc:annotation-driven />

    <bean
        class="org.springframework.web.servlet.view.InternalResourceViewResolver">
        <property name="prefix" value="/view/"></property>
        <property name="suffix" value=".jsp"></property>

    </bean>

</beans>

@ web.xml

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://xmlns.jcp.org/xml/ns/javaee" xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_3_1.xsd" id="WebApp_ID" version="3.1">
  <display-name>SSTesst1_Stu</display-name>
  <welcome-file-list>
    <welcome-file>index.html</welcome-file>
    <welcome-file>index.htm</welcome-file>
    <welcome-file>index.jsp</welcome-file>
    <welcome-file>default.html</welcome-file>
    <welcome-file>default.htm</welcome-file>
    <welcome-file>default.jsp</welcome-file>
  </welcome-file-list>

  <context-param>
    <param-name>contextConfigLocation</param-name>
    <param-value>classpath:applicationContext.xml</param-value>
  </context-param>

  <listener>
    <listener-class>org.springframework.web.context.ContextLoaderListener</listener-class>
  </listener>


  <servlet>
    <servlet-name>dispatcherServlet</servlet-name>
    <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
    <init-param>
      <param-name>contextConfigLocation</param-name>
      <param-value>classpath:spring-mvc.xml</param-value>
    </init-param>
  </servlet>

  <servlet-mapping>
    <servlet-name>dispatcherServlet</servlet-name>
    <url-pattern>/</url-pattern>
  </servlet-mapping>
</web-app>

5 . 关于配置的解析说明

-------------------------------------------
------------- spring ----------------------
-------------------------------------------

2. 在 src 下创建 spring 的配置文件 

    2.1 复制粘贴

<?xml version="1.0" encoding="UTF-8"?>

<beans xmlns="http://www.springframework.org/schema/beans"
    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:context="http://www.springframework.org/schema/context"
    xsi:schemaLocation="http://www.springframework.org/schema/beans
    http://www.springframework.org/schema/beans/spring-beans.xsd
    http://www.springframework.org/schema/context
    http://www.springframework.org/schema/context/spring-context.xsd">

</beans>

    2.2 <context:component-scan base-package="com.zhiyou100"/>
        增加对注解的支持

3. 在 web.xml 中增加监听器读取 spring 的配置文件
    3.1 增加监听器 listener 和 listener-class 两个标签
    3.2 class 是 ContextLoaderListener 的全名 = 包名 + 类名


4. 在 web.xml 增加标签设置 spring 配置文件的位置
    4.1 增加 context-param 和 param-name、param-value 标签
    4.2 param-name：contextConfigLocation
    4.3 param-value：classpath:applicationContext.xml


-----------------------------------------------
------------- spring-mvc ----------------------
-----------------------------------------------

5. 在 src 下创建 spring-mvc 的配置文件
    5.1 复制粘贴
<beans xmlns="http://www.springframework.org/schema/beans"
    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
    xmlns:mvc="http://www.springframework.org/schema/mvc"
    xsi:schemaLocation="http://www.springframework.org/schema/beans
    http://www.springframework.org/schema/beans/spring-beans.xsd
    http://www.springframework.org/schema/mvc
    http://www.springframework.org/schema/mvc/spring-mvc.xsd">
</beans>

    5.2 使用默认的 handleMapping 和启用 mvc 中的注解
        <mvc:annotation-driven/>

    5.3 增加页面解析类 InternalResourceViewResolver
        5.3.1 增加 bean 标签
        5.3.2 设置 class = 全名 = 包名 + 路径

    5.4 增加 prefix 和 suffix 设置页面路径的前缀和后缀
        设置前缀以后将来所有的 jsp 必须放在 view 文件夹下

    <property name="prefix" value="/view/"></property>
        <property name="suffix" value=".jsp"></property>

6. 去 web.xml 中配置唯一的 Servlet
    6.1 增加 servlet和 servlet-mapping 标签

    6.2 配置 servlet 标签，name 随便起，class 是 DispatcherServlet

    6.3 配置 servlet-mapping，name 和上边保持一致，url-pattern 是 /

    6.4 在 servlet 标签中增加 init-param 标签设置 spring-mvc 配置文件的路径

    6.5 param-name：contextConfigLocation

    6.6 param-value：classpath:spring-mvc.xml

6. 配置完成后，去实现功能：

-----------------------------------------------
------------- 登录注册 ------------------------
-----------------------------------------------

1. 在 src 下创建 controller，service，dao，model，util 包

2. 在 WebContent 下创建 view 文件夹，存放我们所有的 jsp 文件

3. 创建 model 类 User，三个属性 username，password，email

4. 创建 UserService 接口，定义方法

5. 创建 UserDao 接口，定义方法

6. 创建 UserDaoImpl 类实现 UserDao 接口，添加 @Repository 注解
    方便将来注入到 Service 中使用

7. 创建 DBUtil 类，添加 @Component
    默认就是单例模式，方便我们使用

8. 回到 UserDaoImpl，增加 DBUtil 属性和对应的 setter 方法。

9. 在 DBUtil 属性上增加 @Autowired 注解
    创建 UserDaoImpl 的时候，IoC 容器会自动把 DBUtil 对象赋值给这个属性

10. 实现 UserDaoImpl 中的所有功能

11. 创建 UserServiceImpl 实现 UserService 接口，添加 @Service 注解
    方便将来注入到 Controller 中使用

12. 增加 UserDao 属性和对应的 setter 方法。

13. 在 UserDao 属性上增加 @Autowired 注解
    创建 UserServiceImpl 的时候，IoC 容器会自动把 UserDaoImpl 对象赋值给这个属性

14.实现 UserServiceImpl 功能

15. 增加 test 源文件夹和 UserServiceTest 测试类，对 Service 进行测试

16. 在 UserServiceTest 中增加 @RunWith(SpringJUnit4ClassRunner.class)

17. 在 UserServiceTest 中增加 @ContextConfiguration("classpath:applicationContext.xml")

18. 创建 UserController 增加 @Controller 注解，注入 UserService，完成功能

19. 导入 jstl，页面中的所有路径都使用绝对路径
    <a href='<c:url value="/login"></c:url>'>登录</a>

7. modelController 的代码：

package com.zhiyou100.controller;

import java.util.Collection;

import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;

import com.zhiyou100.model.User;
import com.zhiyou100.service.UserService;

@Controller
public class UserController {

    @Autowired
    private UserService service;

    @RequestMapping("/login")
    public String login(User user,Model model) {

        if(service.login(user)){

            model.addAttribute("username", user.getUsername());

            return "welcome";
        }else {
            model.addAttribute("error", "登陆失败");

            return "login";
        }

    }

    @RequestMapping("/register")
    public String register(User user,Model model) {

        if(service.register(user)){

            model.addAttribute("username", user.getUsername());

            return "welcome";
        }else {
            model.addAttribute("error", "注册失败");

            return "register";
        }

    }

    @RequestMapping("/reset")
    public String resetPassword(User user,Model model) {

        if(service.resetPassword(user)){

            model.addAttribute("username", user.getUsername());

            return "welcome";
        }else {
            model.addAttribute("error", "重置失败");

            return "reset";
        }

    }

    @RequestMapping("/list")
    public String listUsers(Model model) {

        Collection<User> list = service.listUser();

        model.addAttribute("list", list);

        return "list";
    }
}

8. 效果截图：

1 . 首页

这里写图片描述

2. 注册

这里写图片描述

3. 注册完成

这里写图片描述

4. 登录

这里写图片描述

多注册了几个

这里写图片描述

5. 展示所有

这里写图片描述

伍豪杰

关注

13
点赞
踩
64

收藏

觉得还不错? 一键收藏
6
评论
三大框架之SpringMVC ：一个小的登录注册项目的网页实现

今天学习了 SpringMVC ，最后做了一个小的项目，熟悉的登录注册1.项目结构：源代码传送门2 . 导包介绍：5 个 Spring 基础包 : beans, context, core, expression + commons 日志包1 个 aop 包2 个 web 包：web webmvc2个 html 的 jstl 包：jstl , standard ;3. 项目结构说明：1.
复制链接

扫一扫