feat: 新增文案模板管理功能,源码明细页按钮支持动态配置

- 新增 tt_copy_template 表及 CRUD 后端接口
- 新增文案模板管理页面,支持 {变量} 占位符动态替换
- 源码明细页复制按钮由硬编码改为数据库驱动
- 支持占位符:codeName、projectCode、projectName、codeDesc、codeEnvironment、codeTechnology、diskLink、screenshots

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
王鹏
2026-04-10 19:20:32 +08:00
parent 5e7bbe6c9d
commit 6940541216
10 changed files with 1033 additions and 343 deletions

258
sql/copy_template.sql Normal file
View File

@@ -0,0 +1,258 @@
-- ----------------------------
-- 文案模板表
-- ----------------------------
DROP TABLE IF EXISTS tt_copy_template;
CREATE TABLE tt_copy_template (
template_id BIGINT NOT NULL AUTO_INCREMENT COMMENT '模板ID',
template_name VARCHAR(100) NOT NULL COMMENT '按钮显示名称',
template_body LONGTEXT NOT NULL COMMENT '文案模板内容,支持 {变量} 占位符',
sort_num INT DEFAULT 0 COMMENT '排序号',
status CHAR(1) DEFAULT '0' COMMENT '状态0正常 1停用',
create_by VARCHAR(64) DEFAULT '' COMMENT '创建者',
create_time DATETIME COMMENT '创建时间',
update_by VARCHAR(64) DEFAULT '' COMMENT '更新者',
update_time DATETIME COMMENT '更新时间',
remark VARCHAR(500) DEFAULT NULL COMMENT '备注',
PRIMARY KEY (template_id)
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COMMENT='文案模板表';
-- ----------------------------
-- 文案模板初始数据
-- ----------------------------
INSERT INTO tt_copy_template (template_name, template_body, sort_num, status, create_time, create_by) VALUES
('复制网站文案', '{codeName}
#### 项目描述
{codeDesc}
#### 运行环境
{codeEnvironment}
#### 项目技术
{codeTechnology}
#### 项目截图
{screenshots}
#### 资源下载
![](https://img.yidaima.cn/qrcode.jpg)
请打开微信扫描上面小程序码,打开小程序搜索 "**{projectCode}**" 即可下载资源', 1, '0', NOW(), 'admin'),
('复制闲鱼文案', '{codeName}
### 项目描述
{codeDesc}
### 运行环境
{codeEnvironment}
### 项目技术
{codeTechnology}
标价包含项目源码+数据库脚本+文档,没有调试解答,由于此商品的可复制性,发货后,不退不换,介意勿拍', 2, '0', NOW(), 'admin'),
('复制闲鱼文案1', '{projectName}Vue3JavaSpringBoot前后端分离可提供远程调试项目编号{projectCode}
重要‼️:项目源码+环境部署教程+软件安装破解教程+项目运行教程
技术
①:架构: B/S、MVC
系统环境Windows/Mac
③:开发环境:{codeEnvironment}
④:技术栈:{codeTechnology}
功能
{codeDesc}', 3, '0', NOW(), 'admin'),
('复制抖音、视频号、小红书文案', '{codeName}
### 项目描述
{codeDesc}
### 运行环境
{codeEnvironment}
### 项目技术
{codeTechnology}
获取项目源码资源,\\/X小CX南音源码库', 4, '0', NOW(), 'admin'),
('FeastCoding', '![](https://img.yidaima.cn/weicome.gif)
# 项目描述
#### 视频演示
{codeDesc}
# 技术选型
* 开发工具Idea + Vscode
* 运行环境JDK 1.8 + Maven + MySQL 5.7以上 + Node.js 14
* 服务端技术SpringBoot + Mybatis-Plus + Maven
* 前端技术Vue3 + Axios + Element-UI
# 系统截图
{screenshots}
# 运行步骤
### 准备环境
安装JDK 1.8、Maven、Node.js 14 和 MySQL 5.7以上
### 创建数据库
使用Navicat工具创建数据库并导入SQL脚本
### 配置后端
修改`application.yml`中的数据库连接信息(用户名/密码/库名)
### 启动后端服务
进入后端项目(`/server_code` 执行:
```
mvn clean install
mvn spring-boot:run
```
### 前端依赖安装
进入前端目录(`/manage_code`或者`/client_code`,执行安装命令:
```
npm install
```
### 启动前端服务
执行启动命令:
```
npm run serve
```
### 访问系统
- 后端接口系统访问地址:
`http://localhost:8080`
- 后台系统前端访问地址:
`http://localhost:8081`
- 前台系统前端访问地址:
`http://localhost:8082`
### 常见问题
#### 端口冲突
- 修改后端配置文件`application.yml`
- 修改前端配置文件`vue.config.js`
#### 前端安装依赖失败
- 删除node_modules、package-lock.json文件
```
rm -rf node_modules package-lock.json
```
- 清除缓存
```
npm cache clean --force
```
- 切换npm镜像源
```
npm config set registry https://registry.npmmirror.com
```
# 推荐阅读
- [基于Springboot + vue3实现的果树系统](https://mp.weixin.qq.com/s/F7mO-9ENdfKqa89InlPUlg)
- [基于Springboot + vue3实现的个人健康管理系统](https://mp.weixin.qq.com/s/UUUh4S2KfOnRKnLKZLlS3Q)
- [基于Springboot + vue3实现的旅游网站系统](https://mp.weixin.qq.com/s/EY6XVtJXyY5FThfn0PoOew)
- [基于Springboot + vue3实现的房屋租售系统](https://mp.weixin.qq.com/s/tbDCa5504JwOt-ECt3t_Yg)
# 其他说明
>* 1、本系统源码由**南音工作室**精心收集整理,并经过严格测试验证,确保运行稳定可靠。
>* 2、**南音工作室**开始招募合伙人,有兴趣一起搞钱的小伙伴,可以在公众号后台回复关键词【**合伙人**】查看详细介绍。
>* 3、如需获取详细运行教程欢迎在公众号后台回复关键词【**运行教程**】,即可自助领取完整指导文档。
>* 4、我们已为您整理上万套优质源码项目资源回复【**源码搜索**】即可快速查找您需要的源码资源。
>* 5、为了回馈粉丝特意整理了海量福利资源免费分享回复【**免费资源**】即可领取。
>* 6、创作不易如果觉得内容有帮助别忘了**点赞/推荐/分享/收藏**支持我们,您的鼓励是我们持续更新的最大动力!
# 源码获取
<center>
<img src="https://img.yidaima.cn/qrcode.jpg" style="width: 100px;">
<br>
<span>长按小程序码,打开小程序搜索 "<Strong style="color:var(--md-primary-color);">{projectCode}</Strong>" 即可获取资源</span>
</center>', 5, '0', NOW(), 'admin'),
('南音', '![](https://img.yidaima.cn/weicome.gif)
### 项目描述
##### 视频演示
{codeDesc}
### 技术选型
**开发工具**Idea + Vscode
**运行环境**JDK 1.8 + Maven + MySQL 5.7以上 + Node.js 14
**服务端技术**SpringBoot + Mybatis-Plus + Maven
**前端技术**Vue3 + Axios + Element-UI
### 系统截图
{screenshots}
### 运行步骤
##### 准备环境
安装JDK 1.8、Maven、Node.js 14 和 MySQL 5.7以上
##### 创建数据库
使用Navicat工具创建数据库并导入SQL脚本
##### 配置后端
修改`application.yml`中的数据库连接信息(用户名/密码/库名)
##### 启动后端服务
进入后端项目(`/server_code` 执行:
```
mvn clean install
mvn spring-boot:run
```
##### 前端依赖安装
进入前端目录(`/manage_code`或者`/client_code`, 执行安装命令:
```
npm install
```
##### 启动前端服务
执行启动命令:
```
npm run serve
```
##### 访问系统
- 后端接口系统访问地址:`http://localhost:8080`
- 后台系统前端访问地址:`http://localhost:8081`
- 前台系统前端访问地址:`http://localhost:8082`
##### 常见问题
###### 端口冲突
- 修改后端配置文件`application.yml`
- 修改前端配置文件`vue.config.js`
###### 前端安装依赖失败
- 删除node_modules、package-lock.json文件
```
rm -rf node_modules package-lock.json
```
- 清除缓存
```
npm cache clean --force
```
- 切换npm镜像源
```
npm config set registry https://registry.npmmirror.com
```
### 推荐阅读
- [基于Springboot + vue3实现的果树系统](https://mp.weixin.qq.com/s/F7mO-9ENdfKqa89InlPUlg)
- [基于Springboot + vue3实现的个人健康管理系统](https://mp.weixin.qq.com/s/UUUh4S2KfOnRKnLKZLlS3Q)
- [基于Springboot + vue3实现的旅游网站系统](https://mp.weixin.qq.com/s/EY6XVtJXyY5FThfn0PoOew)
- [基于Springboot + vue3实现的房屋租售系统](https://mp.weixin.qq.com/s/tbDCa5504JwOt-ECt3t_Yg)
### 其他说明
>1、本系统源码由**程序员南音**精心收集整理,并经过严格测试验证,确保运行稳定可靠。
>2、创作不易如果觉得内容有帮助别忘了**点赞/推荐/分享/收藏**支持我们,您的鼓励是我们持续更新的最大动力!
>3、温馨提示系统可能存在少量待完善功能欢迎有技术热情的小伙伴共同参与优化改进。
# 源码获取
<center>
<img src="https://img.yidaima.cn/qrcode.jpg" style="width: 100px;">
<br>
<span>长按小程序码,打开小程序搜索 "<Strong style="color:var(--md-primary-color);">{projectCode}</Strong>" 即可获取资源</span>
</center>', 6, '0', NOW(), 'admin');