springboot富文本存储
时间: 2023-08-15 15:14:10 浏览: 244
7springboot+富文本1
Spring Boot中存储富文本内容可以通过以下步骤实现:
1. 前端通过axios将富文本内容发送给后端。在发送请求时,可以使用axios的post方法,并将富文本内容作为请求的data参数发送给后端接口。例如:
```javascript
axios({
method: 'post',
url: 'http://localhost:8081/users/news',
data: {
"categoryId": 1,
"userId": 1,
"title": "震惊!!60岁老头竟然。。。。",
"context": tinymce.activeEditor.getContent()
}
}).then((res) => {
console.log(res.data)
})
```
2. 后端编写接收富文本内容的接口。在后端的Controller中,使用@PostMapping注解来定义接收富文本内容的接口,并通过@RequestParam注解来获取请求参数。例如:
```java
@ApiOperation("发表新闻")
@PostMapping("/news")
public Result updateNews(@RequestParam Long userId, @RequestParam Integer categoryId, @RequestParam String title, @RequestParam String context) {
System.out.println("发表新闻" + context);
Result result = new Result();
News news = new News(categoryId, userId, title, context);
boolean flag = newsService.save(news);
if (!flag) {
result.setFlag(false);
return result;
}
result.setFlag(true);
return result;
}
```
3. 在后端将接收到的富文本内容存储到数据库中。在上述的接口方法中,可以将接收到的富文本内容封装成一个News对象,并调用newsService的save方法将其保存到数据库中。
需要注意的是,前端发送的富文本内容在接收时已经经过编译,因此不需要再次编译。在读取数据库中的富文本内容时,需要进行反编译操作,以便正确显示富文本内容。
#### 引用[.reference_title]
- *1* [富文本保存到数据库](https://blog.csdn.net/weixin_50868246/article/details/112364634)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* *3* [springboot后端存储富文本内容(含图片内容)](https://blog.csdn.net/qq_51415601/article/details/128968796)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]
阅读全文