1.servlet项目结构与识别
Idea里带个蓝点的文件夹为tomcat吃的网站内容,idea会通过“Web Resource Directory”来标注,会被打成一个war包
这个文件夹里,META-INF为元信息,WEB-INF为不能被路径直接访问到的内容,有tomcat吃的web.xml来映射地址到其中的资源内容。所以这里放的是java、lib、home页面。这些东西都是在web.xml里指定的,tomcat会去先找web.xml这个文件。
tomcat的项目里,根目录在web.xml里被映射,根目录下的其他文件也按照路径被映射在地址栏里被访问到,除了WEB-INF里的,要走url映射通过servlet来转发或者重定向到其中的页面才能访问到。
2.MVC框架要做哪些事情
- 将url映射到java类或java类的方法 .
- 封装用户提交的数据 .
- 处理请求--调用相关的业务处理--封装响应数据 .
- 将响应的数据进行渲染 . jsp / html 等表示层数据 .
3.以上事情,都是围绕DispatcherServlet来做的。
DispatcherServlet是个请求调度者
4.Spring MVC项目添加步骤:
1.新建web.xml
2.注册DispatcherServlet到/网址,添加contextConfigLocation xml配置文件
3.springmvc xml配置文件里,配置handler,adapter,viewResolver(也可以配置为模版引擎的)的bean。Jsp的ViewResolver可以配置视图网址路径的前缀和后缀
4.配置Controller,映射url,调用service从db获取数据并注入到ModelAndView对象里,以及jsp的文件名,并将Controller这个bean注册到Spring容器中。
5.jsp文件中获取数据,渲染
现在只要注册一个Servlet就行了,其他Servlet不用写了
5.流程
DispatcherServlet拦截所有网址请求,通过Handler获取被映射到的网址的Contrller;通过Adapter执行Controller里的handleRequest接口方法;通过返回的ModelAndView,找ViewResolver来解析,获得相应的视图,调用他来渲染页面并返回response。
可以看到以上流程分三部分,所以SpringMVC的xml配置文件里也要配置这三个部分的核心处理类
对应的,我们的代码要做三个事
- controller设置数据到ModelAndView,一般是调用service接口填充数据
- controller设置要返回的视图名字
- 视图获取controller设置的数据,通过jstl,el表达式等从ViewResolver里获取数据填充页面
6.注解形式启动一个SpringMVC项目的步骤
注解版的springmvc.xml不同,如下
- 让IOC的注解生效(扫描)
- 静态资源过滤 :HTML . JS . CSS . 图片 , 视频 .....(mvc:default-servlet-handler),请求这些静态资源不走SpringMVC
- MVC的注解驱动(mvc:annotation-driven)
- 配置视图解析器
<?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 https://www.springframework.org/schema/context/spring-context.xsd http://www.springframework.org/schema/mvc https://www.springframework.org/schema/mvc/spring-mvc.xsd"> <!-- 自动扫描包,让指定包下的注解生效,由IOC容器统一管理 --> <context:component-scan base-package="com.kuang.controller"/> <!-- 让Spring MVC不处理静态资源 --> <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> </beans>
接下来就可以用@Controller宏设置Controller类注册到Spring容器里了
类的的函数,可以接收一个Model参数设置数据,返回一个String为视图名称
通过@RequestMapping注解在类和相应的方法上(也可以只在方法上),为一个URL里的路径各段设置与代码之间的映射
总结如下
- 新建一个web项目
- 导入相关jar包
- 编写web.xml , 注册DispatcherServlet
- 编写springmvc配置文件
- 接下来就是去创建对应的控制类 , controller
- 最后完善前端视图和controller之间的对应
- 测试运行调试.
7.Controller和视图弱耦合
可以把视图看作模板,行为结构先定义好,每个Controller送不同的数据给这个模板,展示的东西就不一样
8.@RequestMapping注解对应的方法,参数名字是url的字段名称
9.@PathVariable注解可以让参数在RequestMapping里以{参数名}的方式存在,然后按顺序映射到方法参数里
Restful可以通过PathVariable注解把参数放到网址路径里而不是充当?后边的参数
10.可以通过不同的method,让同一网址对应不同方法
@RequestMapping(value = "/hello",method = {RequestMethod.POST})
可以使用以下注解简化
@GetMapping
@PostMapping
@PutMapping
@DeleteMapping
@PatchMapping
11.重定向和转发
在相应url映射地址里,以
return "forward:/index.jsp"; 和 return "redirect:/index.jsp"; 完成转发和重定向。直接return字符串网址不会变,也是转发。
除了这种办法,还可以使用request和response对象调用Servlet来重定向和转发
12.接收请求参数及数据回显
@RequestParam注解可以设定表单参数的key名(url不对的话直接返回错误给浏览器)
默认如果参数名和表单key名一致直接用即可
设置一个对象,其对象名和表单参数名必须一致
传数据给(构建)视图部件渲染,有三个类可以来设置addAttribute
- Model
- ModelAndView
- ModelMap
13.乱码问题
写个过滤器处理request和response里的编码格式
可以用SpringMVC自带的CharacterEncodingFilter
,也可以开源的自己写,自己写的好用
14.url pattern映射:
/映射到请求,发起http request的时候才有效,转发无效
/*映射到所有页面
15.json
json是字符串化了的JavaScript对象
其中key用双引号包括,后边跟着冒号隔离value数值,用逗号隔离键值对
对象用{}包裹,数组用[]包裹
SpringMVC使用json,要用@ResponseBody注解表明返回体是一个json格式,不走视图解析器
类上加@RestController注解,不用给每个方法都加,就直接都返回json字符串了
返回数值乱码,用RequestMapping的produces属性设置返回头为"application/json;charset=utf-8"
@RequestMapping(value = "/json1",produces = "application/json;charset=utf-8")
以下方法直接用SpringMVC默认的方案解决乱码问题
<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>
Jackson可以用ObjectMapper来把对象转为字符串(writeValueAsString)
fastjson也可以用,其接口和org.json差不多
JSONObject代表对象
JSONArray代表数组对象
JSON代表互相转换,字符串和对象,对象和数组转换,JSON对象和Java对象转换
16.拦截器
拦截器是SpringMVC用AOP配置的,拦截器只会拦截控制器的方法
拦截器要继承HandlerInterceptor接口,返回true放行,false拦截
配置拦截器aop,/**代表路径下所有层级,一个*代表当前文件夹下的,没有子文件下的
<!--关于拦截器的配置--> <mvc:interceptors> <mvc:interceptor> <!--/** 包括路径及其子路径--> <!--/admin/* 拦截的是/admin/add等等这种 , /admin/add/user不会被拦截--> <!--/admin/** 拦截的是/admin/下的所有--> <mvc:mapping path="/**"/> <!--bean配置的就是拦截器--> <bean class="com.kuang.interceptor.MyInterceptor"/> </mvc:interceptor> </mvc:interceptors>
拦截器更加简单,不用做chain等操作,返回值判断即可
17.拦截器应用:登录网站
在拦截器里,检查是否为特定页面,检查session是否存在用户校验数据
18.文件长传下载
前端设置enctype为multipart/form-data
后端使用基于Apache Commons FileUpload的MultipartResolver bean
<!--文件上传配置--> <bean id="multipartResolver" class="org.springframework.web.multipart.commons.CommonsMultipartResolver"> <!-- 请求的编码格式,必须和jSP的pageEncoding属性一致,以便正确读取表单的内容,默认为ISO-8859-1 --> <property name="defaultEncoding" value="utf-8"/> <!-- 上传文件大小上限,单位为字节(10485760=10M) --> <property name="maxUploadSize" value="10485760"/> <property name="maxInMemorySize" value="40960"/> </bean>
可以自己存文件,也可以用CommonsMultipartFile类的transferTo方法
文件下载步骤:
设置 response 响应头
//1、设置response 响应头
response.reset(); //设置页面不缓存,清空buffer
response.setCharacterEncoding("UTF-8"); //字符编码
response.setContentType("multipart/form-data"); //二进制传输数据
//设置响应头
response.setHeader("Content-Disposition",
"attachment;fileName="+URLEncoder.encode(fileName, "UTF-8"));
读取文件 -- InputStream
写出文件 -- OutputStream
执行操作
关闭流 (先开后关)
19.Ajax:发送一个xhr类型的请求,通过xml http request异步刷新页面,不要重定向和转发
jquery通过 $.ajax({})即可,里边的对象配url,data,success,error四个属性,地址,输入参数键值对,成功回调,失败回调
20.SSM整合
1.导入依赖
<dependencies> <!--Junit--> <dependency> <groupId>junit</groupId> <artifactId>junit</artifactId> <version>4.12</version> </dependency> <!--数据库驱动--> <dependency> <groupId>mysql</groupId> <artifactId>mysql-connector-java</artifactId> <version>5.1.47</version> </dependency> <!-- 数据库连接池 --> <dependency> <groupId>com.mchange</groupId> <artifactId>c3p0</artifactId> <version>0.9.5.2</version> </dependency> <!--Servlet - JSP --> <dependency> <groupId>javax.servlet</groupId> <artifactId>servlet-api</artifactId> <version>2.5</version> </dependency> <dependency> <groupId>javax.servlet.jsp</groupId> <artifactId>jsp-api</artifactId> <version>2.2</version> </dependency> <dependency> <groupId>javax.servlet</groupId> <artifactId>jstl</artifactId> <version>1.2</version> </dependency> <!--Mybatis--> <dependency> <groupId>org.mybatis</groupId> <artifactId>mybatis</artifactId> <version>3.5.2</version> </dependency> <dependency> <groupId>org.mybatis</groupId> <artifactId>mybatis-spring</artifactId> <version>2.0.2</version> </dependency> <!--Spring--> <dependency> <groupId>org.springframework</groupId> <artifactId>spring-webmvc</artifactId> <version>5.1.9.RELEASE</version> </dependency> <dependency> <groupId>org.springframework</groupId> <artifactId>spring-jdbc</artifactId> <version>5.1.9.RELEASE</version> </dependency> </dependencies>
2.导出静态资源到jar
<build> <resources> <resource> <directory>src/main/java</directory> <includes> <include>**/*.properties</include> <include>**/*.xml</include> </includes> <filtering>false</filtering> </resource> <resource> <directory>src/main/resources</directory> <includes> <include>**/*.properties</include> <include>**/*.xml</include> </includes> <filtering>false</filtering> </resource> </resources> </build>
3.mybatis配置文件,mybatis-config.xml,有typeAliases,和mappers
<?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE configuration PUBLIC "-//mybatis.org//DTD Config 3.0//EN" "http://mybatis.org/dtd/mybatis-3-config.dtd"> <configuration>
<typeAliases>
<package name="com.kuang.pojo"/>
</typeAliases>
<mappers>
<mapper resource="com/kuang/dao/BookMapper.xml"/>
</mappers>
</configuration>
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" xsi:schemaLocation="http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans.xsd">
<import resource="spring-dao.xml"/>
<import resource="spring-service.xml"/>
<import resource="spring-mvc.xml"/>
</beans>
5.添加database.properties数据源文件
jdbc.driver=com.mysql.jdbc.Driver jdbc.url=jdbc:mysql://localhost:3306/ssmbuild?useSSL=true&useUnicode=true&characterEncoding=utf8 jdbc.username=root jdbc.password=123456
6.spring-dao.xml配置dao层,包括数据库属性文件,数据库连接池对象,sqlSessionFactory,mapper代理扫描包配置类
<?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 https://www.springframework.org/schema/context/spring-context.xsd"> <!-- 配置整合mybatis --> <!-- 1.关联数据库文件 --> <context:property-placeholder location="classpath:database.properties"/> <!-- 2.数据库连接池 --> <!--数据库连接池 dbcp 半自动化操作 不能自动连接 c3p0 自动化操作(自动的加载配置文件 并且设置到对象里面) --> <bean id="dataSource" class="com.mchange.v2.c3p0.ComboPooledDataSource"> <!-- 配置连接池属性 --> <property name="driverClass" value="${jdbc.driver}"/> <property name="jdbcUrl" value="${jdbc.url}"/> <property name="user" value="${jdbc.username}"/> <property name="password" value="${jdbc.password}"/> <!-- c3p0连接池的私有属性 --> <property name="maxPoolSize" value="30"/> <property name="minPoolSize" value="10"/> <!-- 关闭连接后不自动commit --> <property name="autoCommitOnClose" value="false"/> <!-- 获取连接超时时间 --> <property name="checkoutTimeout" value="10000"/> <!-- 当获取连接失败重试次数 --> <property name="acquireRetryAttempts" value="2"/> </bean> <!-- 3.配置SqlSessionFactory对象 --> <bean id="sqlSessionFactory" class="org.mybatis.spring.SqlSessionFactoryBean"> <!-- 注入数据库连接池 --> <property name="dataSource" ref="dataSource"/> <!-- 配置MyBaties全局配置文件:mybatis-config.xml --> <property name="configLocation" value="classpath:mybatis-config.xml"/> </bean> <!-- 4.配置扫描Dao接口包,动态实现Dao接口注入到spring容器中 --> <!--解释 : https://www.cnblogs.com/jpfss/p/7799806.html--> <bean class="org.mybatis.spring.mapper.MapperScannerConfigurer"> <!-- 注入sqlSessionFactory --> <property name="sqlSessionFactoryBeanName" value="sqlSessionFactory"/> <!-- 给出需要扫描Dao接口包 --> <property name="basePackage" value="com.kuang.dao"/> </bean> </beans>
7.spring整合service,spring-service.xml,配置引用的beanFactory和事物
<?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"> <!-- 扫描service相关的bean --> <context:component-scan base-package="com.kuang.service" /> <!--BookServiceImpl注入到IOC容器中--> <bean id="BookServiceImpl" class="com.kuang.service.BookServiceImpl"> <property name="bookMapper" ref="bookMapper"/> </bean> <!-- 配置事务管理器 --> <bean id="transactionManager" class="org.springframework.jdbc.datasource.DataSourceTransactionManager"> <!-- 注入数据库连接池 --> <property name="dataSource" ref="dataSource" /> </bean> </beans>
8.配置web.xml
<?xml version="1.0" encoding="UTF-8"?> <web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_4_0.xsd" version="4.0"> <!--DispatcherServlet--> <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:applicationContext.xml</param-value> </init-param> <load-on-startup>1</load-on-startup> </servlet> <servlet-mapping> <servlet-name>DispatcherServlet</servlet-name> <url-pattern>/</url-pattern> </servlet-mapping> <!--encodingFilter--> <filter> <filter-name>encodingFilter</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>encodingFilter</filter-name> <url-pattern>/*</url-pattern> </filter-mapping> <!--Session过期时间--> <session-config> <session-timeout>15</session-timeout> </session-config> </web-app>
9.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 https://www.springframework.org/schema/mvc/spring-mvc.xsd"> <!-- 配置SpringMVC --> <!-- 1.开启SpringMVC注解驱动 --> <mvc:annotation-driven /> <!-- 2.静态资源默认servlet配置--> <mvc:default-servlet-handler/> <!-- 3.配置jsp 显示ViewResolver视图解析器 --> <bean class="org.springframework.web.servlet.view.InternalResourceViewResolver"> <property name="viewClass" value="org.springframework.web.servlet.view.JstlView" /> <property name="prefix" value="/WEB-INF/jsp/" /> <property name="suffix" value=".jsp" /> </bean> <!-- 4.扫描web相关的bean --> <context:component-scan base-package="com.kuang.controller" /> </beans>
目前常用spring与spring mvc整合配置
<!-- Spring MVC配置 --> <!-- ====================================== --> <servlet> <servlet-name>spring</servlet-name> <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class> <init-param> <param-name>contextConfigLocation</param-name> <param-value>classpath:spring-servlet.xml</param-value> </init-param> <load-on-startup>1</load-on-startup> </servlet> <servlet-mapping> <servlet-name>spring</servlet-name> <url-pattern>/*</url-pattern> </servlet-mapping> <!-- Spring配置 --> <!-- ====================================== --> <listener> <listenerclass> org.springframework.web.context.ContextLoaderListener </listener-class> </listener> <!-- 指定Spring Bean的配置文件所在目录。默认配置在WEB-INF目录下 --> <context-param> <param-name>contextConfigLocation</param-name> <param-value>classpath:config/applicationContext.xml</param-value> </context-param>
21. bootstrap css可以去搜索引擎搜bootstrap编辑器类网站
22.前端开发主要框架:
- 逻辑
- 判断
- 循环
- 事件
- BOM
- DOM
- 自定义
- 视图
- html
- css
视图表现层框架:BootStrap,LayUI……
综合性框架:Jquery,vue,react,angular
- 通信
- axios
- xhr
- ajax
要做到前端化工程