【开源项目】基于 JeecgBoot低代码平台（v3.9.1）实现的金融科技信息门户网站（二次开发实践）

基于 JeecgBoot低代码平台（v3.9.1）实现的金融科技信息门户网站（二次开发实践）

一、技术栈与版本

1.1 后端技术栈

技术

版本

选型理由

1.2 前端技术栈

技术

版本

选型理由

1.3 项目结构

JeecgBoot/
├── jeecg-boot/ # 后端服务（约 120KB）
│ └── jeecg-boot-module/
│ └── jeecg-module-demo/
│ └── src/main/java/org/jeecg/modules/demo/yucms/
│ ├── controller/ # REST API 控制层
│ ├── service/ # 业务逻辑层（接口+实现）
│ ├── mapper/ # MyBatis 数据访问层
│ └── entity/ # JPA 实体类
├── jeecgboot-vue3/ # 管理端前端（约 80MB）
│ └── src/views/yucms/ # 内容管理后台页面
└── fintech-vue3/ # 门户网站前端（约 60MB）
├── src/pages/ # 门户页面（首页、列表、详情、搜索）
├── src/components/ # 公共组件（Header、Footer、Banner）
└── src/api/ # API 接口封装

二、系统功能设计

2.1 功能模块总览

模块

子模块

核心功能

业务价值

2.1.1 信息门户功能

首页导航

今日精选

热门分类

文章详情

文章推荐

关键字搜索

2.1.2 后台管理功能

导航栏目管理

文章发布管理

海报管理

2.2 核心业务流程

2.2.1 文章生命周期管理

设计要点：

• 状态机设计：草稿(1) → 待审核(2) → 已发布(3) → 回收站(4)

• 审核机制：支持多级审核、意见反馈

• 定时发布：支持设置发布时间，自动上线

• 软删除：删除后进入回收站，支持恢复

2.2.2 搜索流程设计

设计要点：

• 精确匹配：完整关键词匹配，避免无关结果

• 多字段搜索：同时搜索标题和正文内容

• 高亮显示：详情页命中关键词标记

• 分页优化：默认每页 10 条，支持翻页

2.3 数据字典设计

字典编码

说明

选项

业务含义

2.4 用户角色权限设计

角色

权限范围

说明

三、系统架构设计

3.1 架构设计原则

原则

说明

实践方式

3.2 应用架构

架构层次说明：

层次

职责

技术实现

3.3 模块职责划分

模块

职责边界

核心能力

3.4 数据架构

3.4.1 核心实体关系

3.4.2 数据库设计要点

文章表 (yucms_article)

• content 字段：使用 LONGTEXT 类型，支持最大 4GB 存储，满足富文本内容需求

• category_id：外键关联栏目表，支持多级分类

• publish_time：支持定时发布，索引优化查询

横幅表 (yucms_banner)

• type 字段：区分不同广告位，便于前端按需获取

• start_time/end_time：控制横幅有效期，自动上下线

• banner_status：手动控制启用/禁用状态

栏目表 (yucms_category)

• parent_id：支持无限层级分类

• sort_order：自定义排序

3.5 API 设计规范

3.5.1 命名规范

类型

规范

示例

3.5.2 响应格式

{
"success": true,
"code": 200,
"message": "操作成功",
"result": {},
"timestamp": 1704067200000
}

3.5.3 核心 API 列表

API 路径

方法

说明

权限

四、系统部署

4.1 环境要求

环境

最低配置

推荐配置

说明

4.2 部署架构

服务器 (阿里云ECS)
├── Nginx (80/443端口)
│ ├── / → fintech-vue3 (门户)
│ ├── /admin → jeecgboot-vue3 (管理)
│ └── /jeecgboot → 后端API
├── Java (8080端口)
│ └── jeecg-boot.jar (Spring Boot 应用)
├── MySQL (3306端口)
│ └── jeecgboot 数据库
└── Redis (6379端口)
└── 缓存服务（Token、字典数据）

4.3 部署流程

4.3.1 数据库初始化

# 创建数据库
CREATE DATABASE jeecgboot DEFAULT CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci;

# 创建用户
CREATE USER 'jeecg'@'localhost' IDENTIFIED BY 'Jeecg@123';
GRANT ALL PRIVILEGES ON jeecgboot.* TO 'jeecg'@'localhost';
FLUSH PRIVILEGES;

# 导入初始化脚本
mysql -u jeecg -pJeecg@123 jeecgboot < init.sql

4.3.2 后端服务启动

# 编译打包（开发环境）
cd jeecg-boot/jeecg-boot-module
mvn clean package -DskipTests

# 启动服务
nohup java -jar jeecg-boot-module-system/target/jeecg-boot-module-system-*.jar \\
–server.port=8080 \\
–spring.datasource.url=jdbc:mysql://localhost:3306/jeecgboot \\
–spring.datasource.username=jeecg \\
–spring.datasource.password=Jeecg@123 \\
–spring.redis.host=localhost \\
–spring.redis.port=6379 > /var/log/jeecg-boot.log 2>&1 &

4.3.3 前端构建部署

# 门户前端
cd fintech-vue3
npm install –production
npm run build
rm -rf /usr/share/nginx/html/*
cp -r dist/* /usr/share/nginx/html/

# 管理前端
cd jeecgboot-vue3
npm install –production
npm run build
mkdir -p /usr/share/nginx/html/admin
cp -r dist/* /usr/share/nginx/html/admin/

4.3.4 Nginx 配置要点

server {
listen 80;
server_name your-domain.com;

# 门户前端
location / {
root /usr/share/nginx/html;
try_files $uri $uri/ /index.html;
expires 1d;
}

# 管理前端
location /admin/ {
root /usr/share/nginx/html;
try_files $uri $uri/ /admin/index.html;
expires 1d;
}

# 后端API
location /jeecgboot/ {
proxy_pass http://localhost:8080/jeecgboot/;
proxy_set_header Host $host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_connect_timeout 60s;
proxy_read_timeout 60s;
}

# 静态资源缓存
location ~* \\.(js|css|png|jpg|jpeg|gif|ico|svg)$ {
root /usr/share/nginx/html;
expires 7d;
add_header Cache-Control "public, immutable";
}
}

五、关键设计决策

5.1 认证与权限设计

设计目标：实现无状态认证，支持多端访问

方案选择：JWT + Redis

设计点

说明

安全考虑：

• Token 有效期：PC 端 30 天，移动端 30 天

• 密码加密：BCrypt 算法，强度 10

• 防暴力破解：登录失败 5 次后锁定 15 分钟

5.2 横幅展示逻辑设计

设计目标：根据类型获取有效横幅，支持时间范围控制

核心逻辑：

步骤

操作

说明

边界情况处理：

• update_time 为空：使用 create_time 作为排序依据

• 时间范围为空：视为永久有效

• 不足 N 条：按实际数量返回

5.3 防复制功能设计

设计目标：保护原创内容，引导用户关注公众号

实现方式：

方法

说明

兼容性

用户体验考虑：

• 弹窗设计美观，与网站风格统一

• 支持点击关闭或自动关闭

• 提供关注公众号获取完整资料的引导

5.4 数据字典刷新机制

设计目标：支持数据字典实时更新，避免缓存导致的数据不一致

解决方案：

场景

处理方式

缓存策略：

• 内存缓存：减少数据库查询

• 定时刷新：每小时自动刷新一次

• 手动刷新：支持管理后台触发

六、性能优化策略

6.1 前端优化

优化项

策略

预期效果

6.2 后端优化

优化项

策略

预期效果

6.3 数据库优化

优化项

策略

说明

七、安全性考虑

7.1 安全威胁与防护

威胁类型

防护措施

实施位置

7.2 安全配置

配置项

建议值

说明

八、总结

本系统基于 JeecgBoot 低代码平台进行二次开发，构建了一个功能完整的企业级门户网站系统。

8.1 项目特点

特点

说明

8.2 适用场景

场景

适用性

8.3 开源价值

本项目可作为：

• JeecgBoot 二次开发学习参考

• 企业门户网站建设模板

• 内容管理系统基础框架

即将开源源代码，请收藏关注