jeecgboot--低代码平台--来实现项目上线
> 怎么开发到上线一个如相亲网网站呢，用jeecgboot来实现呢？
--- 最终成果：
-- 用 JeecgBoot 从零到上线一个相亲网站
整体图
┌─────────────────────────────────────────────────┐
│ 相亲网站 = 三样东西 │
│ │
│ ① 后端API → JeecgBoot 代码生成 │
│ ② 用户端页面 → 用 AI 写 HTML/Vue │
│ ③ 运营后台 → JeecgBoot Online表单自带 │
│ │
│ 最后部署到一台服务器，绑定域名，上线。 │
└─────────────────────────────────────────────────┘
---
第一阶段：搭后端（2-4小时）
1.1 你需要一个本地的 JeecgBoot
你现在用的 boot.jeecg.com 是官方演示环境，不能用来上线。你得自己启动一套。
最简方式：在本地电脑跑起来
# 1. 装 JDK 21（你已经有，在 D:/2024/jdk-21.0.2）
# 2. 装 Maven（你已经有，在 C:/tools/apache-maven-3.8.6）
# 3. 装 MySQL（本地装一个）
# 4. 拉代码
git clone https://gitee.com/jeecg/jeecg-boot.git
cd jeecg-boot
# 5. 改数据库配置
# 编辑 jeecg-boot-module-system/src/main/resources/application-dev.yml
# 把 MySQL 地址、用户名、密码改成你的
# 6. 启动
cd jeecg-boot-module-start
mvn spring-boot:run
# 浏览器打开 http://localhost:8080/jeecg-boot 就能看到后台了
http://localhost:3100/ — 是 API 后端（我们调用接口创建配置的地方）http://localhost:8080/jeecg-boot — 是 前端应用（你在浏览器里操作的 UI）
1.2 建数据库表
登录你本地的 JeecgBoot → 在线开发 → Online 表单，创建以下表：
┌──────────────┬──────────┬────────────────────────────────────────────────────────────────────────────┐
│ 表名 │ 用途 │ 核心字段 │
├──────────────┼──────────┼────────────────────────────────────────────────────────────────────────────┤
│ user │ 用户 │ 手机号、微信openid、会员等级、注册时间 │
├──────────────┼──────────┼────────────────────────────────────────────────────────────────────────────┤
│ user_profile │ 相亲资料 │ 用户ID、昵称、性别、年龄、身高、学历、收入、城市、择偶要求、照片、自我介绍 │
├──────────────┼──────────┼────────────────────────────────────────────────────────────────────────────┤
│ user_like │ 喜欢记录 │ 用户ID、被喜欢用户ID、是否互相关注 │
├──────────────┼──────────┼────────────────────────────────────────────────────────────────────────────┤
│ user_message │ 消息 │ 发送者ID、接收者ID、内容、时间、已读 │
├──────────────┼──────────┼────────────────────────────────────────────────────────────────────────────┤
│ member_order │ 会员订单 │ 用户ID、金额、会员时长、支付状态 │
└──────────────┴──────────┴────────────────────────────────────────────────────────────────────────────┘
1.3 生成后端代码
在 在线开发 → 代码生成 中：
1. 导入上面5张表，点击同步，会到数据库建表。
2. 点「生成代码」
3. 下载 zip 包
4. 解压到 jeecg-boot 项目对应目录
5. 重启项目
此时你已经有了一套完整的 相亲网 REST API（自动生成增删改查接口）。
1.4 手写几个核心逻辑
代码生成给了 CRUD，但相亲核心逻辑要自己补几行。在 IDEA 里打开项目，找到生成的 Controller，加几个接口：
// 推荐匹配：同城 + 年龄相近 + 未喜欢过的异性
@GetMapping("/recommend")
public List<UserProfile> recommend(@RequestParam Long userId) {
// 查当前用户的性别，取异性
// 同城优先，按注册时间倒序
// 排除已经喜欢过的
}
// 双向匹配检查
@PostMapping("/like")
public Result like(@RequestParam Long userId, @RequestParam Long targetId) {
// 记录喜欢
// 查对方是否也喜欢了我 → 是则互关，发消息通知
}
这两个是相亲网最核心的逻辑，加起来不到 50 行。
---
第二阶段：做前端用户端（1-2天，AI写代码）
你不会 Vue，没关系，让 AI 写。
2.1 选技术方案
┌──────────────────────┬──────────────────────┬────────────────────────────────┐
│ 方案 │ 优点 │ 你只需要 │
├──────────────────────┼──────────────────────┼────────────────────────────────┤
│ 纯 HTML 页面（推荐） │ 最简单，一个文件搞定 │ 浏览器就能打开，挂到服务器就行 │
├──────────────────────┼──────────────────────┼────────────────────────────────┤
│ uni-app │ 一次出 H5 + 小程序 │ 装 HBuilderX，粘贴代码 │
└──────────────────────┴──────────────────────┴────────────────────────────────┘
我先建议用纯 HTML，因为你不需要装任何东西，写几个 .html 文件就行。
2.2 需要哪些页面
相亲网站页面结构：
├── login.html 登录/注册页
├── index.html 首页（推荐卡片流，左滑右滑）
├── profile.html 个人资料编辑页
├── detail.html 查看对方详情
├── message.html 消息列表
├── chat.html 聊天页
└── member.html 会员充值页
2.3 AI 帮你写页面
你跟我说：「写相亲网首页，卡片式推荐，左滑不喜欢右滑喜欢，调用 JeecgBoot 接口」，我直接出完整 HTML 代码（含 CSS +
JS），你保存为 .html 就能在浏览器看到效果。
所有 7 个页面我都能帮你写，你不需要学 Vue。
---
第三阶段：运营后台（0.5天，零代码）
JeecgBoot 自带的 Online 表单就是你运营后台的基础。
在 Online 表单 里给你前面建的表配好菜单、权限：
┌──────────────┬─────────────────────┐
│ 后台功能 │ 用什么 │
├──────────────┼─────────────────────┤
│ 用户管理列表 │ Online 表单自动生成 │
├──────────────┼─────────────────────┤
│ 相亲资料审核 │ BPMN 审批流 │
├──────────────┼─────────────────────┤
│ 数据统计看板 │ 大屏设计器 │
├──────────────┼─────────────────────┤
│ 会员订单管理 │ Online 表单 │
├──────────────┼─────────────────────┤
│ 消息监控 │ Online 表单 │
└──────────────┴─────────────────────┘
全是浏览器里点一点就能出来，不写代码。
---
第四阶段：部署上线（半天）
4.1 需要买的东西
┌──────────┬────────────────┬────────────────────────────────┐
│ 东西 │ 费用 │ 说明 │
├──────────┼────────────────┼────────────────────────────────┤
│ 云服务器 │ ~100元/月 │ 阿里云/腾讯云 2核4G │
├──────────┼────────────────┼────────────────────────────────┤
│ 域名 │ ~50元/年 │ .com 贵点，.cn 便宜 │
├──────────┼────────────────┼────────────────────────────────┤
│ 域名备案 │ 免费 │ 国内服务器必须备案，20天左右 │
├──────────┼────────────────┼────────────────────────────────┤
│ SSL证书 │ 免费 │ Let's Encrypt 或云厂商免费证书 │
├──────────┼────────────────┼────────────────────────────────┤
│ MySQL │ 装的云服务器上 │ 不花钱 │
└──────────┴────────────────┴────────────────────────────────┘
总投入：首年约 1500 元。
4.2 部署步骤
# 1. 服务器装环境（一次性）
yum install -y java-21-openjdk nginx mysql-server
# 2. 后端打包
# 在本地 IDEA 里执行
mvn clean package -DskipTests
# 得到 jeecg-boot-module-start-3.x.jar
# 3. 上传到服务器
scp jeecg-boot.jar root@你的服务器IP:/opt/app/
# 4. 启动
nohup java -jar /opt/app/jeecg-boot.jar > /opt/app/app.log 2>&1 &
# 5. 前端页面
# 把 AI 写的 .html 文件扔到 /usr/share/nginx/html/
# 6. 配 nginx
# 让域名指向 nginx，API 请求代理到本地 8080
4.3 nginx 配置示例
server {
listen 80;
server_name 你的域名.com;
# 前端页面
location / {
root /usr/share/nginx/html;
# 2. 后端打包
# 在本地 IDEA 里执行
mvn clean package -DskipTests
# 得到 jeecg-boot-module-start-3.x.jar
# 3. 上传到服务器
scp jeecg-boot.jar root@你的服务器IP:/opt/app/
# 4. 启动
nohup java -jar /opt/app/jeecg-boot.jar > /opt/app/app.log 2>&1 &
# 5. 前端页面
# 把 AI 写的 .html 文件扔到 /usr/share/nginx/html/
# 6. 配 nginx
# 让域名指向 nginx，API 请求代理到本地 8080
4.3 nginx 配置示例
server {
listen 80;
server_name 你的域名.com;
# 前端页面
location / {
root /usr/share/nginx/html;
index index.html;
}
# API 代理到后端
location /jeecg-boot/ {
proxy_pass http://127.0.0.1:8080/jeecg-boot/;
}
}
---
完整时间线
第1天：本地搭 JeecgBoot + 建5张表 + 生成代码
第2天：AI 写前端页面（7个HTML） + 本地联调
第3天：补核心逻辑（匹配推荐 + 双向喜欢）
第4天：配运营后台 + 买服务器域名 + 部署上线
第5天：测试 + 修bug
━ 等待备案（20天）━
第25天：正式上线
---
总结一句话
▎ JeecgBoot 负责后端接口 + 运营后台（你点一点就出来），AI 负责写前端页面（你说需求它就出代码），你负责把它们扔到服务器上。
不买服务器，如何测试：
---把我本地ip映射到外网的啊，具体的流程步骤：
前置准备（一次性的）：
1. 确保本地 MySQL 服务已启动
2. 确保 Redis 连接可用（已配的内网地址）
3. 确保 Git Bash 能正常使用 SSH
每次启动相亲网站（3 步）：
# 步骤一：启动后端（新开一个终端）
cd F:\JeecgBoot\jeecg-boot\jeecg-module-system\jeecg-system-start
mvn spring-boot:run -DskipTests
# 步骤二：启动前端（新开一个终端）
cd F:\JeecgBoot\jeecgboot-vue3\public\dating
node server.js
# 步骤三：映射到公网（再开两个终端）
ssh -R 80:localhost:3200 serveo.net # 前端隧道
ssh -R 80:localhost:8080 serveo.net # 后端隧道
步骤三会各输出一个 https://xxx.serveousercontent.com 地址，记下后端那个地址。然后改前端 4 个 HTML 里的 API 地址：
F:\JeecgBoot\jeecgboot-vue3\public\dating\*.html
把 BASE= 后面的地址替换成你新的后端隧道地址
最后把前端隧道地址发给别人就能用了。如： https://9f2a680c1c41c3f3-116-7-228-142.serveousercontent.com
---
每次重启隧道会换地址。要想地址不变，两个办法：
方案一：serveo 付费（最简单）
ssh -R mysite:80:localhost:3200 serveo.net
mysite 就是你的专属域名，永久不变。serveo 免费版也可以抢注子域名，但不保证下次还能用。
方案二：自己买个云服务器（一劳永逸）
域名几十块一年 + 云服务器几十块一个月。配好 Nginx 反向代理，地址永久固定。
方案三：改用固定域名隧道工具
用 ngrok 免费账号，可以绑定一个固定子域名。但免费版每月限 1GB 流量，演示够用。
目前免费最稳的就是 serveo，换地址的问题其实影响不大——每次改好地址后发新的链接给别人就行。
浙公网安备 33010602011771号