SSM(Vue3+ElementPlus+Axios+SSM前后端分离)【二】

news/2024/11/21 1:27:38/

文章目录

  • SSM--基础环境搭建【二】
    • 项目介绍
      • 项目功能/界面
        • ● SSM 整合项目界面
      • 项目全局配置web.xml
      • SpringMVC 配置

SSM–基础环境搭建【二】

项目介绍

项目功能/界面

● SSM 整合项目界面

image-20230802214015021

项目全局配置web.xml

  1. 配置furns_ssm\src\main\webapp\WEB-INF\web.xml , 和项目全局相关的
<!DOCTYPE web-app PUBLIC"-//Sun Microsystems, Inc.//DTD Web Application 2.3//EN""http://java.sun.com/dtd/web-app_2_3.dtd" >
<web-app><display-name>Archetype Created Web Application</display-name><!--  1、配置启动Spring容器:主要配置和业务逻辑有关的,比如数据源,事务控制等--><context-param><param-name>contextConfigLocation</param-name><param-value>classpath:applicationContext.xml</param-value></context-param><!--ContextLoaderListener: 监听器1、ContextLoaderListener监听器作用是启动Web容器时,自动装配ApplicationContext的配置信息2、它实现了ServletContextListener接口,在web.xml配置该监听器,启动容器时,会默认执行它实现的方法--><listener><listener-class>org.springframework.web.context.ContextLoaderListener</listener-class></listener><!--1、配置前端控制器/中央控制器/分发控制器2. 用户的请求都会经过它的处理3. 因为没有指定springmvc的配置文件,那么就会默认按照 servlet-name-servlet.xml 来获取4. 读取配置文件的原理,我在前面讲解springmvc时写过.--><servlet><servlet-name>springDispatcherServlet</servlet-name><servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class><!--在web项目启动时,就自动的加载DispatcherServlet--><load-on-startup>1</load-on-startup></servlet><servlet-mapping><servlet-name>springDispatcherServlet</servlet-name><!--说明1. 这里我们配置的url-pattern是 / ,表示用户的请求都经过 DispatcherServlet--><url-pattern>/</url-pattern></servlet-mapping>--><!--配置Spring提供的过滤器,解决中文乱码问题,字符编码过滤器,一定要放在所有过滤器的最前面。解读1. forceRequestEncoding 配置成 true ,表示该过滤器会执行 request.setCharacterEncoding(encoding);2. forceRequestEncoding 配置成 true, 表示该过滤器会执行 response.setCharacterEncoding(encoding);--><filter><filter-name>CharacterEncodingFilter</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><init-param><param-name>forceRequestEncoding</param-name><param-value>true</param-value></init-param><init-param><param-name>forceResponseEncoding</param-name><param-value>true</param-value></init-param></filter><filter-mapping><filter-name>CharacterEncodingFilter</filter-name><url-pattern>/*</url-pattern></filter-mapping><!--配置HiddenHttpMethodFilter1. 使用Rest风格的URI,可以把页面发过来的post请求转为指定的delete或者put请求2. 配置url-pattern 是 /* 表示请求都经过 hiddenHttpMethodFilter过滤--><filter><filter-name>hiddenHttpMethodFilter</filter-name><filter-class>org.springframework.web.filter.HiddenHttpMethodFilter</filter-class></filter><filter-mapping><filter-name>hiddenHttpMethodFilter</filter-name><url-pattern>/*</url-pattern></filter-mapping>
</web-app>
  1. 如果web.xml 的 报红, 选择只是高亮syntax 即可, 本身没有问题,就是DTD 的约束

image-20230731174325122

SpringMVC 配置

1、创建SpringMVC 的配置文件dispatcher-servlet.xml : 主要包含网站跳转逻辑的控制

1)配置前端控制器/中央控制器/分发控制器

2)用户的请求都会经过它的处理

3)因为没有指定springmvc的配置文件,那么就会默认按照 servlet-name-servlet.xml 来获取

4)读取配置文件的原理,前面讲解springmvc时写过.

先创建一个空的配置文件,后面在修改。

2 、创建furns_ssm\src\main\webapp\WEB-INF\dispatcher-servlet.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 https://www.springframework.org/schema/context/spring-context.xsd http://www.springframework.org/schema/mvc https://www.springframework.org/schema/mvc/spring-mvc.xsd"><!-- 解读1. 扫描com.nlc包2. use-default-filters="false" 禁用默认过滤规则3. context:include-filter 配置说明 只是扫描控制器--><context:component-scan base-package="com.nlc.furn"><!--SpringMvc只是扫描Controller--><context:include-filter type="annotation" expression="org.springframework.stereotype.Controller"/></context:component-scan><!--配置视图解析器[默认视图解析器]--><bean class="org.springframework.web.servlet.view.InternalResourceViewResolver"><!--配置属性suffix 和 prefix--><property name="prefix" value="/WEB-INF/views/"/><property name="suffix" value=".html"/></bean><!--加入两个常规配置--><!--支持SpringMVC的高级功能,比如JSR303校验, 映射动态请求--><mvc:annotation-driven></mvc:annotation-driven><!--将springmvc不能处理的请求,交给tomcat处理,比如css, js--><mvc:default-servlet-handler/>
</beans>

image-20230731174818176

3、创建项目相关的包

在这里插入图片描述

4、配置扫描com.nlc 包的控制器

<!--1. 扫描com.nlc.furn包 [包括子包]2. context:include-filter 配置说明扫描控制器3. use-default-filters="false" 禁用默认过滤规则--><context:component-scan base-package="com.nlc"  use-default-filters="false"><!-- SpringMVC 只扫描控制器--><context:include-filter type="annotation"expression="org.springframework.stereotype.Controller"/></context:component-scan>

5、配置视图解析器

<!-- 配置视图解析器,指定页面返回-->
<bean  class="org.springframework.web.servlet.view.InternalResourceViewResolver"><property name="prefix" value="/WEB-INF/views/"></property><property name="suffix" value=".html"></property>
</bean>

6、两个常规配置

<!-- 两个常规配置-->
<!-- 将SpringMVC 不能处理的请求交给Tomcat, 比如请求css,js 等-->
<mvc:default-servlet-handler/>
<!-- 能支持SpringMVC 高级功能,比如JSR303 校验,映射动态请求-->
<mvc:annotation-driven/>

7、完成测试

  1. 创建furns-ssm\src\main\java\com\nlc\furns\controller\TestController.java
@Controller
public class TestController {@RequestMapping("/hi")public String hi() {System.out.println("TestController-hi");return "hi";}
}
  1. 创建furns-ssm\src\main\webapp\WEB-INF\views\hi.html
<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><title>hi</title></head><body><h1>hi, 成功~</h1></body>
</html>
  1. 启动Tomcat , 浏览器输入http://localhost:8080/ssm/hi
    在这里插入图片描述

http://www.ppmy.cn/news/999862.html

相关文章

docker部署jenkins且jenkins中使用docker去部署项目

docker部署jenkins且jenkins中使用docker去部署项目 1、确定版本 2.346.1是最后一个支持jdk8的 2、编写docker-compose.yml并执行 在这个目录中新增data文件夹&#xff0c;注意data是用来跟docker中的文件进行映射的 docker-compose.yml version: "3.1" service…

STM32F1基于标准库ST7735 1.8‘‘LCD显示DHT11数据

STM32基于标准库ST7735 1.8‘’LCD显示DHT11数据 &#x1f4cd;HAL库驱动可以参考&#xff1a;《STM32基于HAL工程读取DHT11数据》&#x1f33c;显示效果&#xff1a; &#x1f33b;ST7735 128x160 1.8’LCD屏幕 &#x1f4cc;屏幕资料和相关驱动可以参考《1.8寸TFT LCD128…

ELK 企业级日志分析系统(ElasticSearch、Logstash 和 Kiabana 详解)

目录 一.ELK简介 1.1ELK的概述 1.2ELK的组成 1.2.1 ElasticSearch 1.2.2 Logstash 1.2.3 Kibana 1.2.4 小总结 1.3可以添加其他组件 1.4filebeat 结合 logstash 带来好处 1.5日志处理的步骤 二.Elasticsearch 2.1Elasticsearch概述 2.2Elasticsearch核心概念 2.2.1接近…

使用Python动画粒子的薛定谔波函数(ψ)(完整代码)

使用Python动画粒子的薛定谔波函数&#xff08;ψ&#xff09;&#xff08;完整代码&#xff09; 使用曲柄-尼科尔森方法求解盒子中的粒子 Kowshik chilamkurthy 以后 发表于 书技术 4 分钟阅读 2月 2021&#xff0c; <> 1.4K 5 左图&#xff1a;来源&#xff0c;右图…

JSON格式Python,Java,PHP等封装根据商品ID获取快手商品详情数据方法

快手商城是一个网上购物平台&#xff0c;售卖各类商品&#xff0c;包括服装、鞋类、家居用品、美妆产品、电子产品等。要获取拼多多商品详情数据&#xff0c;您可以通过开放平台的接口或者直接访问快手商城的网页来获取商品详情信息。以下是两种常用方法的介绍&#xff1a; 1.…

第七章 图论

第七章 图论 一、数据结构定义 图的邻接矩阵存储法#define MaxVertexNum 100 // 节点数目的最大值// 无边权&#xff0c;只用0或1表示边是否存在 bool graph[MaxVertexNum][MaxVertexNum];// 有边权 int graph[MaxVertexNum][MaxVertexNum];图的邻接表存储法 把所有节点存储为…

量化交易——MACD策略

目标&#xff1a;通过macd指标判断股票买入卖出时机 一、金叉死叉定义 金叉定义&#xff1a; 当MACD指标中的DIFF线从下而上与DEA线交叉时&#xff0c;这个交叉为金叉&#xff0c;金叉一般情况下是买入的信号。 死叉定义&#xff1a; 当MACD指标中的DIFF线从上而下与DEA线交…

掌握 TypeScript 语法的绝佳速览指南

1.环境搭建 1.1 安装 安装 typescript yarn add typescript -g安装 ts-node ts-node 是一个在内存中运行的 TypeScript 运行时&#xff0c;它可以直接运行 ts 文件&#xff0c;而不需要将 ts 文件编译成 js 文件 yarn add ts-node -g安装 types/node types/node 是 node.js …