1.实验内容

(1)利用实验一设计的界面,构建一个基于 Spring+SpringMVC 的 web 系统
(2)通过设计 Controller 来接受前端的请求,并且在 Controller 中调用 Service 来完成具体的业务功能。
(3)需要完成注册,登陆,修改密码,列表展示等功能,数据要从服务器端生成,并且传递给客户端。
要求:
i. 界面风格自行设计,符合一般用户使用习惯
ii. 界面实现响应式布局,适合 Pad 用户和手机用户使用

2.项目结构

在这里插入图片描述

图1. 项目结构一

在这里插入图片描述

图2. 项目结构

3.基本原理与设计

  1. Spring是Java Web开发框架,它的核心项目是Spring Framework,其中包含一系列IoC容器的设计,提供依赖注入的实现,同时还集成了AOP,提供了面向切面编程的实现;
  2. MVC是一种使用MVC(Model View Controller模型-视图-控制器)思想设计创建Web应用程序的模式;MVC分层有助于管理复杂的应用程序;
  3. SpringMVC是基于spring的,是spring中的一个模块,做web开发使用的,springmvc内部使用的是mvc架构模式,SprongMVC是一个容器,管理对象的,Springmvc管理界面层中的控制器对象,SpringMVC底层也是Sevlet,以Sevlet为核心,接收请求、处理请求、显示处理结果给用户,SpringMVC的注解驱动和对REST风格的支持,也是它最有特色的功能。
  4. 要创建SpringMVC Web项目,步骤为:①创建一个用Maven管理的Spring Web项目②设计好后端和前端的目录结构③配置pom.xml文件(用来下载Spring相关依赖包)④添加Spring配置文件(在resource文件夹下,新建Spring的配置文件applicationContext.Xml,并补充完整内容)⑤还在resource文件夹下,新建SpringMVC配置文件springmvc.xml(补充完整内容)⑥配置web.xml文件-支持spring框架、SpringMVC(补充完整内容)⑦配置tomcat本地运行服务器。
  5. 到此为止,项目环境就搭建好了,接下来就是开发具体功能(数据要从服务器端生成,并且传递给客户端);
  6. 将之前设计好的网页直接拿来使用,将后缀名修改成.jsp;前端页面设计稍微修改一下,将访问路径进行更新;
  7. 后端代码domain层设计,定义模型,和数据库里的表对应,将其注解为@Component,其中Component将其注解为一个POJO对象,再生成set和get方法,供controller调用;
  8. 后端代码service层设计,定义一个用户的服务接口,该接口提供一个功能用来处理用户登录;
  9. 后端代码controller层设计,用来接收客户端的请求,并且调用service层实现具体的业务逻辑,最后将处理的结果反馈给用户端;

4.编辑过程

  1. 在web.xml文件里配置监听器ContextLoaderListener和中央调度器DispatherServlet,还有过滤器/(作用:将一些请求交给servlet处理,使用中央调度器(DispatcherServlet))
    在这里插入图片描述

    图3. web.xml文件里

  2. 在springmvc.xml文件里配置注解驱动以及视图解析器
    在这里插入图片描述

    图4. springmvc.xml文件里

  3. 在controller文件里写登录、注册、修改密码、列表展示的方法,返回类型为ModelAndView
    在这里插入图片描述

    图5. controller包的文件里

  4. 启动tomcat:
    在这里插入图片描述

    图6. 运行

5.源代码

移步:https://download.csdn.net/download/m0_57840386/85438246

6.存在的bug

功能不是非常完善、仅提供从服务器端生成数据登录功能,注册、修改密码、列表展示功能并不能从服务器端实现,后续会完善!

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐