Thymeleaf表单绑定技巧与实战解析

　　发布于2025-12-30　阅读（0）

扫一扫，手机访问

Spring Boot中Thymeleaf表单数据绑定深度解析

本文深入探讨了Spring Boot应用中Thymeleaf表单数据绑定不正确的问题，特别是`th:field`与`@RequestParam`混用导致的输入值获取失败。通过详细的示例代码和解释，文章阐述了如何正确使用Thymeleaf的`th:object`和`th:field`指令与Spring MVC的模型属性进行数据绑定，确保用户输入能够无缝地映射到后端Java对象，并提供了最佳实践建议。

在Spring Boot Web应用中，使用Thymeleaf模板引擎处理表单是常见的需求。然而，如果不理解Thymeleaf的th:object和th:field指令与Spring MVC数据绑定机制之间的协同工作方式，很容易导致表单输入数据无法正确传递到后端控制器。本文将详细解析这一过程，并提供正确的实现方案。

理解Thymeleaf表单绑定核心：th:object与th:field

Thymeleaf提供了一套强大的表单绑定机制，其核心在于th:object和th:field两个指令。

th:object="${yourFormObject}": 这个指令通常应用于<form>标签，它声明了当前表单将绑定到一个特定的Java对象。这个对象必须是Spring MVC模型（Model）中的一个属性。例如，th:object="${loginForm}"表示表单将绑定到模型中名为loginForm的对象。
*`th:field="{propertyName}"**: 这个指令应用于表单输入元素（如,,<select>），它指示该输入元素的值应绑定到th:object所声明对象的propertyName属性上。Thymeleaf会自动根据propertyName生成合适的id和name属性，并处理value属性的填充。例如，th:field="*{email}"会将输入框的值绑定到loginForm对象的email`属性。</li></ul><h3>常见错误：th:field与@RequestParam的混用</h3><p>初学者常犯的一个错误是，在使用了th:object和th:field进行表单绑定的同时，又尝试在控制器中使用@RequestParam来获取th:field所绑定的字段值。</p><p>考虑以下不正确的HTML和控制器代码示例：</p><p><strong>不正确的Thymeleaf表单片段：</strong></p><pre class="brush:php;toolbar:false"><form th:action="@{/login}" method="get" th:object="${loginForm}"> <div class="form-group row"> <label class="col-4 col-form-label">E-mail: </label> <div class="col-8">  <input type="text" th:field="*{email}" name="q" class="form-control" required /> </div> </div>  <div> <button type="submit" class="btn btn-primary">Log in</button> </div> </form></pre><p><strong>不正确的Spring Controller片段：</strong></p><pre class="brush:php;toolbar:false">@GetMapping("login") public ModelAndView login(Model model, @RequestParam(name = "q", required = false) Optional<String> email) { System.out.println(email); // 总是输出 Optional.empty // ... 业务逻辑 ... }</pre><p><strong>问题分析：</strong> 当th:field="*{email}"存在时，Thymeleaf会根据loginForm对象的email属性自动生成name="email"。如果在<input>标签中又显式地添加了name="q"，浏览器在提交表单时，可能会发送多个同名参数（如果浏览器处理方式允许），或者name="q"会覆盖th:field生成的name="email"。更重要的是，控制器中的@RequestParam(name = "q")期望接收一个名为q的请求参数。然而，th:field="*{email}"的目的是将数据绑定到loginForm对象的email属性，而不是生成一个名为q的参数。因此，@RequestParam("q")将无法获取到email字段的值，导致Optional.empty。</p><h3>正确的表单数据绑定方式</h3><p>要正确地将表单数据绑定到后端Java对象，我们需要遵循Spring MVC的模型属性（Model Attribute）机制。</p><ol><li><strong>定义一个命令对象（Command Object）</strong>：这是一个简单的Java POJO（Plain Old Java Object），其属性与表单字段一一对应。</li><li><strong>在Thymeleaf表单中使用th:object和th:field</strong>：将表单绑定到这个命令对象。</li><li><strong>在Spring Controller方法签名中使用命令对象</strong>：Spring MVC会自动将请求参数绑定到这个命令对象的属性上。</li></ol><p><strong>1. 定义LoginForm命令对象：</strong></p><pre class="brush:php;toolbar:false">import lombok.Data; import lombok.AllArgsConstructor; import lombok.NoArgsConstructor; @Data // Lombok注解，自动生成getter/setter/toString/equals/hashCode @AllArgsConstructor // Lombok注解，自动生成全参构造函数 @NoArgsConstructor // Lombok注解，自动生成无参构造函数 public class LoginForm { private String email; private String password; }</pre><p><strong>2. 修正Thymeleaf表单：</strong></p><p>移除<input>标签中与th:field冲突的name属性。th:field会负责生成正确的name属性。</p><pre class="brush:php;toolbar:false"><form th:action="@{/login}" method="get" th:object="${loginForm}" style="max-width: 600px; margin: 0 auto;"> <div class="m-3"> <div class="form-group row"> <label class="col-4 col-form-label">E-mail: </label> <div class="col-8">  <input type="text" th:field="*{email}" class="form-control" required /> </div> </div> <div class="form-group row"> <label class="col-4 col-form-label">Password: </label> <div class="col-8">  <input type="password" th:field="*{password}" class="form-control" required/> </div> </div> <div> <button type="submit" class="btn btn-primary">Log in</button> </div> </div> </form></pre><p><strong>3. 修正Spring Controller：</strong></p><p>将@RequestParam替换为直接在方法签名中声明LoginForm对象。Spring MVC会自动将其作为模型属性处理，并尝试从请求参数中填充其属性。</p><pre class="brush:php;toolbar:false">import org.springframework.stereotype.Controller; import org.springframework.ui.Model; import org.springframework.web.bind.annotation.GetMapping; import org.springframework.web.servlet.ModelAndView; import java.util.Optional; @Controller public class LoginController { // 假设有一个userService来处理用户查询 // private final UserService userService; // 首次加载登录页面时，需要将一个空的LoginForm对象放入模型 @GetMapping("/login") public String showLoginForm(Model model) { // 确保在渲染表单前，模型中有一个名为"loginForm"的LoginForm实例 // 这样th:object="${loginForm}"才能找到它 model.addAttribute("loginForm", new LoginForm()); return "/login/login-form"; // 返回登录表单的视图名称 } // 处理表单提交 @GetMapping("/doLogin") // 建议将处理提交的URL与显示表单的URL区分开，或使用POST public ModelAndView processLogin(Model model, LoginForm loginForm) { // 此时，loginForm对象将自动填充来自表单的email和password System.out.println("Received email: " + loginForm.getEmail()); System.out.println("Received password: " + loginForm.getPassword()); Optional<UserDto> aUser; if (loginForm.getEmail() != null && !loginForm.getEmail().isEmpty()) { // 假设userService.getAUserByEmail(String email)存在 // aUser = userService.getAUserByEmail(loginForm.getEmail()); // model.addAttribute("user", aUser); // var mv = new ModelAndView("user/user-list", model.asMap()); // return mv; return new ModelAndView("redirect:/success-page"); // 示例重定向 } else { // 如果email为空，可能需要返回错误信息 model.addAttribute("loginForm", loginForm); // 将当前表单数据返回以便重新填充 model.addAttribute("errorMessage", "Email cannot be empty."); return new ModelAndView("/login/login-form", model.asMap()); } } }</pre><p><strong>注意事项：</strong></p><ul><li><strong>初始化LoginForm对象</strong>：在首次加载登录页面（例如，通过GET请求访问/login）时，必须将一个LoginForm的实例放入模型中。这是因为th:object="${loginForm}"需要一个实际的对象来绑定。<pre class="brush:php;toolbar:false">@GetMapping("/login") public String showLoginForm(Model model) { model.addAttribute("loginForm", new LoginForm()); return "/login/login-form"; }</pre></li><li><strong>HTTP 方法</strong>：虽然示例中使用了method="get"，但对于包含敏感信息（如密码）的表单提交，强烈建议使用method="post"。GET请求会将所有表单数据作为URL查询参数暴露，不安全且有长度限制。<ul><li>如果使用POST方法，控制器方法应使用@PostMapping注解：<pre class="brush:php;toolbar:false">@PostMapping("/doLogin") public ModelAndView processLogin(Model model, LoginForm loginForm) { // ... 业务逻辑 ... }</pre></li></ul></li><li><strong>请求路径</strong>：为了清晰起见，通常会为显示表单和处理表单提交使用不同的URL或HTTP方法。例如，GET /login显示表单，POST /login处理提交。</li></ul><h3>总结</h3><p>正确地在Spring Boot和Thymeleaf中处理表单数据绑定，关键在于理解th:object和th:field指令与Spring MVC模型属性的协同机制。通过定义一个命令对象（如LoginForm），并在控制器方法签名中将其作为参数，Spring MVC能够自动将HTTP请求参数映射到该对象的属性上，从而实现简洁高效的数据绑定。避免混用th:field与@RequestParam是解决表单数据获取问题的关键一步。遵循这些最佳实践，可以确保您的Web应用表单功能健壮且易于维护。</p> </div> <div class="laiyuan"> 本文转载于：互联网如有侵犯，请联系zhengruancom@outlook.com删除。<br/>免责声明：正软商城发布此文仅为传递信息，不代表正软商城认同其观点或证实其描述。 </div> <div class="zrSypBox"> <p>上一篇：<a href="https://www.zhengruan.com/news/548758" title="小红书网页登录入口及官网登录方法" class="aRed">小红书网页登录入口及官网登录方法</a></p> <p class="right">下一篇：<a href="https://www.zhengruan.com/news/548762" title="Win11电池健康查看技巧及报告分析" class="aRed">Win11电池健康查看技巧及报告分析</a></p> <div class="clear"></div> </div> <div class="zrDtxwBox"> <div class="zrByddTitle"> <span><h2>产品推荐</h2></span> </div> <ul class="zrTxdmList3"> <li class="one"> <div class="zrTxdmCont5"> <div class="zrTxdmImg4 dianji"> <a href="https://www.zhengruan.com/product/69" class="img"><img onerror="this.src='https://www.zhengruan.com/statics/www/zrimages/404_bg.png'" src="https://www.zhengruan.com/uploads/20200428/cd14258f0172a172f8a80798c38c1577.jpg" alt="DAEMON Tools Lite 10"></a> <span class="xianshi"> <p>售后无忧</p> <em><a href="https://www.zhengruan.com/product/69" title="立即购买>">立即购买></a></em> </span> </div> <div class="zrTxdmIn4"> <dl> <dt><a href="https://www.zhengruan.com/product/69" title="DAEMON Tools Lite 10【序列号终身授权 + 中文版 + Win】" class="aBlack">DAEMON Tools Lite 10【序列号终身授权 + 中文版 + Win】</a></dt> <dd> <span>￥150.00</span> <p>office旗舰店</p> </dd> </dl> </div> </div> </li> <li > <div class="zrTxdmCont5"> <div class="zrTxdmImg4 dianji"> <a href="https://www.zhengruan.com/product/67" class="img"><img onerror="this.src='https://www.zhengruan.com/statics/www/zrimages/404_bg.png'" src="https://www.zhengruan.com/uploads/20200428/fbf473d4d30833324962e441c0f18265.jpg" alt="DAEMON Tools Ultra 5"></a> <span class="xianshi"> <p>售后无忧</p> <em><a href="https://www.zhengruan.com/product/67" title="立即购买>">立即购买></a></em> </span> </div> <div class="zrTxdmIn4"> <dl> <dt><a href="https://www.zhengruan.com/product/67" title="DAEMON Tools Ultra 5【序列号终身授权 + 中文版 + Win】" class="aBlack">DAEMON Tools Ultra 5【序列号终身授权 + 中文版 + Win】</a></dt> <dd> <span>￥198.00</span> <p>office旗舰店</p> </dd> </dl> </div> </div> </li> <li > <div class="zrTxdmCont5"> <div class="zrTxdmImg4 dianji"> <a href="https://www.zhengruan.com/product/68" class="img"><img onerror="this.src='https://www.zhengruan.com/statics/www/zrimages/404_bg.png'" src="https://www.zhengruan.com/uploads/20200428/1ae250399abf4ff584d86d52c79b5bb6.jpg" alt="DAEMON Tools Pro 8"></a> <span class="xianshi"> <p>售后无忧</p> <em><a href="https://www.zhengruan.com/product/68" title="立即购买>">立即购买></a></em> </span> </div> <div class="zrTxdmIn4"> <dl> <dt><a href="https://www.zhengruan.com/product/68" title="DAEMON Tools Pro 8【序列号终身授权 + 中文版 + Win】" class="aBlack">DAEMON Tools Pro 8【序列号终身授权 + 中文版 + Win】</a></dt> <dd> <span>￥189.00</span> <p>office旗舰店</p> </dd> </dl> </div> </div> </li> <li > <div class="zrTxdmCont5"> <div class="zrTxdmImg4 dianji"> <a href="https://www.zhengruan.com/product/29" class="img"><img onerror="this.src='https://www.zhengruan.com/statics/www/zrimages/404_bg.png'" src="https://www.zhengruan.com/uploads/20200428/77d3c04866e1b842d9b6ff0e9368bdf8.jpg" alt="CorelDRAW X8 简体中文"></a> <span class="xianshi"> <p>售后无忧</p> <em><a href="https://www.zhengruan.com/product/29" title="立即购买>">立即购买></a></em> </span> </div> <div class="zrTxdmIn4"> <dl> <dt><a href="https://www.zhengruan.com/product/29" title="CorelDRAW X8 简体中文【标准版 + Win】" class="aBlack">CorelDRAW X8 简体中文【标准版 + Win】</a></dt> <dd> <span>￥1788.00</span> <p>office旗舰店</p> </dd> </dl> </div> </div> </li> <div class="clear"></div> </ul> </div> </div> <ul class="zrZbrjList" style="padding-top:10px;"> <li> <a href="https://www.zhengruan.com/news/617769" class="img1" title="如何将子目录模块安装为命名空间包"> <img onerror="this.src='https://www.zhengruan.com/statics/www/zrimages/404_bg.png'" src="https://www.zhengruan.com/uploads/20260409/177571171115606.jpg" alt="如何将子目录模块安装为命名空间包"> <span>正版软件</span> </a> <dl> <dt><a href="https://www.zhengruan.com/news/617769" title="如何将子目录模块安装为命名空间包" class="aBlack">如何将子目录模块安装为命名空间包</a></dt> <dd class="cont1">本文介绍如何通过setuptools和命名空间包（namespacepackages）机制，将项目中嵌套的子目录结构（如types/type1和types/type2/categories）分别安装为可导入的Python包，实现跨目录、层级清晰的模块引用。</dd> <dd class="cont2">  <span class="cont2"><b></b>22分钟前</span> <span class="cont4"><b></b>0</span> </dd> </dl> </li> <li> <a href="https://www.zhengruan.com/news/617755" class="img1" title="Go godoc 文档分页查看方法"> <img onerror="this.src='https://www.zhengruan.com/statics/www/zrimages/404_bg.png'" src="https://www.zhengruan.com/uploads/20260409/177571062748466.jpg" alt="Go godoc 文档分页查看方法"> <span>正版软件</span> </a> <dl> <dt><a href="https://www.zhengruan.com/news/617755" title="Go godoc 文档分页查看方法" class="aBlack">Go godoc 文档分页查看方法</a></dt> <dd class="cont1">本文旨在解决Go语言godoc命令在命令行输出大量文档时无法分页查看的问题。通过利用操作系统自带的管道符和more命令，用户可以轻松实现godoc输出内容的逐页浏览，提高阅读效率。这种方法不仅适用于godoc，也适用于任何产生大量文本输出的命令行工具，是提高命令行使用效率的通用技巧。</dd> <dd class="cont2">  <span class="cont2"><b></b>37分钟前</span> <span class="cont4"><b></b>0</span> </dd> </dl> </li> <li> <a href="https://www.zhengruan.com/news/617745" class="img1" title="Go 实现 AJAX 动态网页爬虫方法解析"> <img onerror="this.src='https://www.zhengruan.com/statics/www/zrimages/404_bg.png'" src="https://www.zhengruan.com/uploads/20260409/177570973525484.jpg" alt="Go 实现 AJAX 动态网页爬虫方法解析"> <span>正版软件</span> </a> <dl> <dt><a href="https://www.zhengruan.com/news/617745" title="Go 实现 AJAX 动态网页爬虫方法解析" class="aBlack">Go 实现 AJAX 动态网页爬虫方法解析</a></dt> <dd class="cont1">Go原生HTTP客户端无法执行JavaScript，因此直接请求会获取到空容器（如<divclass="content"></div>）；要抓取AJAX渲染后的真实内容，需模拟浏览器行为或逆向分析接口，本文详解两种可行方案。</dd> <dd class="cont2">  <span class="cont2"><b></b>52分钟前</span> <span class="cont4"><b></b>0</span> </dd> </dl> </li> <li> <a href="https://www.zhengruan.com/news/617731" class="img1" title="Java 解析 JSON 报错原因有哪些"> <img onerror="this.src='https://www.zhengruan.com/statics/www/zrimages/404_bg.png'" src="https://www.zhengruan.com/uploads/20260409/177570901638870.jpeg" alt="Java 解析 JSON 报错原因有哪些"> <span>正版软件</span> </a> <dl> <dt><a href="https://www.zhengruan.com/news/617731" title="Java 解析 JSON 报错原因有哪些" class="aBlack">Java 解析 JSON 报错原因有哪些</a></dt> <dd class="cont1">Java解析JSON报错主因是类型、编码、结构或依赖未对齐：JSON语法须严格（双引号、无末尾逗号等）；读取需显式指定UTF-8编码；Java类字段名/类型/嵌套须与JSON一致；Jackson需jackson-core、-annotations、-databind三版本统一。</dd> <dd class="cont2">  <span class="cont2"><b></b>1小时前 12:30</span> <span class="cont4"><b></b>0</span> </dd> </dl> </li> <li> <a href="https://www.zhengruan.com/news/617721" class="img1" title="Java多数组处理订单与索引管理教程"> <img onerror="this.src='https://www.zhengruan.com/statics/www/zrimages/404_bg.png'" src="https://www.zhengruan.com/uploads/20260409/177570811687847.jpg" alt="Java多数组处理订单与索引管理教程"> <span>正版软件</span> </a> <dl> <dt><a href="https://www.zhengruan.com/news/617721" title="Java多数组处理订单与索引管理教程" class="aBlack">Java多数组处理订单与索引管理教程</a></dt> <dd class="cont1">本教程详细阐述了如何在Java中有效利用多个数组来处理订单数据。通过一个具体的订单预览场景，我们展示了如何将商品名称、价格与订单详情（包含1-based索引和数量）关联起来，并解决了索引转换的关键问题。文章提供了清晰的代码示例，指导读者实现数据整合、计算总价及格式化输出，同时强调了数组越界检查的重要性，旨在提升Java数组操作的实践能力。</dd> <dd class="cont2">  <span class="cont2"><b></b>1小时前 12:15</span> <span class="cont4"><b></b>0</span> </dd> </dl> </li> </ul> </div>   <div class="zrZuoRight">  <div class="zrByddBox"> <div class="zrByddTitle"><span><h2>最新发布</h2></span></div> <ul class="zrByddList"> <li> <a href="https://www.zhengruan.com/news/1561" class="img"> <img onerror="this.src='https://www.zhengruan.com/statics/www/zrimages/404_bg.png'" src="https://www.zhengruan.com/upload/news/20191220/1576825692n90594/2019-12-20-15-08-12-5dfc735c5581a-1.jpg" alt="微软公布全新开源编程语言Bosque：正则化告别for循环"> <span>1</span> </a> <dl> <dt><a href="https://www.zhengruan.com/news/1561" title="微软公布全新开源编程语言Bosque：正则化告别for循环" class="aBlack">微软公布全新开源编程语言Bosque：正则化告别for循环</a></dt> <dd><b></b>2302天前</dd> </dl> <div class="clear"></div> </li> <li> <a href="https://www.zhengruan.com/news/1562" class="img"> <img onerror="this.src='https://www.zhengruan.com/statics/www/zrimages/404_bg.png'" src="https://www.zhengruan.com/upload/news/20191220/1576825776n3925/2019-12-20-15-09-36-5dfc73b032cee-1.jpg" alt="微软推出最新程序语言Bosque 以Functors取代Loop循环"> <span>2</span> </a> <dl> <dt><a href="https://www.zhengruan.com/news/1562" title="微软推出最新程序语言Bosque 以Functors取代Loop循环" class="aBlack">微软推出最新程序语言Bosque 以Functors取代Loop循环</a></dt> <dd><b></b>2302天前</dd> </dl> <div class="clear"></div> </li> <li> <a href="https://www.zhengruan.com/news/467167" class="img"> <img onerror="this.src='https://www.zhengruan.com/statics/www/zrimages/404_bg.png'" src="https://www.zhengruan.com/uploads/20250908/175730816420885.jpg" alt="C语言中\n是什么意思？换行转义字符详解"> <span>3</span> </a> <dl> <dt><a href="https://www.zhengruan.com/news/467167" title="C语言中\n是什么意思？换行转义字符详解" class="aBlack">C语言中\n是什么意思？换行转义字符详解</a></dt> <dd><b></b>213天前</dd> </dl> <div class="clear"></div> </li> <li> <a href="https://www.zhengruan.com/news/63159" class="img"> <img onerror="this.src='https://www.zhengruan.com/statics/www/zrimages/404_bg.png'" src="" alt="探析Spring Boot框架的优点和特色"> <span>4</span> </a> <dl> <dt><a href="https://www.zhengruan.com/news/63159" title="探析Spring Boot框架的优点和特色" class="aBlack">探析Spring Boot框架的优点和特色</a></dt> <dd><b></b>529天前</dd> </dl> <div class="clear"></div> </li> <li> <a href="https://www.zhengruan.com/news/85739" class="img"> <img onerror="this.src='https://www.zhengruan.com/statics/www/zrimages/404_bg.png'" src="" alt="深入比较PyCharm社区版和专业版的功能"> <span>5</span> </a> <dl> <dt><a href="https://www.zhengruan.com/news/85739" title="深入比较PyCharm社区版和专业版的功能" class="aBlack">深入比较PyCharm社区版和专业版的功能</a></dt> <dd><b></b>467天前</dd> </dl> <div class="clear"></div> </li> <li> <a href="https://www.zhengruan.com/news/89680" class="img"> <img onerror="this.src='https://www.zhengruan.com/statics/www/zrimages/404_bg.png'" src="" alt="专家观点：谷歌是否会继续支持Golang的探讨"> <span>6</span> </a> <dl> <dt><a href="https://www.zhengruan.com/news/89680" title="专家观点：谷歌是否会继续支持Golang的探讨" class="aBlack">专家观点：谷歌是否会继续支持Golang的探讨</a></dt> <dd><b></b>443天前</dd> </dl> <div class="clear"></div> </li> <li> <a href="https://www.zhengruan.com/news/16470" class="img"> <img onerror="this.src='https://www.zhengruan.com/statics/www/zrimages/404_bg.png'" src="https://www.zhengruan.com/uploads/20230427/168257472829656.jpg" alt="Python实战教程：批量转换多种音乐格式"> <span>7</span> </a> <dl> <dt><a href="https://www.zhengruan.com/news/16470" title="Python实战教程：批量转换多种音乐格式" class="aBlack">Python实战教程：批量转换多种音乐格式</a></dt> <dd><b></b>1075天前</dd> </dl> <div class="clear"></div> </li> <li> <a href="https://www.zhengruan.com/news/41129" class="img"> <img onerror="this.src='https://www.zhengruan.com/statics/www/zrimages/404_bg.png'" src="" alt="如何在在线答题中实现试卷的自动批改和自动评分"> <span>8</span> </a> <dl> <dt><a href="https://www.zhengruan.com/news/41129" title="如何在在线答题中实现试卷的自动批改和自动评分" class="aBlack">如何在在线答题中实现试卷的自动批改和自动评分</a></dt> <dd><b></b>903天前</dd> </dl> <div class="clear"></div> </li> <li> <a href="https://www.zhengruan.com/news/87821" class="img"> <img onerror="this.src='https://www.zhengruan.com/statics/www/zrimages/404_bg.png'" src="https://www.zhengruan.com/uploads/20240301/170927298835686.jpg" alt="解决Python安装失败的问题"> <span>9</span> </a> <dl> <dt><a href="https://www.zhengruan.com/news/87821" title="解决Python安装失败的问题" class="aBlack">解决Python安装失败的问题</a></dt> <dd><b></b>453天前</dd> </dl> <div class="clear"></div> </li> </ul> </div> <div class="zrRmgzBox" style="margin-top:20px;"> <div class="zrByddTitle"> <span><h2>相关推荐</h2></span> </div> <ul class="zrXwdtList"> <li><a href="https://www.zhengruan.com/news/617777" title="PHP安全处理未定义索引的三元用法" class="aBlack">PHP安全处理未定义索引的三元用法</a></li> <li><a href="https://www.zhengruan.com/news/617769" title="如何将子目录模块安装为命名空间包" class="aBlack">如何将子目录模块安装为命名空间包</a></li> <li><a href="https://www.zhengruan.com/news/617755" title="Go godoc 文档分页查看方法" class="aBlack">Go godoc 文档分页查看方法</a></li> <li><a href="https://www.zhengruan.com/news/617745" title="Go 实现 AJAX 动态网页爬虫方法解析" class="aBlack">Go 实现 AJAX 动态网页爬虫方法解析</a></li> <li><a href="https://www.zhengruan.com/news/617731" title="Java 解析 JSON 报错原因有哪些" class="aBlack">Java 解析 JSON 报错原因有哪些</a></li> <li><a href="https://www.zhengruan.com/news/617721" title="Java多数组处理订单与索引管理教程" class="aBlack">Java多数组处理订单与索引管理教程</a></li> <li><a href="https://www.zhengruan.com/news/617702" title="宝塔开启Redis缓存，提升网站加载速度" class="aBlack">宝塔开启Redis缓存，提升网站加载速度</a></li> <li><a href="https://www.zhengruan.com/news/617690" title="PHP 判断本地文件是否存在的方法" class="aBlack">PHP 判断本地文件是否存在的方法</a></li> <li><a href="https://www.zhengruan.com/news/617679" title="C++如何切换std::hex和std::dec进制？" class="aBlack">C++如何切换std::hex和std::dec进制？</a></li> </ul> </div> <div class="zrRmgzBox" style="margin-top:30px;"> <div class="zrByddTitle"> <span><h2>热门关注</h2></span> </div> <ul class="zrRmgzList"> <li> <span><a href="https://www.zhengruan.com/product/19" title="Xshell 6 简体中文"><img onerror="this.src='https://www.zhengruan.com/statics/www/zrimages/404_bg.png'" src="https://www.zhengruan.com/uploads/20200428/3c06ff5d8d3a8b234a536d602bcc0477.jpg" alt="Xshell 6 简体中文"></a></span> <dl> <dt><a href="https://www.zhengruan.com/product/19" title="Xshell 6 简体中文" class="aBlack">Xshell 6 简体中文</a></dt> <dd class="unstar unstar5"></dd> <dd class="cont1">￥899.00-￥1149.00</dd> </dl> <div class="clear"></div> </li> <li> <span><a href="https://www.zhengruan.com/product/48" title="DaVinci Resolve Studio 16 简体中文"><img onerror="this.src='https://www.zhengruan.com/statics/www/zrimages/404_bg.png'" src="https://www.zhengruan.com/uploads/20200428/60b5be77e7fc0ffb073d36675dc61585.jpg" alt="DaVinci Resolve Studio 16 简体中文"></a></span> <dl> <dt><a href="https://www.zhengruan.com/product/48" title="DaVinci Resolve Studio 16 简体中文" class="aBlack">DaVinci Resolve Studio 16 简体中文</a></dt> <dd class="unstar unstar5"></dd> <dd class="cont1">￥2550.00-￥2550.00</dd> </dl> <div class="clear"></div> </li> <li> <span><a href="https://www.zhengruan.com/product/47" title="Camtasia 2019 简体中文"><img onerror="this.src='https://www.zhengruan.com/statics/www/zrimages/404_bg.png'" src="https://www.zhengruan.com/uploads/20200428/537cf14c8ab78e3bca0cfe8e91c8b683.jpg" alt="Camtasia 2019 简体中文"></a></span> <dl> <dt><a href="https://www.zhengruan.com/product/47" title="Camtasia 2019 简体中文" class="aBlack">Camtasia 2019 简体中文</a></dt> <dd class="unstar unstar5"></dd> <dd class="cont1">￥689.00-￥689.00</dd> </dl> <div class="clear"></div> </li> <li> <span><a href="https://www.zhengruan.com/product/35" title="Luminar 3 简体中文"><img onerror="this.src='https://www.zhengruan.com/statics/www/zrimages/404_bg.png'" src="https://www.zhengruan.com/uploads/20200428/d253cca5f121bda501d04debdf3a4fa2.jpg" alt="Luminar 3 简体中文"></a></span> <dl> <dt><a href="https://www.zhengruan.com/product/35" title="Luminar 3 简体中文" class="aBlack">Luminar 3 简体中文</a></dt> <dd class="unstar unstar5"></dd> <dd class="cont1">￥288.00-￥288.00</dd> </dl> <div class="clear"></div> </li> <li> <span><a href="https://www.zhengruan.com/product/49" title="Apowersoft 录屏王简体中文"><img onerror="this.src='https://www.zhengruan.com/statics/www/zrimages/404_bg.png'" src="https://www.zhengruan.com/uploads/20200428/c61fdff8f15649063e6b2617c8aa96fb.jpg" alt="Apowersoft 录屏王简体中文"></a></span> <dl> <dt><a href="https://www.zhengruan.com/product/49" title="Apowersoft 录屏王简体中文" class="aBlack">Apowersoft 录屏王简体中文</a></dt> <dd class="unstar unstar5"></dd> <dd class="cont1">￥129.00-￥339.00</dd> </dl> <div class="clear"></div> </li> </ul> </div> </div>  <div class="clear"></div> </div>    <div class="zrFoot"> <div class="zrFootIn"> <div class="zrFootMsg">网站备案号： <a href="javascript:void(0)" target="" style="text-decoration: none;"> <font color="#9b9db0">苏ICP备2026018738号-1 联系邮箱：zhengruancom@outlook.com<br> Copyright ©2018-2020</font> </a> </div> </div> </div>  <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?2f243b178fc8c70f194fc14781f06522"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script>  <script> function countView(){ $.ajax({ type: "post", url: "/countView?&time="+new Date().getTime(), data:{'type':'news','id':"548760"}, async:false, dataType: "json", success: function(result){ console.log(result) }, error:function(){ } }); } function code_highlight() { SyntaxHighlighter.all() } $(function(){ code_highlight(); countView(); $("#qrcode").qrcode({width:150,height:150,text:"https://m.zhengruan.com/news/548760"}) }) </script> </body> </html>