springMVC

1、什么是MVC

MVC是模型(Model),视图(View),控制器(Controller)的简写

是一种软件的设计规范。

  • 是将业务逻辑,数据,显示分离的方式来组织代码。
  • MVC主要作用是降低了视图与业务逻辑间的双向耦合。
  • MVC不是一种设计模式,MVC是一种架构模式,当然不同的MVC存在差异。

Model(模型):数据模型,提供要展示的数据,因此包含数据和行为,可以认为是领域模型或者JavaBean的组件(包含数据和行为),不过现在一般都分离开来:Value Object(数据Dao) 和服务层(Service),也就是模型提供了模型数据查询和模型数据的状态更新等功能,包括数据和业务。

View(视图):负责进行模型的展示,一般就是我们见到的用户界面,客户想要看到的东西。

Controller(控制器):接受用户的请求,委托给模型进行处理(状态改变),处理完毕后把返回的数据返回给视图,由视图负责展示,也就是说控制器做了个调度员的工作。

在这里插入图片描述
一个项目是不断演进的,这个架构不是一步就是设计好的。

在这里插入图片描述
java项目的优势是越大,就越好维护,更注重整个团队的开发。

2、为啥学习SpringMVC?

创建项目的一个步骤如下:
在这里插入图片描述

以下用maven来创建项目,记住约定大于配置。
在这里插入图片描述
在这里插入图片描述

springMVC的特点:

1,轻量级,简单易学

2,高效,基于请求响应的MVC框架

3,与spring兼容性好,无缝结合

4,约定大于配置

5,功能强大:RESful、数据验证,格式化,本地化,主题等。

==================================

spring的web框架围绕着DispatcherServlet【调度Servlet】设计

DispatcherServlet的作用是将请求分发到不同的处理器,用注解开发简单的一匹。

正是因为SpringMVC好,简单,与spring配合的天衣无缝,包括能够进行简单的junit配置,支持RESful风格,异常处理,本地化,国际化,数据验证,类型转换,拦截器等等。

最重要的就是使用的人多!!!!

DispatcherServlet的本质还是servlet。
在这里插入图片描述

3、springMVC的原理

在这里插入图片描述

springmvc 的必须配置的三大件:

   <!--处理器适配器-->
    <bean class="org.springframework.web.servlet.handler.BeanNameUrlHandlerMapping"/>

    <!--处理器解析器-->
    <bean class="org.springframework.web.servlet.mvc.SimpleControllerHandlerAdapter"/>

    <!--视图解析器:模板引擎thymeleaf Freemarker-->
    <bean class="org.springframework.web.servlet.view.InternalResourceViewResolver" id="internalResourceViewResolver">
        <!--前缀-->
        <property name="prefix" value="/WEB-INF/jsp/"/>
        <!--后缀-->
        <property name="suffix" value=".jsp"/>
    </bean>

在这里插入图片描述
在这里插入图片描述

4、使用注解来开发springMVC

使用注解的配置文件,固定的配置,不用修改。

  <!--自动扫描包,让指定包下注解生效,由IO容器同一管理-->
    <context:component-scan base-package="cn.skyang.controller"/>

    <!--让SpringMVC不处理静态资源 .css .js .html-->
    <mvc:default-servlet-handler />

    <!--支持mvc注解驱动
       让spring中一般采用@RequestMapping注解来完成映射关系
       要想使@RequestMapping注解生效
       必须向上下文中注册DefaultAnnotationHandlerMapping
      和一个AnnotationMethodHandlerAdapter实例
      这个两个实例分别在类级别和方法级别处理
      而annotation-driven配置帮助我们自动完成上述两个实例的注入
    -->
    <mvc:annotation-driven/>

    <!--视图解析器-->
    <bean class="org.springframework.web.servlet.view.InternalResourceViewResolver"
          id="internalResourceViewResolver">
        <!--前缀-->
        <property name="prefix" value="/WEB-INF/jsp/"/>
        <!--后缀-->
        <property name="suffix" value=".jsp"/>
    </bean>

编写Controller
@Controller

@Controller  //代表这个类会被Spring接管
// 被这个注解的类,中所有的方法,如果返回值是String,并且有具体页面可以跳转,那么就会被视图解析器解析;
public class HelloController {

    @RequestMapping("/hello")
    public String Hello(Model model) {
        //封装数据
        model.addAttribute("msg","hello SpringmvcAnnotation");


        return "hello"; //会被视图解析器处理
    }
}

在这里插入图片描述

使用springMVC必须配置的三大件:

处理映射器,处理器适配器,视图解析器

通常,我们只需要手动配置视图解析器,而处理器映射器和处理器适配器只需要开启注解驱动即可,从而省去了大段的xml配置,但是使用到springboot的阶段,所有的配置文件都省略了!

@RequestMapping

这个注解是为了映射请求路径,因为类与方法上都有映射,所以访问时应该是/跳转到的页面。

包括@GetMapping,@PostMapping两种请求。

@ResponseBody

这个注解不会走视图解析器,会直接返回一个字符串,不会跳转视图页面。
在这里插入图片描述

5,Restful风格

Restful就是一个资源定位以及资源操作的风格,不是标准也不是协议,只是一种风格。基于这个风格设计的软件可以更加简洁,更有层次,更容易实现缓存等机制。

资源:互联网所有的事物都可以被抽象为资源。

资源操作:使用POST,Delete,put,get不同的方法对资源进行操作。

分别对应添加,删除,修改,查询。

传统方式操作资源,通过不同的参数来实现不同的效果,方法单一。post和get

在这里插入图片描述
@PathVariable

这个注解的目的是:识别请求地址的变量,给形式参数赋值。

在这里插入图片描述

6、SpringMVC:结果跳转

在这里插入图片描述
通过springMVC来实现转发和重定向-有视图解析器;
重定向,不需要视图解析器,本质就是重新请求一个新的地方,所以要注意路径的问题,可以重定向到另外一个请求来实现
代码实现如下:
在这里插入图片描述

@Controller
@RequestMapping("/user")
public class UserController {
    //localhost:8080/user/t1 ? name=xxx
    @GetMapping("/t1")   //跟前端约定好要传递的参数
    public String test(@RequestParam("username") String name, Model model) {
        //1.接收前段参数
        System.out.println("接收到的前端参数为:"+name);
        //2.将返回的结果传递给前端,model
        model.addAttribute("msg",name);
        //3.视图跳转
        return "test";
    }

    /**
     * 1.接受前端用户传递的参数,判断参数的名字,假设名字直接在方法上,可以直接使用
     * 2.假设传递的是一个对象user,匹配user对象的字段名:如果名字一直则ok,否则,匹配不到
     */
    @GetMapping("/t2")
    public String test2(User user) {
        System.out.println(user);
        return "test";
    }

}

一个对象有很多个属性,每一个属性又是一个参数,但是在springMVC面前,通过传递对象,直接把对象的内部属性全部拿到!

7、JSON

什么是json?是一种轻量级的数据交换格式,目前使用特别广泛。

  • 采用完全独立于编程语言的文本格式来存储和表示数据。
  • 简介和清晰的层次结构使得json称为理想的数据交换语言。
  • 易于阅读和编写,同时也易于机器解析和生成,并且有效的提升网络传输效率。(偏向于前端的代码)
    在JavaScript语言中,一切皆对象。因此,任何JavaScript支持的类型都可以通过JSON来表示,例如字符串,数字,对象,数组等
    看其要求和语法格式:
    对象表示键值对,数据由逗号分隔
    花括号保存对象
    方括号保存数组

在这里插入图片描述
在这里插入图片描述

后端注重:
后端往前端传递数据,将数据转化为字符串传递给前端,同步要传递的数据格式为 json,对前后端分离很重要。

在这里插入图片描述

public class JsonUtils {

    //方法重载 写源码的思想
    public static String getJson(Object object) {
        
        return getJson(object,"yyyy-MM-dd HH:mm:ss");
    }

    public static String getJson(Object object,String dateFormat)  {

        ObjectMapper mapper = new ObjectMapper();
        //不使用时间戳的方式
        mapper.configure(SerializationFeature.WRITE_DATES_AS_TIMESTAMPS,false);
        //自定义日期的方式
        SimpleDateFormat sdf = new SimpleDateFormat(dateFormat);
        mapper.setDateFormat(sdf);

        try {
            return mapper.writeValueAsString(object);
        } catch (JsonProcessingException e) {
            e.printStackTrace();
        }
        return null;
    }
}

json乱码问题的配置(写在配置中,写死的代码!)

<!-- JSON乱码问题配置 -->
    <mvc:annotation-driven>
        <mvc:message-converters register-defaults="true">
            <bean class="org.springframework.http.converter.StringHttpMessageConverter">
                <constructor-arg value="UTF-8"/>
            </bean>
            <bean class="org.springframework.http.converter.json.MappingJackson2HttpMessageConverter">
                <property name="objectMapper">
                    <bean class="org.springframework.http.converter.json.Jackson2ObjectMapperFactoryBean">
                        <property name="failOnEmptyBeans" value="false"/>
                    </bean>
                </property>
            </bean>
        </mvc:message-converters>
    </mvc:annotation-driven>

前端工程:layui

8、整合ssm

创建数据库

CREATE DATABASE ssmbuild;
USE ssmbuild;
CREATE TABLE `books`(
`bookID` INT NOT NULL AUTO_INCREMENT COMMENT '书id',
`bookName` VARCHAR(100) NOT NULL COMMENT '书名',
`bookCounts` INT NOT NULL COMMENT '数量',
`detail` VARCHAR(200) NOT NULL COMMENT '描述',
KEY `bookID`(`bookID`)
)ENGINE=INNODB DEFAULT CHARSET=utf8

INSERT INTO `books`(`bookID`,`bookName`,`bookCounts`,`detail`)VALUES
(1,'Java',1,'从入门到放弃'),
(2,'MySQL',10,'从删库到跑路'),
(3,'Linux',5,'从进门到进牢')

出现乱码问题

不得不说,乱码问题是在我们开发中十分常见的问题,也是让我们程序猿比较头大的问题!

以前乱码问题通过过滤器解决 , 而SpringMVC给我们提供了一个过滤器 , 可以在web.xml中配置 .

修改了xml文件需要重启服务器

<filter>
   <filter-name>encoding</filter-name>
   <filter-class>org.springframework.web.filter.CharacterEncodingFilter</filter-class>
   <init-param>
       <param-name>encoding</param-name>
       <param-value>utf-8</param-value>
   </init-param>
</filter>
<filter-mapping>
   <filter-name>encoding</filter-name>
   <url-pattern>/*</url-pattern>
</filter-mapping>

修改了java就要重新发布

HTML前端代码可以实现复用

9、Ajax

页面的刷新只会有两种状态,无论是转发还是重定向,都会把页面重构。

于是AJAX出现了(Ajax是异步的JavaScript和XML)

AJAX是一种无需重新加载整个页面的情况上,能够更新部分网页的技术。

Ajax不是一种新的编程与原,而是一种用于创建更好更快的以及交互更强的web应用程序的技术

应用:百度框,搜索引擎,搜索东西的时候,没有输入完内容,下拉框就出现模糊内容了。

体验一下页面不刷新的效果。

得有一个窗口加载,iframe,学Vue

jQuery.ajax

纯JS原生实现Ajax不讲,直接使用jquery提供的,方便学习和使用,避免重复造轮子,有兴趣的同学可以去JS原生的XMLHttpRequest!

Ajax的核心是XMLHttpReques对象(XHR),XHR为向服务器发送请求和解析服务器响应提供了接口,能有以异步发方式从服务器获取新的数据。

jQuery提供多个与Ajax有关的方法

通过jQuery Ajax,能够使用Http get and Http Post从远程服务器上请求文本,html,xml或者json等数据–同时您能够把这些外部数据直接载入到网页的备选元素当中。

jQuery不是生产者,而是大自然的搬运工。

jQuery Ajax本质就是xmlHttpRequest,对他进行封装,方便调用!

用到第三方的jar包,springMVC配置文件需要导入静态资源过滤

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

Ajax实现验证用户名

后端写个方法,从数据库后端提供数据并传给前端判断
在这里插入图片描述
前端代码如下:
在这里插入图片描述

10、登录拦截器

在这里插入图片描述

在这里插入图片描述

  • 7
    点赞
  • 50
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值