转载

CKEditor 5 + SpringBoot实战(二)：SpringBoot Application 环境搭建

在本系列的文章中，我将介绍如何在Spring Boot Application中使用CKEditor编辑器。介绍的内容包括基本环境的搭建，文件上传，SpringData JPA数据持久化，CKEditor5的安装，CKEditor图片上传，CKEditor插入视频，获取/设置CKEditor内容等。

项目源码

本系列文章的项目源码同步更新至码云和 Github ，你可以任选其一下载源码到本地。项目地址如下：

码云： https://gitee.com/ramostear/CKEditor5-SpringBoot
Github： https://github.com/ramostear/CKEditor5-SpringBoot

你也可以通过Git命令行工具下载项目源码，命令如下(二者任选其一)：

git clone https://gitee.com/ramostear/CKEditor5-SpringBoot.git

git clone https://github.com/ramostear/CKEditor5-SpringBoot.git

需求分析

需求分析是项目开始的第一步，经过分析和思考，才能明确我们的设计目标。在本项目中，我们有如下的需求：

使用CKEditor5 Web编辑器在线编辑内容
在需要的时候，可以在编辑的内容中插入图片素材
除了能插入图片，还需要有插入视频的功能
将编辑好的内容保存到数据库
在需要的时候，可再次对数据库中存储的内容进行二次编辑
能在线浏览数据库中的内容
在必要的时候，需要对数据库中存储的内容进行删除(包括上传的图片)

经过整理，我们可提炼出这样几个核心功能：添加内容，编辑内容，删除内容，查询内容，上传图片，插入视频和删除图片。下面是项目的用例图，用例图能更直观的帮助我们理解项目需求。

CKEditor 5 + SpringBoot实战(二)：SpringBoot Application 环境搭建

项目依赖

通过分析，我们已经明确项目所要实现的功能。接下来，需要考虑项目的类型以及所需要的第三方依赖包和依赖包的管理方式。

首先，我们可以确定该项目是一个Web项目，第三方的依赖包可以通过Maven来进行管理。然后是确定项目所需的依赖包：

Web项目，需要Spring MVC依赖包；
视图展现，需要Freemarker依赖包；
在线编辑内容，使用CKEditor5实现(JavaScript第三方库)；
连接MySQL数据库，需要MySQL数据库驱动依赖包；
数据持久化，需要SpringData JPA依赖包；
数据库连接池管理，需要Alibaba Druid依赖包；
文件上传，需要commons-fileupload依赖包；
JSON数据转换，需要Alibaba FastJSON依赖包。

在编码的过程中，为了防止一次性导入所有依赖包导致依赖包下载慢或下载失败，可根据开发进度，按需加入相关的依赖包。

创建项目

在开始创建项目之前，我默认你已经在本地机器上安装并配置好了JDK、Maven和MySQL。创建并初始化一个Java Web项目的最好方式是使用SpringBoot，我将使用IntelliJ IDEA提供的Spring Initializr创建SpringBoot应用程序。关于IDE的选择，在此不再赘述，IntelliJ IDEA或Eclipse创建SpringBoot应用程序的步骤大致相同。