【Web技术】（实验三）基于 Spring+SpringMVC+Mybaits 的 web 系统设计·一

---

1. 实验内容

1. 在实验二的基础上，继续完善 web 系统
2. 通过构建 Dao 层，来实现和数据库的交互
3. 需要完成注册，登陆，修改密码，列表展示等功能，数据要从数据库读取，并且传递给客户端。
4. 要求：
   i. 界面风格自行设计，符合一般用户使用习惯
   ii. 界面实现响应式布局，适合 Pad 用户和手机用户使用

2. 需求分析

1. 采用前后端分离的方式开发，即前端只需要独立编写客户端代码，后端也只需要独立编写服务端代码提供数据接口；
2. 首先进行客户端页面内容的设计，总共需要设计4个网页页面，对这几个页面分别设计几个.vue文件（分别是登录页面——>login.vue，注册页面——>register.vue，忘记密码页面——>changepwd.vue，主页面——>main.vue），在.vue文件中编写css代码，用来实现页面布局的设计，使页面变得更加美观，实现在不同的屏幕分辨率时呈现不同的样式；
3. 再进行服务器后端内容的设计，需要进行一些前期准备，创建数据库、配置tomact环境，然后创建maven项目，使用的方法是Spring+SpringMVC+Mybatis（SSM整合）设计方法；

3. 具体体现MVC设计模式的应用

1. MVC是一种使用MVC（Model View Controller模型-视图-控制器）思想设计创建Web应用程序的模式；MVC分层有助于管理复杂的应用程序；
2. Spring MVC是Spring提供的一个基于MVC设计模式的轻量级Web开发框架，本质上相当于Servlet。Spring MVC是结构最清晰的Servlet+JSP+JavaBean的实现，是一个典型的教科书式的MVC构架。Spring MVC角色划分清晰，分工明细，并且和Spring框架无缝结合。Spring MVC是当今业界最主流的Web开发框架，以及最热[门的开发技能。此外，Spring MVC的注解驱动和对REST风格的支持，也是它最具特色的功能。
3. 浏览器发出HTTP请求到DispatcherServlet,随后寻找控制器HandlerMapping，调用控制器即controller,它再调用模型处理业务YongHuservice,JSONObject类型的方法得到处理结果反馈给DispatcherServlet，再处理视图映射，将模型数据传给视图显示，随后经过HTTP响应将处理的结果反馈给浏览器用户端；

4. 服务器后端项目结构

5. 客户端项目结构