企业官网建设流程全解析

网站关键词做多了是不是影响权重,南充市房地产网官方网站,设计师自己做网站,如何免费建立自己网站目录 学习目标前言Thymeleaf 模板JSON 数据 步骤 1: 创建 Spring Boot 项目 使用 Spring Initializr 创建项目使用 IDE 创建项目 步骤 2: 添加依赖步骤 3: 创建 Controller步骤 4: 新建index页面步骤 5: 运行应用程序 表单提交 步骤 1: 添加 Thymeleaf 依赖 在 Maven 中添加依…目录学习目标前言Thymeleaf 模板JSON 数据步骤 1: 创建 Spring Boot 项目使用 Spring Initializr 创建项目使用 IDE 创建项目步骤 2: 添加依赖步骤 3: 创建 Controller步骤 4: 新建index页面步骤 5: 运行应用程序表单提交步骤 1: 添加 Thymeleaf 依赖在 Maven 中添加依赖步骤2创建实体类步骤 3: 创建 Controller 处理表单请求步骤 3: 创建 Thymeleaf 模板文件login.htmlresult.html步骤 4: 运行应用程序Spring Boot 处理JSON 数据的过程1.创建实体类2.创建视图页面3.控制器4.运行总结学习目标Spring Boot 的 Web 的开发Thymeleaf 模板JSON 数据前言前端开发也称为客户端开发专注于用户界面和用户体验。后端开发或服务器端开发处理服务器、应用程序和数据库的逻辑。Web开发可以分为两大主要领域前端开发和后端开发Thymeleaf 模板JSON 数据Thymeleaf 是一个的Java模板引擎具备生成多种文本格式的能力包括HTML、XML、JavaScript、CSS以及简单的纯文本。创建一个基于 Thymeleaf 模板的 Spring Boot Web 应用程序相对简单。步骤 1: 创建 Spring Boot 项目首先你需要创建一个新的 Spring Boot 项目。你可以通过 Spring Initializr 网站来创建或者使用 IDE 如 IntelliJ IDEA 或 Eclipse。使用 Spring Initializr 创建项目访问 Spring Initializr。选择项目元数据ProjectMaven Project 或 Gradle ProjectLanguageJavaPackagingJarJava选择你安装的 Java 版本添加依赖项Spring WebThymeleaf选择默认的其他选项点击生成按钮下载项目。我尝试更换Java版本在IDEA中使用JDK1.8时一切正常但当我切换到JDK17时遇到了错误。为了解决这个问题我选择了一个曲线救国的方法回退版本。我将父类依赖从3.3.4降低到了2.6.4。避免报错在我的电脑使用 IDE 创建项目如果你使用的是支持 Spring Boot 的 IDE可以在 IDE 中新建一个 Spring Boot 项目并添加上述依赖。步骤 2: 添加依赖如果你使用的是 Maven确保在pom.xml文件中添加以下依赖dependencies dependency groupIdorg.springframework.boot/groupId artifactIdspring-boot-starter-web/artifactId /dependency dependency groupIdorg.springframework.boot/groupId artifactIdspring-boot-starter-thymeleaf/artifactId /dependency /dependencies步骤 3: 创建 Controller接下来创建一个简单的控制器来处理 HTTP 请求package com.bushuo.demo01.controller; import org.springframework.stereotype.Controller; import org.springframework.web.bind.annotation.RequestMapping; Controller public class TestThymeleafController { RequestMapping(/index) public String test(){ //返回src/main/resources/templates/index.html return index; } }步骤 4: 新建index页面在src/main/resources/templates目录下创建一个名为index.html的文件并添加以下内容!DOCTYPE html html langen head meta charsetUTF-8 titleTitle/title /head body h1 Welcome to Spring Boot!/h1 /body /html步骤 5: 运行应用程序现在你可以运行你的 Spring Boot 应用了。在终端或命令提示符中导航到项目的根目录并执行以下命令mvn spring-boot:run或者在 IDE 中直接运行主类通常包含SpringBootApplication注解。表单提交在 Spring Boot 应用程序中使用 Thymeleaf 实现表单提交及数据绑定的过程主要包括以下几个步骤添加 Thymeleaf 依赖创建 Controller 处理表单请求创建 Thymeleaf 模板文件运行应用程序步骤 1: 添加 Thymeleaf 依赖确保项目已经包含了 Thymeleaf 依赖。如果你还没有添加请参考之前的指导在pom.xml中添加相应的依赖。在 Maven 中添加依赖dependencies dependency groupIdorg.springframework.boot/groupId artifactIdspring-boot-starter-web/artifactId /dependency dependency groupIdorg.springframework.boot/groupId artifactIdspring-boot-starter-thymeleaf/artifactId /dependency /dependencies步骤2创建实体类在src/main/java 目录下创建model包创建实体类loginBeanpackage com.bushuo.demo01.model; public class LoginBean { String name; String role; public LoginBean() { } public String getName() { return name; } public void setName(String name) { this.name name; } public String getRole() { return role; } public void setRole(String role) { this.role role; } }步骤 3: 创建 Controller 处理表单请求创建一个控制器来处理表单并实现数据绑定。步骤 3: 创建 Thymeleaf 模板文件在src/main/resources/templates 目录下创建两个 Thymeleaf 模板文件一个用于显示表单 (login.html)另一个用于展示提交后的结果 (result.html)。login.htmlresult.html这个模板用于展示表单提交的结果并提供一个返回按钮让用户回到表单页面。在application.ymlspring: thymeleaf: encoding: UTF-8 #开发时关闭缓存(模板只加载一次),不然没法看到实时页面需要重构或重启 cache: false prefix: classpath:/templates/ #(默认) suffix: .html步骤 4: 运行应用程序运行你的 Spring Boot 应用程序打开浏览器并访问http://localhost:8080/toLogin你应该能看到表单页面。填写用户名和电子邮件地址并提交表单后你会看到结果页面并且可以通过返回按钮回到表单页面。Spring Boot 处理JSON 数据的过程1.创建实体类在com.bushuo.demo01包中创建一个实体类来表示要处理的 JSON 数据。例如创建一个 Person 类2.创建视图页面在src/main/resources/templates 目录下创建视图页面input.html.3.控制器4.运行总结通过这些步骤可以在 Spring Boot 应用程序中使用 Thymeleaf 创建一个简单的表单并处理表单提交的数据。可以根据实际需求进一步扩展这个示例例如添加更多的表单字段、进行更复杂的表单验证、使用数据库存储数据等。