尚硅谷SpringMVC (1-4)
一、SpringMVC简介
1、什么是MVC
- 一类称为实体类Bean:专门存储业务数据的,如 Student、User 等
- 一类称为业务处理 Bean:指 Service 或 Dao 对象,专门用于处理业务逻辑和数据访问。
2、什么是SpringMVC
注:三层架构分为表述层(或表示层)、业务逻辑层、数据访问层,表述层表示前台页面和后台 servlet
3、SpringMVC的特点
- Spring 家族原生产品,与 IOC 容器等基础设施无缝对接
- 基于原生的Servlet,通过了功能强大的前端控制器DispatcherServlet,对请求和响应进行统一 处理
- 表述层各细分领域需要解决的问题全方位覆盖,提供全面解决方案
- 代码清新简洁,大幅度提升开发效率
- 内部组件化程度高,可插拔式组件即插即用,想要什么功能配置相应组件即可
- 性能卓著,尤其适合现代大型、超大型互联网项目要求
二、HelloWorld
1、开发环境
2、创建maven工程
<packaging>war</packaging><dependencies><!-- SpringMVC --><dependency><groupId>org.springframework</groupId><artifactId>spring-webmvc</artifactId><version>5.3.24</version></dependency><!-- 日志 --><dependency><groupId>ch.qos.logback</groupId><artifactId>logback-classic</artifactId><version>1.2.11</version></dependency><!-- ServletAPI --><dependency><groupId>javax.servlet</groupId><artifactId>javax.servlet-api</artifactId><version>4.0.1</version><scope>provided</scope></dependency><!-- Spring5和Thymeleaf整合包 --><dependency><groupId>org.thymeleaf</groupId><artifactId>thymeleaf-spring5</artifactId><version>3.0.15.RELEASE</version></dependency></dependencies> 3、配置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"><!--配置SpringMVC的前端控制器,对浏览器发送的请求进行统一处理--><servlet><servlet-name>SpringMVC</servlet-name><servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class></servlet><servlet-mapping><servlet-name>SpringMVC</servlet-name><!--设置springMVC的核心控制器所能处理的请求的请求路径/所匹配的请求可以是/login或.html或.js或.css方式的请求路径但是/不能匹配.jsp请求路径的请求/*指所有文件--><url-pattern>/</url-pattern></servlet-mapping>
</web-app> <?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"><!--配置SpringMVC的前端控制器,对浏览器发送的请求进行统一处理--><servlet><servlet-name>SpringMVC</servlet-name><servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class><!--配置SpringMVC配置文件的位置和名称--><init-param><!-- contextConfigLocation为固定值 --><param-name>contextConfigLocation</param-name><!-- 使用classpath:表示从类路径查找配置文件,例如maven工程中的src/main/resources --><param-value>classpath:springMVC.xml</param-value></init-param><!--作为框架的核心组件,在启动过程中有大量的初始化操作要做而这些操作放在第一次请求时才执行会严重影响访问速度因此需要通过此标签将启动控制DispatcherServlet的初始化时间提前到服务器启动时--><load-on-startup>1</load-on-startup></servlet><servlet-mapping><servlet-name>SpringMVC</servlet-name><!--设置springMVC的核心控制器所能处理的请求的请求路径/所匹配的请求可以是/login或.html或.js或.css方式的请求路径但是/不能匹配.jsp请求路径的请求/*指所有文件--><url-pattern>/</url-pattern></servlet-mapping>
</web-app> 注:<url-pattern> 标签中使用 / 和 /* 的区别:/ 所匹配的请求可以是 /login 或 .html 或 .js 或 .css 方式的请求路径,但是 / 不能匹配 .jsp 请求路径的请求因此就可以避免在访问jsp 页面时,该请求被 DispatcherServlet 处理,从而找不到相应的页面/* 则能够匹配所有请求,例如在使用过滤器时,若需要对所有请求进行过滤,就需要使用 /* 的写法
4、创建请求控制器
@Controller
public class HelloController {
} 5、创建springMVC的配置文件
<!--扫描组件--><context:component-scan base-package="com.atguigu.mvc.controller"/><!-- 配置Thymeleaf视图解析器 --><bean id="viewResolver" class="org.thymeleaf.spring5.view.ThymeleafViewResolver"><property name="order" value="1"/><property name="characterEncoding" value="UTF-8"/><property name="templateEngine"><bean class="org.thymeleaf.spring5.SpringTemplateEngine"><property name="templateResolver"><bean class="org.thymeleaf.spring5.templateresolver.SpringResourceTemplateResolver"><!-- 视图前缀 --><property name="prefix" value="/WEB-INF/templates/"/><!-- 视图后缀 --><property name="suffix" value=".html"/><property name="templateMode" value="HTML5"/><property name="characterEncoding" value="UTF-8"/></bean></property></bean></property></bean><!--处理静态资源,例如html、js、css、jpg若只设置该标签,则只能访问静态资源,其他请求则无法访问此时必须设置<mvc:annotation-driven/>解决问题--><mvc:default-servlet-handler/><!-- 开启mvc注解驱动 --><mvc:annotation-driven><mvc:message-converters><!-- 处理响应中文内容乱码 --><beanclass="org.springframework.http.converter.StringHttpMessageConverter"><property name="defaultCharset" value="UTF-8" /><property name="supportedMediaTypes"><list><value>text/html</value><value>application/json</value></list></property></bean></mvc:message-converters></mvc:annotation-driven>
</beans> 6、测试HelloWorld
@Controller
public class HelloController {// "/"--> /WEB-INF/templates/index.html// @RequestMapping注解:处理请求和控制器方法之间的映射关系// @RequestMapping注解的value属性可以通过请求地址匹配请求,/表示的当前工程的上下文路径// localhost:8080/springMVC/@RequestMapping("/")public String index(){//返回视图名称return "index";}
} <!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head><meta charset="UTF-8"><title>首页</title>
</head>
<body>
<h1>欢迎进入首页</h1>
<a th:href="@{/target}">访问目标页面target.html</a>
</body>
</html> @Controller
public class HelloController {// "/"--> /WEB-INF/templates/index.html// @RequestMapping注解:处理请求和控制器方法之间的映射关系// @RequestMapping注解的value属性可以通过请求地址匹配请求,/表示的当前工程的上下文路径// localhost:8080/springMVC/@RequestMapping("/")public String index(){//返回视图名称return "index";}@RequestMapping("/target")public String toTarget(){return "target";}
} 7、总结
三、@RequestMapping注解
1、@RequestMapping注解的功能
2、@RequestMapping注解的位置
@Controller
@RequestMapping("/hello")
public class RequestMappingController {@RequestMapping("/testRequestMapping")public String success(){return "success";}
}
index.html:
<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head><meta charset="UTF-8"><title>首页</title>
</head>
<body>
<h1>欢迎你好啊!</h1>
<a th:href="@{/hello/testRequestMapping}">测试RequestMapping注解的位置</a><br>
</body>
</html>
3、@RequestMapping注解的value属性
<a th:href="@{/testRequestMapping}">测试RequestMapping注解的value位置-->testRequestMapping</a><br>
<a th:href="@{/test}">测试RequestMapping注解的value位置-->test</a><br>
@Controller
//@RequestMapping("/hello")
public class RequestMappingController {@RequestMapping(value = {"/testRequestMapping","/test"})public String success(){return "success";}
}
4、@RequestMapping注解的method属性
<a th:href="@{/test}">测试RequestMapping注解的method属性-->GET</a><br><form th:action="@{/test}" method="post"><input type="submit" value="测试RequestMapping注解的method属性--》POST"/>
</form> 当不指定method方法时,get和post请求都可以
@Controller
//@RequestMapping("/hello")
public class RequestMappingController {@RequestMapping(value = {"/testRequestMapping","/test"},)public String success(){return "success";}
}
当指定时,只能使用指定的请求方式
@Controller
//@RequestMapping("/hello")
public class RequestMappingController {@RequestMapping(value = {"/testRequestMapping","/test"},method = {RequestMethod.GET,RequestMethod.POST})public String success(){return "success";}
} 注:1 、对于处理指定请求方式的控制器方法, SpringMVC 中提供了 @RequestMapping 的派生注解处理 get 请求的映射 -->@GetMapping处理 post 请求的映射 -->@PostMapping处理 put 请求的映射 -->@PutMapping处理 delete 请求的映射 -->@DeleteMapping2 、常用的请求方式有 get , post , put , delete但是目前浏览器只支持 get 和 post ,若在 form 表单提交时,为 method 设置了其他请求方式的字符串(put 或 delete ),则按照默认的请求方式 get 处理若要发送 put 和 delete 请求,则需要通过 spring 提供的过滤器 HiddenHttpMethodFilter ,在RESTful 部分会讲到
1.
@GetMapping("/testGEtMapping")public String testGEtMapping(){return "success";}
<a th:href="@{/testGEtMapping}">测试GetMapping注解-->/testGetMapping</a><br>
2 .
@RequestMapping(value = "/testPut",method =RequestMethod.PUT)public String testPut(){return "success";}
<form th:action="@{/testPut}" method="put"><input type="submit" value="测试form表单是否能够发送Put或delete请求方式"/>
</form>
5、@RequestMapping注解的params属性
<a th:href="@{/testParamsAndHeaders(username='admin',password=123456)}">测试RequestMapping注解的params属性</a>
@RequestMapping(value = "/testParamsAndHeaders",params = {"username","password=123456"})public String testParamsAndHeaders(){return "success";}
注:若当前请求满足 @RequestMapping 注解的 value 和 method 属性,但是不满足 params 属性,此时 页面回报错400 : Parameter conditions "username, password!=123456" not met for actual request parameters: username={admin}, password={123456}
6、@RequestMapping注解的headers属性
@RequestMapping(value = "/testParamsAndHeaders",params = {"username","password=123456"},headers = {"Host=localhost:8080"})public String testParamsAndHeaders(){return "success";} <a th:href="@{/testParamsAndHeaders(username='admin',password=123456)}">测试RequestMapping注解的params属性</a>
7、SpringMVC支持ant风格的路径
模糊匹配
// ?:表示任意的单个字符// *:表示任意的0个或多个字符// **:表示任意的一层或多层目录// 注意:在使用**时,只能使用/**/xxx的方式@RequestMapping("/a?a/testAnt")
// @RequestMapping("/a*a/testAnt")
// @RequestMapping("/**/testAnt")public String testAnt(){return "success";} <a th:href="@{/a.a/testAnt}">测试@RequestMapping可以匹配ant风格的路径-->?</a><br>
8、SpringMVC支持路径中的占位符(重点)
<a th:href="@{/testPath/111/123456}">测试@RequestMapping支持路径中的占位符-->/testPath</a><br>
@RequestMapping("/testPath/{id}/{password}")public String testPath(@PathVariable("id") Integer id,@PathVariable("password") String password){System.out.println("id="+id+","+"password="+password);return "success";}
输出:id=111,password=123456
四、SpringMVC获取请求参数
1、通过ServletAPI获取
<a th:href="@{/testServletAPI(username='admin',password=123456)}">测试使用servletAPI获取请求参数</a>
@RequestMapping("/testServletAPI")//形参位置的request表示当前请求public String testServletAPI(HttpServletRequest request){String username = request.getParameter("username");String password = request.getParameter("password");System.out.println("username:"+username+",password:"+password);return "success";}
输出结果:username:admin,password:123456
2、通过控制器方法的形参获取请求参数
<a th:href="@{/testParam(username='admin',password=123456)}">测试使用控制器的形参获取请求参数</a><br>
@RequestMapping("/testParam")public String testParamm(String username,String password){System.out.println("username:"+username+",password:"+password);return "success";}
输出结果:username:admin,password:123456
<form th:action="@{/testParam}" method="get">用户名:<input type="text" name="username"><br>密码:<input type="password" name="password"><br>爱好:<input type="checkbox" name="hobby" value="a">a<input type="checkbox" name="hobby" value="b">b<input type="checkbox" name="hobby" value="c">c<input type="checkbox" name="hobby" value="d">d<br><input type="submit" value="测试使用控制器的形参获取请求参数">
</form>
@RequestMapping("/testParam")public String testParamm(String username,String password,String[] hobby){//若请求所传输的请求参数中有多个同名的请求参数,此时可以在控制器方法的形参中设置字符串数组或者字符串类型的形参接收此请求参数//若使用字符串数组类型的形参,此参数的数组中包含了每一个数据//若使用字符串类型的形参,此参数的值为每个数据中间使用逗号拼接的结果System.out.println("username:"+username+",password:"+password+",hobby:"+ Arrays.toString(hobby));return "success";}
注:若请求所传输的请求参数中有多个同名的请求参数,此时可以在控制器方法的形参中设置字符串数组或者字符串类型的形参接收此请求参数若使用字符串数组类型的形参,此参数的数组中包含了每一个数据若使用字符串类型的形参,此参数的值为每个数据中间使用逗号拼接的结果
3、@RequestParam
<form th:action="@{/testParam}" method="get">用户名:<input type="text" name="user_name"><br>密码:<input type="password" name="pass_word"><br>爱好:<input type="checkbox" name="hobby" value="a">a<input type="checkbox" name="hobby" value="b">b<input type="checkbox" name="hobby" value="c">c<input type="checkbox" name="hobby" value="d">d<br><input type="submit" value="测试使用控制器的形参获取请求参数">
</form> @RequestMapping("/testParam")public String testParamm(@RequestParam("user_name") String username, @RequestParam("pass_word") String password, String[] hobby){//若请求所传输的请求参数中有多个同名的请求参数,此时可以在控制器方法的形参中设置字符串数组或者字符串类型的形参接收此请求参数//若使用字符串数组类型的形参,此参数的数组中包含了每一个数据//若使用字符串类型的形参,此参数的值为每个数据中间使用逗号拼接的结果System.out.println("username:"+username+",password:"+password+",hobby:"+ Arrays.toString(hobby));return "success";}
@RequestMapping("/testParam")public String testParamm(@RequestParam(value = "user_name",required = false,defaultValue = "helloWorld") String username, @RequestParam("pass_word") String password, String[] hobby){//若请求所传输的请求参数中有多个同名的请求参数,此时可以在控制器方法的形参中设置字符串数组或者字符串类型的形参接收此请求参数//若使用字符串数组类型的形参,此参数的数组中包含了每一个数据//若使用字符串类型的形参,此参数的值为每个数据中间使用逗号拼接的结果System.out.println("username:"+username+",password:"+password+",hobby:"+ Arrays.toString(hobby));return "success";}
4、@RequestHeader
@RequestMapping("/testParam")public String testParamm(@RequestParam(value = "user_name",required = false,defaultValue = "helloWorld") String username,@RequestParam("pass_word") String password,String[] hobby,@RequestHeader(value = "Host",required = true,defaultValue = "zxc")String host){//若请求所传输的请求参数中有多个同名的请求参数,此时可以在控制器方法的形参中设置字符串数组或者字符串类型的形参接收此请求参数//若使用字符串数组类型的形参,此参数的数组中包含了每一个数据//若使用字符串类型的形参,此参数的值为每个数据中间使用逗号拼接的结果System.out.println("username:"+username+",password:"+password+",hobby:"+ Arrays.toString(hobby));System.out.println("host:"+host);return "success";} 5、@CookieValue
@RequestMapping("/testParam")public String testParamm(@RequestParam(value = "user_name",required = false,defaultValue = "helloWorld") String username,@RequestParam("pass_word") String password,String[] hobby,@RequestHeader(value = "Host",required = true,defaultValue = "zxc")String host,@CookieValue("JSESSIONID")String JSESSIONID){//若请求所传输的请求参数中有多个同名的请求参数,此时可以在控制器方法的形参中设置字符串数组或者字符串类型的形参接收此请求参数//若使用字符串数组类型的形参,此参数的数组中包含了每一个数据//若使用字符串类型的形参,此参数的值为每个数据中间使用逗号拼接的结果System.out.println("username:"+username+",password:"+password+",hobby:"+ Arrays.toString(hobby));System.out.println("host:"+host);System.out.println("JSESSIONID:"+JSESSIONID);return "success";} 6、通过POJO获取请求参数
<form th:action="@{/testpojo}" method="post">用户名:<input type="text" name="username"><br>密码:<input type="password" name="password"><br>性别:<input type="radio" name="sex" value="男">男<input type="radio" name="sex" value="女">女<br>年龄:<input type="text" name="age"><br>邮箱:<input type="text" name="email"><br><input type="submit" value="使用实体类接收请求参数">
</form>
User:
public class User {private Integer id;private String username;private String password;private Integer age;private String sex;private String email;public User(){}public User(Integer id, String username, String password, Integer age, String sex, String email) {this.id = id;this.username = username;this.password = password;this.age = age;this.sex = sex;this.email = email;}//get,set,toString方法
}
@RequestMapping("/testpojo")public String testPojo(User user){System.out.println(user);return "success";}
输出结果:
User{id=null, username='?????????', password='123321', age=24, sex='??·', email='1234'}
但是会出现乱码现象
7、解决获取请求参数的乱码问题
<!--配置springMVC的编码过滤器--><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>forceResponseEncoding</param-name><param-value>true</param-value></init-param></filter><filter-mapping><filter-name>CharacterEncodingFilter</filter-name><url-pattern>/*</url-pattern></filter-mapping> 注:SpringMVC 中处理编码的过滤器一定要配置到其他过滤器之前,否则无效
相关文章:
尚硅谷SpringMVC (1-4)
一、SpringMVC简介 1、什么是MVC MVC 是一种软件架构的思想,将软件按照模型、视图、控制器来划分 M : Model ,模型层,指工程中的 JavaBean ,作用是处理数据 JavaBean 分为两类: 一类称为实体类Bean&am…...
独家首发!openEuler 主线集成 LuaJIT RISC-V JIT 技术
RISC-V SIG 预期随主线发布的 openEuler 23.09 创新版本会集成 LuaJIT RISC-V 支持。本次发版将提供带有完整 LuaJIT 支持的 RISC-V 环境并带有相关软件如 openResty 等软件的支持。 随着 RISC-V SIG 主线推动工作的进展,LuaJIT 和相关软件在 RISC-V 架构下的支持也…...
在Mac 上安装flutter 遇到的问题
准备工作 1、升级Macos系统为最新系统 2、安装最新的Xcode 3、电脑上面需要安装brew https://brew.sh/ 4、安装chrome浏览器(开发web用) 下载Flutter、配置Flutter环境变量、配置Flutter镜像 下载Flutter SDK https://docs.flutter.dev/release/archive?tabmacos 根据自己…...
一个月能做什么?成长感悟分享
一个月做了什么? 八月做了些什么? 单词打卡 第一件事情就是单词打卡 英语很差的我,一样继续打卡,今天是第736天 当你还在纠结扇贝和不背、可可英语哪一个好的时候,别人已经同时使用了 当你还在咨询学编程、敲代码需…...
网络编程
1. 网络编程入门 1.1 网络编程概述 计算机网络 是指将地理位置不同的具有独立功能的多台计算机及其外部设备,通过通信线路连接起来,在网络操作系统,网络管理软件及网络通信协议的管理和协调下,实现资源共享和信息传递的计算机系统…...
ip route get ip地址 应用案例
应用场景 在做虚拟化实验用的虚拟机和实际的ECS云主机一般都会有多个网卡,网络的联通性是经常碰到的问题。比如在一个VM上有3个网卡,分别为ens160(和寄主机进行桥接的网卡10.0.0.128)、ens224(连接仅主机网络10.0.0.0/24的网卡10.0.0.128&…...
Windows下Redis的安装和配置
文章目录 一,Redis介绍二,Redis下载三,Redis安装-解压四,Redis配置五,Redis启动和关闭(通过terminal操作)六,Redis连接七,Redis使用 一,Redis介绍 远程字典服务,一个开源的,键值对形式的在线服务框架,值支持多数据结构,本文介绍windows下Redis的安装,配置相关,官网默认下载的是…...
【sgTransfer】自定义组件:带有翻页、页码、分页器的穿梭框组件,支持大批量数据的穿梭显示。
特性: 表格宽度可以自定义翻页器显示控件可以自定义列配置项可以设置显示字段列名称、宽度、字段名可以配置搜索框提示文本,支持搜索过滤穿梭框顶部标题可以自定义左右箭头按钮文本可以设置 sgTransfer源码 <template><div :class"$opti…...
分布式爬虫与SOCKS5代理池的组合优势
在数据驱动的时代,网络爬虫成为了获取大量信息的重要工具。然而,随着网站反爬策略的升级,传统的单机爬虫面临着速度慢、易被封禁等问题。为了应对这些挑战,我们可以尝试将分布式爬虫与SOCKS5代理池相结合,提高爬虫的性…...
京东获得JD商品详情 API 接口文档(含请求代码)
item_get-获得JD商品详情 API测试工具 注册开通 公共参数 名称类型必须描述keyString是调用key(必须以GET方式拼接在URL中)secretString是调用密钥api_nameString是API接口名称(包括在请求地址中)[item_search,item_get,item_sea…...
linux开启端口
目录 1.查看防火墙状态 1.1 开启防火墙 1.2 再次查看防火墙状态 2.开启指定端口 3. 重启防火墙 4.重新加载防火墙 5.查看已经开启的端口 1.查看防火墙状态 firewall-cmd --state 如果返回的是 not running,那么需要先开启防火墙, 1.1 开启防火…...
聚合多个电商API接口平台
API接口测试(点击免费测试) 随着数字化商业时代的到来,API接口已成为电商资源连接利器,也是全球传统互联网企业转型的基础。 2021年 Google Cloud 研究显示,全球互联网企业近3/4的企业持续投入数字化转型,…...
4.2 实现基于栈的表达式求值计算器(难度4/10)
本作业主要考察:解释器模式的实现思想/栈结构在表达式求值方面的绝对优势 C数据结构与算法夯实基础作业列表 通过栈的应用,理解特定领域设计的关键作用,给大家眼前一亮的感觉。深刻理解计算机语言和人类语言完美结合的杰作。是作业中的上等…...
持续性能优化:确保应用保持高性能
在当今数字化时代,应用程序的性能已经成为用户体验和业务成功的关键因素之一。无论是Web应用、移动应用还是企业级软件,用户对于速度和响应性的要求越来越高。因此,持续性能优化已经成为保证应用在竞争激烈的市场中脱颖而出的重要策略。 什么…...
Jupyter installation Tutorial
文章目录 1. 面向的系统2. 什么是Jupyter?3. 安装Python环境4. 安装Jupyter notebook5. Jupyter的启动和配置6. Jupyter的使用技巧7. conclusion参考文献 1. 面向的系统 Windows安装 2. 什么是Jupyter? Jupyter Notebook是一个开源的Web应用程序&…...
css-定位position 理论
1.1网页常见布局方式 1.标准流 1.块级元素独占一行直布局 2.行内元素/行内块元素一行显示多个 ------>水平布局 2.浮动 1. 可以让原本垂直布局的 块级元素变成水平布局 3.定位 1. 可以让元素自由的摆放在网页的任意位置 2. 一般用于 盒子之间的层叠情况 1.2使用定位的步骤…...
软件测试规范
1、概述 本规范是对项目软件测试的一份指导性文件,对软件测试过程中所涉及到的测试理论、测试类型、测试方法、测试标准、测试流程以及软件产品开发单位所承担的职责进行总体规范,以有效保证软件产品的质量。 2、测试目的 测试的目的就是在软件交付前…...
Volatile 关键字提供的可见性
/*** 类说明:演示Volatile的提供的可见性*/ public class VolatileCase {// 说明:当ready没有volatile修饰时,执行结果是PrintThread线程一直处于被挂起状态,子线程感知不到主线程中的变量// 当ready被volatile修饰时,…...
Vue学习(三)
一、列表渲染 v-for指令 用于展示列表数据 语法<li v-for"(item, index) in items" :key"index"></li>key可以是index,最好是遍历对象的唯一标识 可遍历:数组、对象 <!DOCTYPE html> <html lang"en">&l…...
贝锐蒲公英异地组网路由器如何设置虚拟串口功能?
蒲公英虚拟串口功能,可实现智能组网内的其它成员异地调试此串口,无需到现场进行调试,为企业降低运营成本、便捷掌控设备数据。 1. 蒲公英硬件设置串口 进入蒲公英云管理平台,点击【工业应用】->【串口设置】,开启…...
GLM-4.1V-9B-Base保姆级教学:Web界面截图+问题输入框最佳实践
GLM-4.1V-9B-Base保姆级教学:Web界面截图问题输入框最佳实践 1. 认识GLM-4.1V-9B-Base GLM-4.1V-9B-Base是智谱开源的视觉多模态理解模型,专门用于处理图像内容识别、场景描述、目标问答和中文视觉理解任务。这个模型已经完成了Web化封装,可…...
GLM-4.1V-9B-Base成本优化指南:GPU显存管理与推理性能调优
GLM-4.1V-9B-Base成本优化指南:GPU显存管理与推理性能调优 1. 为什么需要关注大模型推理成本 大模型在带来强大能力的同时,也伴随着高昂的GPU算力成本。GLM-4.1V-9B-Base作为一款9B参数量的视觉语言大模型,在实际部署中常常面临显存不足、推…...
Pixel Aurora Engine惊艳图集:基于‘进化像素’哲学的跨时代视觉融合
Pixel Aurora Engine惊艳图集:基于进化像素哲学的跨时代视觉融合 1. 像素极光引擎概览 Pixel Aurora Engine是一款革命性的AI绘图工作站,它将现代扩散模型技术与复古像素艺术完美融合。这款工具重新定义了数字艺术创作方式,让用户能够通过简…...
5分钟部署阿里RexUniNLU:Web界面操作,无需编程基础
5分钟部署阿里RexUniNLU:Web界面操作,无需编程基础 1. 认识RexUniNLU:零样本理解的神器 想象一下,你刚接手一个新项目,老板丢给你一堆用户评论,要求你快速分析出大家对产品"屏幕"、"续航&…...
PySide6新手必看:从零开始用Python玩转Qt界面开发(附官方教程对比)
PySide6新手必看:从零开始用Python玩转Qt界面开发 在Python生态中,GUI开发一直是个让人又爱又恨的话题。当Tkinter显得过于简陋,而PyQt又面临商业授权困扰时,PySide6作为Qt官方推出的Python绑定,正成为越来越多开发者的…...
Qwen3.5-9B-AWQ-4bit参数调优实战:温度=0.7时中文回答质量与响应速度平衡点
Qwen3.5-9B-AWQ-4bit参数调优实战:温度0.7时中文回答质量与响应速度平衡点 1. 模型概述与参数调优背景 Qwen3.5-9B-AWQ-4bit是一个支持图像理解的多模态模型,能够结合上传图片与文字提示词输出中文分析结果。在实际应用中,我们发现温度参数…...
webMAN-MOD终极指南:如何在PS3上安装这款强大的全能插件
webMAN-MOD终极指南:如何在PS3上安装这款强大的全能插件 【免费下载链接】webMAN-MOD Extended services for PS3 console (web server, ftp server, netiso, ntfs, ps3mapi, etc.) 项目地址: https://gitcode.com/gh_mirrors/we/webMAN-MOD 你是否还在为PS3…...
Unity渲染流水线中的NDC空间:从齐次裁剪到屏幕坐标的完整转换指南
Unity渲染流水线中的NDC空间:从齐次裁剪到屏幕坐标的完整转换指南 在Unity引擎的渲染流水线中,理解NDC(归一化设备坐标)空间的作用至关重要。这个看似抽象的概念,实际上决定了3D场景如何最终呈现在2D屏幕上。对于想要深…...
【STM32F103标准库开发】DMA+USART双剑合璧:实战环形缓冲区与空闲中断解析
1. 为什么需要DMAUSART组合方案 第一次用STM32做GPS数据采集时,我被串口中断折磨得够呛。当时用的是传统中断接收模式,每收到一个字节就触发一次中断,在115200波特率下,CPU几乎被串口中断占满,其他任务根本跑不动。后来…...
Jenkins vs GitLab CI/CD:2026 企业级 CI/CD 工具深度选型评测
Jenkins vs GitLab CI/CD:2026 企业级 CI/CD 工具深度选型评测 作为在 CI/CD 领域摸爬滚打十余年的全栈老兵,我见证了从手工部署到云原生 DevOps 的完整演进。今天,我们将抛开宗教战争式的争论,用真实数据和生产环境案例ÿ…...
