spring boot 配置 前端->ajax->后端api->数据库爬坑

上文:安装好了spring boot。得到一个空的项目,打开localhost:8080得到whitelabel错误页面。

1、配置主页:主页index.html连同css和js,可以放在resources的static下面。但是想通过访问localhost:8080/login进入另一个html页面,却不能通过在static文件夹下面创建login文件夹,再在login里放index.html实现。于是我们可以使用spring mvc(被spring boot作为依赖集成在spring boot项目里)最最常用的controller,通过引入spring-boot-starter-thymeleaf,在resources的template文件夹下放入login.html,再创建controller类,表示访问login时返回template文件夹里名为“login”的文件。

于是将css和js放进static,页面全部放进template,同一个controller里创建不同方法作为页面路由。

2、数据库配置。使用mysql8.0。引入spring-boot-starter-data-jpa和mysql-connector-java,前者springboot家的,后者groupid为mysql。maven的test报错,invalid demoapplication status...本着上次配置spring boot得到的“问题很简单,想一想就明白了”的结论,我更改了application.yml的数据库配置,仔细确认到用这个配置一定能连接mysql了为止,报错就没有了。

 

3、返回json。用controller做很方便。百度一下,你就知道。不要强行注册servlet,又蠢又麻烦。

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要使用 AJAX 传递表单数据并存储到 Spring Boot 数据库中,可以按照以下步骤进行操作: 1. 在前端页面,使用 jQuery 或者其他 JavaScript 框架来编写 AJAX 请求,将表单数据作为参数传递给后端接口。 例如,可以使用 jQuery 的 `$.ajax()` 方法来发送 POST 请求,将表单数据作为 JSON 数据传递给后端接口: ``` $.ajax({ url: '/api/saveForm', method: 'POST', data: JSON.stringify(formData), contentType: 'application/json', success: function(response) { // 处理成功响应 }, error: function(jqXHR, textStatus, errorThrown) { // 处理错误响应 } }); ``` 其中 `formData` 是一个包含表单数据的 JavaScript 对象。 2. 在 Spring Boot 后端应用中,编写一个处理 POST 请求的控制器方法,用于接收前端传递的表单数据,并将其存储到数据库中。 例如,可以编写一个控制器方法如下: ``` @PostMapping("/api/saveForm") public ResponseEntity<?> saveForm(@RequestBody FormData formData) { // 将表单数据存储到数据库中 formDataRepository.save(formData); // 返回成功响应 return ResponseEntity.ok().build(); } ``` 其中 `FormData` 是一个 Java 类,用于表示表单数据,可以使用 `@RequestBody` 注解将前端传递的 JSON 数据自动转换成 Java 对象。`FormDataRepository` 则是一个 Spring Data JPA 的接口,用于操作数据库。 3. 在 Spring Boot 应用中配置数据库连接信息,并创建对应的表格。 例如,可以在 `application.properties` 配置文件中设置数据库连接信息: ``` spring.datasource.url=jdbc:mysql://localhost:3306/mydb spring.datasource.username=root spring.datasource.password=root spring.datasource.driver-class-name=com.mysql.jdbc.Driver spring.jpa.hibernate.ddl-auto=create spring.jpa.show-sql=true ``` 这里使用 MySQL 数据库,并设置了数据库连接信息。`spring.jpa.hibernate.ddl-auto` 参数设置为 `create`,表示在应用启动时自动创建表格。 4. 在 Spring Boot 应用中定义 `FormData` 实体类和 `FormDataRepository` 接口,并使用 `@Entity` 和 `@Repository` 注解进行标记。 例如,可以定义 `FormData` 类如下: ``` @Entity @Table(name = "form_data") public class FormData { @Id @GeneratedValue(strategy = GenerationType.IDENTITY) private Long id; private String name; private String email; // 省略 getter 和 setter 方法 } ``` 其中 `@Entity` 注解表示这是一个实体类,会映射到数据库中的表格。`@Table` 注解指定表格名称。`@Id` 和 `@GeneratedValue` 注解用于指定主键和自动生成策略。 定义 `FormDataRepository` 接口如下: ``` @Repository public interface FormDataRepository extends JpaRepository<FormData, Long> { } ``` 其中 `@Repository` 注解表示这是一个 Spring Data JPA 的仓库接口。`JpaRepository` 是 Spring Data JPA 提供的一个基本仓库接口,继承了 `PagingAndSortingRepository` 和 `CrudRepository` 接口,提供了一些基本的数据操作方法。 这样就可以使用 AJAX 传递表单数据并存储到 Spring Boot 数据库中了。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值