项目简介
本项目是一个集前端、后端和小程序于一体的综合性应用系统。前端借助Vue及相关技术搭建,在vue-admin-template模板工程上增添了富文本编辑与图片上传功能;后端采用Spring Boot搭建,利用JPA实现数据持久化,并通过Swagger - UI展示API;小程序在仿womaifang程序基础上添加了tab,还实现了HTML逆解析。
项目的主要特性和功能
前端
- 在vue - admin - template模板里添加富文本编辑功能。
- 提供两种图片上传自定义方式:结合vue - quill - editor和element - ui上传组件;使用quill - image - extend - module扩展组件,支持编辑、拖拽等扩展模块。
后端
- 可将图片上传至固定目录。
- 能通过Swagger - UI查看API接口。
小程序
- 在仿womaifang程序基础上添加tab。
- 实现HTML逆解析功能。
安装使用步骤
假设已下载本项目的源码文件,可按以下步骤安装和使用:
前端
- 进入前端项目目录。
- 运行
npm install
安装依赖。 - 运行
npm run dev
启动开发服务器。
后端
- 进入后端项目目录。
- 确保MySQL数据库已启动,并在
application.properties
中配置好数据库连接信息。 - 运行Spring Boot项目的主类启动后端服务。
小程序
- 用小程序开发工具打开小程序项目。
- 配置小程序的AppID等相关信息。
- 点击开发工具中的运行按钮启动小程序。
下载地址
点击下载 【提取码: 4003】【解压密码: www.makuang.net】