当前位置: 首页 > news >正文

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

文章目录

  • 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
    在这里插入图片描述

相关文章:

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

文章目录 SSM--基础环境搭建【二】项目介绍项目功能/界面● SSM 整合项目界面 项目全局配置web.xmlSpringMVC 配置 SSM–基础环境搭建【二】 项目介绍 项目功能/界面 ● SSM 整合项目界面 项目全局配置web.xml 配置furns_ssm\src\main\webapp\WEB-INF\web.xml , 和项目全局…...

出现一次的数字(其他数字出现三次,两次)

位运算的知识点&#xff1a; 异或运算具有以下几个重要性质 交换律&#xff1a;a ^ b b ^ a 结合律&#xff1a;a ^ (b ^ c) (a ^ b) ^ c 任何数与0异或等于它本身&#xff1a;a ^ 0 a 任何数与自身异或等于0&#xff1a;a ^ a 0 对于数组中所有元素进行异或运算&#xf…...

Rust- 智能指针

Smart pointers A smart pointer is a data structure that not only acts like a pointer but provides additional functionality. This “smartness” comes from the fact that smart pointers encapsulate additional logical or semantic rules, which are automaticall…...

什么是微服务

微服务的架构特征&#xff1a; 单一职责&#xff1a;微服务拆分粒度更小&#xff0c;每一个服务都对应唯一的业务能力&#xff0c;做到单一职责自治&#xff1a;团队独立、技术独立、数据独立&#xff0c;独立部署和交付面向服务&#xff1a;服务提供统一标准的接口&#xff0…...

无人机电力巡检方案在电网安全与维护中的应用

目前&#xff0c;无人机技术已经在各行各业都有广泛的应用&#xff0c;其中之一就是在电力巡检中的应用。无人机电力巡检方案以其高效、安全、精准的特点&#xff0c;为电网安全与维护带来了重大突破和进步。 一、无人机电力巡检方案是高效巡检的利器 传统的电力巡检方式需要人…...

网络工程师 快速入门

需要掌握 以下技术 1.网络 基础 知识 TCP/IP 、OSI 7层协议、IP地址、ARP地址解析协议、ICMP&#xff08;英特网控制报文协议&#xff0c;ping&#xff09;等 入门面试常问问题。 2.路由 路由匹配 三原则、静态路由、OSPF路由协议。 2.交换 如何放数据&#xff1f; VLAN TRU…...

Linux系统vim查看文件中文乱码

Linux系统查看文件-cat中文正常显示 vim中文乱码 1、背景2、环境3、目的4、原因5、操作步骤5.1、修改vim编码配置 6、验证 1、背景 服务器部署业务过程中查看文件内容&#xff0c;使用cat 命令查看中文正常显示&#xff0c;使用vim命令查看显示中文乱码 cat 查看 vim 查看 …...

BladeX框架开源-工作-笔记-Docker部署-Jenkins配置

BladeX框架开源-工作-笔记-Docker部署-Jenkins配置 文章目录 BladeX框架开源-工作-笔记-Docker部署-Jenkins配置第一章-概要-BladeX框架简介与git地址第二章-BladeX框架前后端项目Docker部署与DockerFile配置文件2.1-开始部署阶段&#xff0c;默认服务器上面已有Nacos服务2.2-采…...

Modbus tcp转ETHERCAT网关modbus tcp/ip协议

捷米JM-ECT-TCP网关能够连接到Modbus tcp总线和ETHERCAT总线中&#xff0c;实现两种不同协议设备之间的通讯。这个网关能够大大提高工业生产的效率和生产效益&#xff0c;让生产变得更加智能化。捷米JM-ECT-TCP 是自主研发的一款 ETHERCAT 从站功能的通讯网关。该产品主要功能是…...

RK356x Android11更换默认的Launcher

1、 开发环境 ubuntu版本&#xff1a;18.04 开发平台&#xff1a;RK356x Android版本&#xff1a;android11 2、目的 android11 系统自带了一个启动器Launcher3&#xff0c;在android源码路径下的packages/apps/Launcher3下&#xff0c;现需要将我们自己开发的Launcher放到a…...

Python 操作 MySQL 数据库

Python 操作 MySQL 数据库 Python 标准数据库接口为 Python DB-API&#xff0c;Python DB-API为开发人员提供了数据库应用编程接口。 Python 数据库接口支持非常多的数据库&#xff0c;你可以选择适合你项目的数据库&#xff1a; GadFlymSQLMySQLPostgreSQLMicrosoft SQL Se…...

脑电信号处理与特征提取——6.运用机器学习技术和脑电进行大脑解码(涂毅恒)

目录 六、运用机器学习技术和脑电进行大脑解码 6.1 前言 6.2 基于脑电数据的机器学习基础分析 6.3 基于脑电数据的机器学习进阶分析 6.4 代码解读 六、运用机器学习技术和脑电进行大脑解码 6.1 前言 6.2 基于脑电数据的机器学习基础分析 6.3 基于脑电数据的机器学习进阶分…...

腾讯云COS+PicGO+截图工具+Obsidian+Typora+蚁小二:打造丝滑稳定的Markdown写作和分发环境

背景 很久很久以前&#xff0c;我写过一篇《有道云笔记EverythingTyporaGitHub图床PicGojsDelivr加速截图工具——创造丝滑免费的Markdown写作环境》&#xff08;https://blog.csdn.net/qq_43721542/article/details/9685957&#xff09;&#xff0c;当时的目的是打造一个云同…...

LeetCode--HOT100题(18)

目录 题目描述&#xff1a;73. 矩阵置零&#xff08;中等&#xff09;题目接口解题思路1代码解题思路2代码 PS: 题目描述&#xff1a;73. 矩阵置零&#xff08;中等&#xff09; 给定一个 m x n 的矩阵&#xff0c;如果一个元素为 0 &#xff0c;则将其所在行和列的所有元素都…...

ES6的语法兼容IE浏览器

案例1 zdsxData.zdsxData.forEach(el>{let str <tr> <td><a href${el.url} target"_blank"><font color"#79EEFF">${el.sxms}</font></a></td> <td>${el.gjjd}</td> <td>${el.zrr}<…...

【opencv学习】鼠标回调函数、鼠标控制画矩形

#include <iostream> #include <opencv2/opencv.hpp> using namespace cv; #define WinDow "程序窗口"void MouseHandle(int event, int x, int y, int flags, void* param);//鼠标回调函数 void Drawrectangle(cv::Mat& img, cv::Rect box);//矩形绘…...

Typescript面试题

文章目录 了解过TS吗&#xff1f;使用ts写一个对象属性约束说一下typescript中的泛型如何在TS中对函数的返回值进行类型约束ts和js相比有什么区别 了解过TS吗&#xff1f; ts是一种基于静态类型检查的强类型语言 let num:number20 console.log(num) console.log("str&qu…...

GB28181智能安全帽方案探究及技术实现

什么是智能安全帽&#xff1f;​ 智能安全帽是一种集成先进科技的安全帽&#xff0c;可基于GB28181规范&#xff0c;适用于铁路巡检、电力、石油化工等高风险行业的作业人员&#xff0c;以及消防、救援等紧急情况下的安全防护。 智能安全帽通常具有以下功能&#xff1a; 实时…...

【css】解决元素浮动溢出问题

如果一个元素比包含它的元素高&#xff0c;并且它是浮动的&#xff0c;它将“溢出”到其容器之外&#xff1a;然后可以向包含元素添加 overflow: auto;&#xff0c;来解决此问题&#xff1a; 代码&#xff1a; <!DOCTYPE html> <html> <head> <style>…...

SOC FPGA之流水灯设计

一、DS-5简介 Altera Soc EDS开发套件的核心是Altera版ARM Development Studio 5(DS-5)工具包&#xff0c;为SoC器件提供了完整的嵌入式开发环境、FPGA自适应调试和对Altera工具的兼容。 1.1 DS-5 eclipse破解 首先下载破解器 然后进入cmd运行&#xff0c;进入到破解器所在文…...

【JVM深度解析】第29篇:HotSpot VM内部实现探秘

摘要 HotSpot 是 Oracle JDK 和 OpenJDK 使用的默认 JVM 实现&#xff0c;其内部实现涉及大量的 C 代码和复杂的算法。本文深入探秘 HotSpot 的核心组件&#xff1a;Oop-Klass 二元模型、Mark Word 的位布局、C1/C2 编译器的实现、G1 的 Card Table 和 Remembered Set、以及运…...

Element UI行政区划数据实战:如何构建高性能三级联动组件

Element UI行政区划数据实战&#xff1a;如何构建高性能三级联动组件 【免费下载链接】element-china-area-data :cn: Element UI && antd Cascader级联选择器 中国省市区三级、二级联动option数据 项目地址: https://gitcode.com/gh_mirrors/el/element-china-area-…...

G3800,G3810,G2810,TS3380,MP288,E568,MG3680,IP6700,MX328,IX6580,MG7780清零软件,5B00,P07,E08,亲测软件好用,好评。

下载&#xff1a;点这里下载 备用下载&#xff1a;https://pan.baidu.com/s/1WrPFvdV8sq-qI3_NgO2EvA?pwd0000 常见型号如下&#xff1a; G系列 G1000、G1100、G1200、G1400、G1500、G1800、G1900、G1010、G1110、G1120、G1410、G1420、G1411、G1510、G1520、G1810、G1820、…...

忍者像素绘卷一文详解:Z-Image-Turbo-rinaiqiao checkpoint深度解析

忍者像素绘卷一文详解&#xff1a;Z-Image-Turbo-rinaiqiao checkpoint深度解析 1. 产品概述与核心价值 忍者像素绘卷是一款基于Z-Image-Turbo深度优化的图像生成工作站&#xff0c;专为二次元风格和复古像素艺术创作而设计。它通过独特的视觉设计和强大的技术架构&#xff0…...

GLM-OCR模型Java开发集成指南:SpringBoot微服务中的文档处理实战

GLM-OCR模型Java开发集成指南&#xff1a;SpringBoot微服务中的文档处理实战 最近在做一个企业内部的文档管理系统&#xff0c;客户提了个需求&#xff0c;说能不能自动把上传的发票、合同这些图片里的文字给提取出来&#xff0c;省得人工一个个去敲。这需求听着就挺实在的&am…...

OFDM自适应调制的“智能”从哪来?深入聊聊信道状态信息(CSI)的获取与反馈那些坑

OFDM自适应调制背后的工程智慧&#xff1a;信道状态信息实战指南 在无线通信系统的设计与优化中&#xff0c;OFDM自适应调制技术如同一位隐形的调音师&#xff0c;实时调整着每个子载波的"音调"&#xff08;调制方式&#xff09;以适应瞬息万变的信道环境。但这位调音…...

STM32H750项目实战:如何把DMA数据精准丢进512KB高速SRAM(Keil MDK配置详解)

STM32H750项目实战&#xff1a;如何把DMA数据精准丢进512KB高速SRAM&#xff08;Keil MDK配置详解&#xff09; 在嵌入式开发中&#xff0c;性能优化往往是一场与硬件限制的博弈。当你在STM32H750上实现了一个功能完备的ADC采样系统&#xff0c;却发现DMA传输的数据总是莫名其妙…...

NVIDIA Jetson AGX Orin上OpenPCDet环境搭建避坑指南:从CUDA配置到PointRCNN运行

NVIDIA Jetson AGX Orin上OpenPCDet环境搭建全流程实战&#xff1a;从CUDA配置到PointRCNN部署 在边缘计算设备上部署3D目标检测模型正成为自动驾驶和机器人导航领域的关键需求。NVIDIA Jetson AGX Orin凭借其强大的AI算力和能效比&#xff0c;成为这类场景的理想选择。本文将带…...

别再一上来就关SELinux了!搞懂Permissive、Enforcing、Disabled三种模式,让你的Linux服务器更安全

别再一上来就关SELinux了&#xff01;搞懂Permissive、Enforcing、Disabled三种模式&#xff0c;让你的Linux服务器更安全 第一次在服务器上部署Web应用时&#xff0c;我遇到了一个诡异的权限问题&#xff1a;Nginx明明以root身份运行&#xff0c;却无法读取我新上传的静态文件…...

【生成式编程安全生死线】:从GitHub Copilot到CodeWhisperer,必须启用的4层静态+动态校验机制

第一章&#xff1a;智能代码生成代码安全性检查 2026奇点智能技术大会(https://ml-summit.org) 智能代码生成工具&#xff08;如Copilot、CodeWhisperer、Tabnine&#xff09;在提升开发效率的同时&#xff0c;可能引入未经验证的安全隐患——包括硬编码密钥、不安全的反序列化…...