zdh
868 lines
36 KiB
HTML
868 lines
36 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="zh-CN">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>YqBoot 企业级敏捷开发平台 — 系统说明书</title>
|
||
<style>
|
||
:root {
|
||
--primary: #1a73e8;
|
||
--primary-dark: #1557b0;
|
||
--accent: #00b4d8;
|
||
--bg: #f8fafc;
|
||
--card-bg: #ffffff;
|
||
--text: #1e293b;
|
||
--text-secondary: #64748b;
|
||
--border: #e2e8f0;
|
||
--success: #10b981;
|
||
--warning: #f59e0b;
|
||
--danger: #ef4444;
|
||
--gradient-1: linear-gradient(135deg, #1a73e8 0%, #00b4d8 100%);
|
||
--gradient-2: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
||
--shadow-sm: 0 1px 2px rgba(0,0,0,0.05);
|
||
--shadow-md: 0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -2px rgba(0,0,0,0.1);
|
||
--shadow-lg: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -4px rgba(0,0,0,0.1);
|
||
--radius: 12px;
|
||
}
|
||
* { margin: 0; padding: 0; box-sizing: border-box; }
|
||
body {
|
||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
|
||
background: var(--bg);
|
||
color: var(--text);
|
||
line-height: 1.7;
|
||
font-size: 15px;
|
||
}
|
||
|
||
/* Hero */
|
||
.hero {
|
||
background: var(--gradient-1);
|
||
color: white;
|
||
padding: 80px 24px 60px;
|
||
text-align: center;
|
||
position: relative;
|
||
overflow: hidden;
|
||
}
|
||
.hero::before {
|
||
content: '';
|
||
position: absolute;
|
||
top: -50%; left: -50%;
|
||
width: 200%; height: 200%;
|
||
background: radial-gradient(circle, rgba(255,255,255,0.05) 1px, transparent 1px);
|
||
background-size: 40px 40px;
|
||
}
|
||
.hero h1 { font-size: 42px; font-weight: 800; margin-bottom: 12px; position: relative; letter-spacing: -1px; }
|
||
.hero .subtitle { font-size: 20px; opacity: 0.9; margin-bottom: 8px; position: relative; }
|
||
.hero .meta { font-size: 14px; opacity: 0.7; position: relative; margin-top: 16px; }
|
||
.hero .badge {
|
||
display: inline-block;
|
||
background: rgba(255,255,255,0.2);
|
||
backdrop-filter: blur(10px);
|
||
padding: 6px 16px;
|
||
border-radius: 20px;
|
||
font-size: 13px;
|
||
margin: 0 6px;
|
||
border: 1px solid rgba(255,255,255,0.3);
|
||
}
|
||
|
||
/* Nav */
|
||
.nav {
|
||
position: sticky;
|
||
top: 0;
|
||
z-index: 100;
|
||
background: rgba(255,255,255,0.95);
|
||
backdrop-filter: blur(10px);
|
||
border-bottom: 1px solid var(--border);
|
||
padding: 0 24px;
|
||
overflow-x: auto;
|
||
white-space: nowrap;
|
||
box-shadow: var(--shadow-sm);
|
||
}
|
||
.nav a {
|
||
display: inline-block;
|
||
padding: 14px 16px;
|
||
color: var(--text-secondary);
|
||
text-decoration: none;
|
||
font-size: 14px;
|
||
font-weight: 500;
|
||
border-bottom: 2px solid transparent;
|
||
transition: all 0.2s;
|
||
}
|
||
.nav a:hover { color: var(--primary); border-bottom-color: var(--primary); }
|
||
|
||
/* Sections */
|
||
.container { max-width: 1100px; margin: 0 auto; padding: 0 24px; }
|
||
section { padding: 64px 0; }
|
||
section:nth-child(even) { background: white; }
|
||
.section-title {
|
||
font-size: 30px;
|
||
font-weight: 700;
|
||
text-align: center;
|
||
margin-bottom: 12px;
|
||
letter-spacing: -0.5px;
|
||
}
|
||
.section-subtitle {
|
||
text-align: center;
|
||
color: var(--text-secondary);
|
||
margin-bottom: 48px;
|
||
font-size: 16px;
|
||
}
|
||
|
||
/* Value cards */
|
||
.value-grid {
|
||
display: grid;
|
||
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
|
||
gap: 24px;
|
||
margin-top: 32px;
|
||
}
|
||
.value-card {
|
||
background: var(--card-bg);
|
||
border-radius: var(--radius);
|
||
padding: 32px 24px;
|
||
box-shadow: var(--shadow-md);
|
||
border: 1px solid var(--border);
|
||
transition: transform 0.2s, box-shadow 0.2s;
|
||
text-align: center;
|
||
}
|
||
.value-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-lg); }
|
||
.value-card .icon { font-size: 36px; margin-bottom: 16px; }
|
||
.value-card h3 { font-size: 18px; font-weight: 700; margin-bottom: 8px; }
|
||
.value-card p { color: var(--text-secondary); font-size: 14px; line-height: 1.6; }
|
||
|
||
/* Tables */
|
||
.table-wrap {
|
||
overflow-x: auto;
|
||
margin: 24px 0;
|
||
border-radius: var(--radius);
|
||
box-shadow: var(--shadow-sm);
|
||
border: 1px solid var(--border);
|
||
}
|
||
table {
|
||
width: 100%;
|
||
border-collapse: collapse;
|
||
background: white;
|
||
}
|
||
th {
|
||
background: #f1f5f9;
|
||
text-align: left;
|
||
padding: 12px 16px;
|
||
font-weight: 600;
|
||
font-size: 13px;
|
||
color: var(--text-secondary);
|
||
text-transform: uppercase;
|
||
letter-spacing: 0.5px;
|
||
white-space: nowrap;
|
||
}
|
||
td { padding: 12px 16px; border-top: 1px solid var(--border); font-size: 14px; }
|
||
tr:hover td { background: #f8fafc; }
|
||
|
||
/* Chart grid */
|
||
.chart-grid {
|
||
display: grid;
|
||
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
|
||
gap: 24px;
|
||
}
|
||
.chart-card {
|
||
background: white;
|
||
border-radius: var(--radius);
|
||
padding: 28px;
|
||
box-shadow: var(--shadow-md);
|
||
border: 1px solid var(--border);
|
||
}
|
||
.chart-card h3 { font-size: 18px; margin-bottom: 16px; padding-bottom: 12px; border-bottom: 2px solid var(--primary); display: inline-block; }
|
||
|
||
/* Stat boxes */
|
||
.stat-row {
|
||
display: grid;
|
||
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
|
||
gap: 20px;
|
||
margin: 32px 0;
|
||
}
|
||
.stat-box {
|
||
background: white;
|
||
border-radius: var(--radius);
|
||
padding: 24px;
|
||
text-align: center;
|
||
box-shadow: var(--shadow-md);
|
||
border: 1px solid var(--border);
|
||
}
|
||
.stat-box .num {
|
||
font-size: 36px;
|
||
font-weight: 800;
|
||
background: var(--gradient-1);
|
||
-webkit-background-clip: text;
|
||
-webkit-text-fill-color: transparent;
|
||
background-clip: text;
|
||
}
|
||
.stat-box .label { color: var(--text-secondary); font-size: 13px; margin-top: 4px; }
|
||
|
||
/* Architecture diagram */
|
||
.arch-layer {
|
||
background: white;
|
||
border: 2px solid var(--border);
|
||
border-radius: var(--radius);
|
||
padding: 20px;
|
||
margin-bottom: 12px;
|
||
text-align: center;
|
||
}
|
||
.arch-layer.top { border-left: 4px solid var(--accent); }
|
||
.arch-layer.mid { border-left: 4px solid var(--primary); }
|
||
.arch-layer.bot { border-left: 4px solid #10b981; }
|
||
.arch-layer h4 { font-size: 14px; color: var(--text-secondary); margin-bottom: 8px; }
|
||
.arch-blocks { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; }
|
||
.arch-block {
|
||
background: #f1f5f9;
|
||
border-radius: 6px;
|
||
padding: 8px 14px;
|
||
font-size: 13px;
|
||
font-weight: 500;
|
||
white-space: nowrap;
|
||
}
|
||
|
||
/* Industry grid */
|
||
.industry-grid {
|
||
display: grid;
|
||
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
|
||
gap: 16px;
|
||
margin-top: 24px;
|
||
}
|
||
.industry-card {
|
||
background: white;
|
||
border-radius: var(--radius);
|
||
padding: 24px;
|
||
box-shadow: var(--shadow-md);
|
||
border: 1px solid var(--border);
|
||
border-top: 3px solid var(--primary);
|
||
transition: transform 0.2s;
|
||
}
|
||
.industry-card:hover { transform: translateY(-3px); }
|
||
.industry-card h4 { font-size: 16px; margin-bottom: 8px; }
|
||
.industry-card ul { list-style: none; padding: 0; }
|
||
.industry-card li { color: var(--text-secondary); font-size: 13px; padding: 2px 0; }
|
||
.industry-card li::before { content: "▸ "; color: var(--primary); }
|
||
|
||
/* Case */
|
||
.case-card {
|
||
background: white;
|
||
border-radius: var(--radius);
|
||
padding: 32px;
|
||
box-shadow: var(--shadow-md);
|
||
border: 1px solid var(--border);
|
||
margin-bottom: 24px;
|
||
}
|
||
.case-card h3 { font-size: 20px; margin-bottom: 16px; color: var(--primary); }
|
||
.case-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
|
||
@media (max-width: 768px) { .case-grid { grid-template-columns: 1fr; } }
|
||
.case-field h4 { font-size: 13px; color: var(--text-secondary); text-transform: uppercase; margin-bottom: 4px; }
|
||
.case-field p { font-size: 14px; }
|
||
|
||
/* Security */
|
||
.sec-grid {
|
||
display: grid;
|
||
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
|
||
gap: 16px;
|
||
}
|
||
.sec-card {
|
||
background: white;
|
||
border-radius: var(--radius);
|
||
padding: 20px;
|
||
box-shadow: var(--shadow-md);
|
||
border: 1px solid var(--border);
|
||
text-align: center;
|
||
border-top: 3px solid var(--success);
|
||
}
|
||
.sec-card h4 { font-size: 15px; margin-bottom: 8px; }
|
||
.sec-card ul { list-style: none; padding: 0; font-size: 13px; color: var(--text-secondary); }
|
||
.sec-card li { padding: 2px 0; }
|
||
|
||
/* Deploy */
|
||
pre.code-block {
|
||
background: #1e293b;
|
||
color: #e2e8f0;
|
||
border-radius: var(--radius);
|
||
padding: 20px 24px;
|
||
overflow-x: auto;
|
||
font-size: 13px;
|
||
line-height: 1.8;
|
||
margin: 16px 0;
|
||
}
|
||
pre.code-block .cmd { color: #66d9ef; }
|
||
pre.code-block .comment { color: #75715e; }
|
||
|
||
/* Footer */
|
||
footer {
|
||
background: #1e293b;
|
||
color: #94a3b8;
|
||
text-align: center;
|
||
padding: 40px 24px;
|
||
font-size: 13px;
|
||
}
|
||
|
||
/* Print */
|
||
@media print {
|
||
.nav { display: none; }
|
||
.hero { padding: 40px 24px; }
|
||
section { padding: 32px 0; page-break-inside: avoid; }
|
||
.value-card, .chart-card, .case-card { break-inside: avoid; }
|
||
}
|
||
|
||
.tag {
|
||
display: inline-block;
|
||
padding: 3px 10px;
|
||
border-radius: 12px;
|
||
font-size: 12px;
|
||
font-weight: 600;
|
||
margin: 2px;
|
||
}
|
||
.tag-blue { background: #dbeafe; color: #1e40af; }
|
||
.tag-green { background: #d1fae5; color: #065f46; }
|
||
.tag-purple { background: #ede9fe; color: #6b21a8; }
|
||
.tag-orange { background: #ffedd5; color: #9a3412; }
|
||
</style>
|
||
</head>
|
||
<body>
|
||
|
||
<!-- Hero -->
|
||
<header class="hero">
|
||
<h1>YqBoot 企业级敏捷开发平台</h1>
|
||
<p class="subtitle">一套平台 · 多种场景 · 快速交付 · 安全可控</p>
|
||
<p class="meta">
|
||
<span class="badge">v4.9.0.RELEASE</span>
|
||
<span class="badge">Spring Boot 3.5</span>
|
||
<span class="badge">Vue 3 + Vite 5</span>
|
||
<span class="badge">Java 17</span>
|
||
<span class="badge">信创全栈适配</span>
|
||
</p>
|
||
</header>
|
||
|
||
<!-- Nav -->
|
||
<nav class="nav">
|
||
<a href="#solution">解决方案</a>
|
||
<a href="#goals">建设目标</a>
|
||
<a href="#architecture">总体架构</a>
|
||
<a href="#modules">功能模块</a>
|
||
<a href="#tech">技术特性</a>
|
||
<a href="#security">安全体系</a>
|
||
<a href="#industries">应用领域</a>
|
||
<a href="#cases">典型案例</a>
|
||
<a href="#deploy">部署方案</a>
|
||
<a href="#service">服务支持</a>
|
||
</nav>
|
||
|
||
<main class="container">
|
||
|
||
<!-- 1. Solution -->
|
||
<section id="solution">
|
||
<h2 class="section-title">解决方案概述</h2>
|
||
<p class="section-subtitle">面向政企客户的全栈敏捷开发平台，解决数字化转型中的效率、安全、合规三大难题</p>
|
||
|
||
<div class="value-grid">
|
||
<div class="value-card">
|
||
<div class="icon">🚀</div>
|
||
<h3>开发提效 70%</h3>
|
||
<p>代码生成器覆盖 90% CRUD 场景，可视化流程设计，Avue 零代码表单/表格，3 天搭建原型</p>
|
||
</div>
|
||
<div class="value-card">
|
||
<div class="icon">🔒</div>
|
||
<h3>安全合规内置</h3>
|
||
<p>SM2/SM3/SM4 国密全链路加密，完整操作审计追踪，满足等保 2.0、密码法、数据安全法</p>
|
||
</div>
|
||
<div class="value-card">
|
||
<div class="icon">🏗️</div>
|
||
<h3>信创全栈适配</h3>
|
||
<p>MySQL/PostgreSQL/Oracle/SQL Server/达梦/人大金仓/崖山 7 种数据库，支持麒麟、UOS 国产系统</p>
|
||
</div>
|
||
<div class="value-card">
|
||
<div class="icon">🏢</div>
|
||
<h3>多租户 SaaS 架构</h3>
|
||
<p>字段隔离 + 数据源隔离双模式，无限级租户扩展，租户套餐管理，数据源动态切换，SaaS 化运营开箱即用</p>
|
||
</div>
|
||
<div class="value-card">
|
||
<div class="icon">🔄</div>
|
||
<h3>BPMN 2.0 工作流</h3>
|
||
<p>Flowable 6.x 轻量级引擎，可视化拖拽建模，多级审批、会签、转办、委派，嵌入式无需独立部署</p>
|
||
</div>
|
||
<div class="value-card">
|
||
<div class="icon">📊</div>
|
||
<h3>全方位监控运维</h3>
|
||
<p>Druid SQL 监控 + Prometheus + ELK 全链路日志 + SkyWalking APM + Spring Boot Admin 统一管控</p>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 2. Goals -->
|
||
<section id="goals">
|
||
<h2 class="section-title">建设目标</h2>
|
||
<p class="section-subtitle">打造"一套平台、多种场景、快速交付、安全可控"的企业级应用开发生态</p>
|
||
|
||
<div class="stat-row">
|
||
<div class="stat-box"><div class="num">3 天</div><div class="label">新业务模块原型搭建</div></div>
|
||
<div class="stat-box"><div class="num">2 周</div><div class="label">中小型业务系统交付</div></div>
|
||
<div class="stat-box"><div class="num">90%</div><div class="label">CRUD 场景代码生成覆盖</div></div>
|
||
<div class="stat-box"><div class="num">7 种</div><div class="label">数据库全适配</div></div>
|
||
<div class="stat-box"><div class="num">500+</div><div class="label">单机并发用户支撑</div></div>
|
||
</div>
|
||
|
||
<div class="table-wrap">
|
||
<table>
|
||
<tr><th>目标维度</th><th>具体指标</th></tr>
|
||
<tr><td>开发效率</td><td>代码生成器覆盖 90% CRUD 场景，开发效率提升 70%，表单/流程零代码搭建</td></tr>
|
||
<tr><td>安全合规</td><td>国密 SM2/SM3/SM4 全链路加密，完整操作审计，满足等保 2.0 三级要求</td></tr>
|
||
<tr><td>多租户</td><td>支持无限级租户扩展，数据物理/逻辑双模式隔离，透明拦截零代码侵入</td></tr>
|
||
<tr><td>信创适配</td><td>适配 7 种主流数据库 + 麒麟/UOS 国产操作系统 + 东方通/宝兰德国产中间件</td></tr>
|
||
<tr><td>可扩展性</td><td>41 个 Maven 模块，27 个 Starter 插件，热插拔架构不影响核心服务</td></tr>
|
||
<tr><td>运维便捷</td><td>Docker 一键部署，ELK + Prometheus + SkyWalking 全栈可观测性</td></tr>
|
||
</table>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 3. Architecture -->
|
||
<section id="architecture">
|
||
<h2 class="section-title">总体架构</h2>
|
||
<p class="section-subtitle">Spring Boot 3.x 单体 Boot 架构 + Vue 3 前后端分离，41 个 Maven 模块分层解耦</p>
|
||
|
||
<div class="arch-layer top">
|
||
<h4>前端展示层 — Vue 3.5 + Vite 5 + Element Plus 2.10 + Avue 3.7</h4>
|
||
<div class="arch-blocks">
|
||
<span class="arch-block">Element Plus UI</span>
|
||
<span class="arch-block">Avue 零代码 CRUD</span>
|
||
<span class="arch-block">BPMN.js 流程设计</span>
|
||
<span class="arch-block">ECharts 可视化</span>
|
||
<span class="arch-block">Avue Form 表单</span>
|
||
<span class="arch-block">vue-i18n 国际化</span>
|
||
<span class="arch-block">SM2 前端加密</span>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="arch-layer mid">
|
||
<h4>核心业务层 — Spring Boot 3.5 + MyBatis Plus + Flowable 6.x + PowerJob 4.x</h4>
|
||
<div class="arch-blocks">
|
||
<span class="arch-block">系统管理（用户/角色/菜单/部门/岗位）</span>
|
||
<span class="arch-block">认证授权（OAuth2/JWT/SM2/多因子）</span>
|
||
<span class="arch-block">工作流引擎（BPMN 2.0/Flowable）</span>
|
||
<span class="arch-block">任务调度（PowerJob 分布式）</span>
|
||
<span class="arch-block">代码生成器（多数据源/模板引擎）</span>
|
||
<span class="arch-block">报表引擎（uReport2 中式报表）</span>
|
||
<span class="arch-block">资源管理（OSS/SMS/附件）</span>
|
||
<span class="arch-block">规则引擎（LiteFlow + LiteRule）</span>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="arch-layer bot">
|
||
<h4>基础设施层 — 多云适配 + 多数据库 + 全栈监控</h4>
|
||
<div class="arch-blocks">
|
||
<span class="arch-block">MySQL 8.0</span>
|
||
<span class="arch-block">PostgreSQL 12+</span>
|
||
<span class="arch-block">Oracle 19c</span>
|
||
<span class="arch-block">达梦 DM8</span>
|
||
<span class="arch-block">人大金仓 V8</span>
|
||
<span class="arch-block">Redis 7.x</span>
|
||
<span class="arch-block">MinIO</span>
|
||
<span class="arch-block">Docker</span>
|
||
<span class="arch-block">Nginx</span>
|
||
</div>
|
||
</div>
|
||
|
||
<h3 style="text-align:center; margin: 32px 0 16px; font-size: 18px;">部署拓扑</h3>
|
||
<div style="text-align:center; font-family: monospace; font-size:13px; line-height:2; background:#1e293b; color:#e2e8f0; padding:32px; border-radius:12px;">
|
||
┌──────────────┐<br>
|
||
│ Nginx (LB) │<br>
|
||
└──────┬───────┘<br>
|
||
┌──────────┼──────────┐<br>
|
||
│ │ │<br>
|
||
┌───┴───┐ ┌───┴───┐ ┌───┴───┐<br>
|
||
│YqBoot │ │YqBoot │ │YqBoot │ ← 3+ 实例集群<br>
|
||
│Node-1 │ │Node-2 │ │Node-3 │<br>
|
||
└───┬───┘ └───┬───┘ └───┬───┘<br>
|
||
└──────────┼──────────┘<br>
|
||
┌──────────┼──────────┐<br>
|
||
│ │ │<br>
|
||
┌───┴───┐ ┌───┴───┐ ┌───┴───┐<br>
|
||
│MySQL │ │Redis │ │MinIO │<br>
|
||
│主从复制│ │哨兵模式│ │分布式集群│<br>
|
||
└───────┘ └───────┘ └───────┘<br>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 4. Modules -->
|
||
<section id="modules">
|
||
<h2 class="section-title">功能模块全景</h2>
|
||
<p class="section-subtitle">8 大核心模块 · 45 张数据表 · 70+ 功能页面 · 42+ 业务接口 · 84 张工作流表</p>
|
||
|
||
<div class="stat-row">
|
||
<div class="stat-box"><div class="num">8</div><div class="label">核心功能模块</div></div>
|
||
<div class="stat-box"><div class="num">45</div><div class="label">业务数据表</div></div>
|
||
<div class="stat-box"><div class="num">84</div><div class="label">工作流引擎表</div></div>
|
||
<div class="stat-box"><div class="num">70+</div><div class="label">前端功能页面</div></div>
|
||
</div>
|
||
|
||
<div class="chart-grid">
|
||
<div class="chart-card">
|
||
<h3>系统管理</h3>
|
||
<p>
|
||
<span class="tag tag-blue">用户管理</span><span class="tag tag-blue">角色管理</span>
|
||
<span class="tag tag-blue">菜单管理</span><span class="tag tag-blue">部门管理</span>
|
||
<span class="tag tag-blue">岗位管理</span><span class="tag tag-blue">租户管理</span>
|
||
<span class="tag tag-green">字典管理</span><span class="tag tag-green">参数配置</span>
|
||
<span class="tag tag-purple">行政区划</span><span class="tag tag-purple">顶部菜单</span>
|
||
<span class="tag tag-orange">租户套餐</span><span class="tag tag-orange">租户数据源</span>
|
||
</p>
|
||
</div>
|
||
<div class="chart-card">
|
||
<h3>认证授权</h3>
|
||
<p>
|
||
<span class="tag tag-blue">OAuth2 认证</span><span class="tag tag-blue">JWT 令牌</span>
|
||
<span class="tag tag-green">SM2 国密加密</span><span class="tag tag-green">图形验证码</span>
|
||
<span class="tag tag-purple">短信验证码</span><span class="tag tag-purple">第三方登录</span>
|
||
<span class="tag tag-orange">单点登录</span><span class="tag tag-orange">锁定机制</span>
|
||
<span class="tag tag-blue">Token 刷新</span><span class="tag tag-blue">自助注册</span>
|
||
</p>
|
||
</div>
|
||
<div class="chart-card">
|
||
<h3>工作流引擎 (Flowable 6.x)</h3>
|
||
<p>
|
||
<span class="tag tag-blue">BPMN 2.0 建模</span><span class="tag tag-blue">流程版本管理</span>
|
||
<span class="tag tag-green">待办/已办任务</span><span class="tag tag-green">任务签收/转办</span>
|
||
<span class="tag tag-purple">委派/加签/退件</span><span class="tag tag-purple">流程轨迹追溯</span>
|
||
<span class="tag tag-orange">SLA 超时告警</span><span class="tag tag-orange">多级审批 Demo</span>
|
||
</p>
|
||
</div>
|
||
<div class="chart-card">
|
||
<h3>任务调度 (PowerJob 4.x)</h3>
|
||
<p>
|
||
<span class="tag tag-blue">Cron 定时任务</span><span class="tag tag-blue">固定频率任务</span>
|
||
<span class="tag tag-green">执行历史追踪</span><span class="tag tag-green">分布式分片广播</span>
|
||
<span class="tag tag-purple">故障自动转移</span><span class="tag tag-purple">弹性扩缩容</span>
|
||
<span class="tag tag-orange">服务健康监控</span>
|
||
</p>
|
||
</div>
|
||
<div class="chart-card">
|
||
<h3>开发工具</h3>
|
||
<p>
|
||
<span class="tag tag-blue">多数据源代码生成</span><span class="tag tag-blue">拖拽表单设计器</span>
|
||
<span class="tag tag-green">30+ 字段类型</span><span class="tag tag-green">模板引擎定制</span>
|
||
<span class="tag tag-purple">7 种数据库 SQL</span><span class="tag tag-purple">可视化数据建模</span>
|
||
<span class="tag tag-orange">一鍵生成全套代码</span>
|
||
</p>
|
||
</div>
|
||
<div class="chart-card">
|
||
<h3>监控与审计</h3>
|
||
<p>
|
||
<span class="tag tag-blue">操作日志全量记录</span><span class="tag tag-blue">登录行为追踪</span>
|
||
<span class="tag tag-green">错误日志自动捕获</span><span class="tag tag-green">数据变更审计</span>
|
||
<span class="tag tag-purple">Druid SQL 监控</span><span class="tag tag-purple">慢 SQL 检测</span>
|
||
<span class="tag tag-orange">在线用户管理</span><span class="tag tag-orange">强制下线</span>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
<h3 style="margin-top:32px; margin-bottom:16px; font-size:18px;">企业级基础能力</h3>
|
||
<div class="table-wrap">
|
||
<table>
|
||
<tr><th>能力</th><th>说明</th><th>能力</th><th>说明</th></tr>
|
||
<tr><td><strong>对象存储</strong></td><td>MinIO/阿里云/腾讯云/华为云/七牛云/AWS S3/本地文件，7 种策略</td>
|
||
<td><strong>短信服务</strong></td><td>阿里云/腾讯云/七牛云/云片，4 种提供商</td></tr>
|
||
<tr><td><strong>报表引擎</strong></td><td>uReport2 中式报表，Web 设计器，导出 PDF/Excel/Word/CSV</td>
|
||
<td><strong>国际化</strong></td><td>前后端完整 i18n，默认中/英文，可扩展任意语言</td></tr>
|
||
<tr><td><strong>第三方登录</strong></td><td>微信/企业微信/钉钉/QQ/GitHub/Gitee 社交登录</td>
|
||
<td><strong>API 密钥</strong></td><td>API Key 管理、调用频次限制、使用日志追踪</td></tr>
|
||
<tr><td><strong>规则引擎</strong></td><td>LiteFlow + LiteRule 双引擎，复杂业务规则编排</td>
|
||
<td><strong>XSS 防护</strong></td><td>Jackson 反序列化清洗 + 表单清洗 + @XssIgnore 白名单</td></tr>
|
||
<tr><td><strong>分布式锁</strong></td><td>@RedisLock 注解驱动，防重复提交 @RedisDebounce</td>
|
||
<td><strong>字段加密</strong></td><td>@FieldEncrypt 注解，AES/DES/SM4/Base64 数据库字段加密</td></tr>
|
||
<tr><td><strong>数据审计</strong></td><td>@DataRecord 注解，自动新旧值对比，多级审计粒度</td>
|
||
<td><strong>分布式事务</strong></td><td>Seata 集成，跨服务数据一致性保证</td></tr>
|
||
<tr><td><strong>链路追踪</strong></td><td>SkyWalking APM 全链路监控</td>
|
||
<td><strong>灰度发布</strong></td><td>Grayscale 负载均衡，金丝雀发布策略</td></tr>
|
||
</table>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 5. Tech Features -->
|
||
<section id="tech">
|
||
<h2 class="section-title">核心技术特性</h2>
|
||
|
||
<div class="chart-grid">
|
||
<div class="chart-card">
|
||
<h3>代码生成器</h3>
|
||
<p style="font-size:13px; color:var(--text-secondary); margin-bottom:12px;">选择数据源 → 选择表 → 配置包名 → 一键生成</p>
|
||
<p style="font-size:12px; font-family:monospace; background:#f1f5f9; padding:12px; border-radius:8px;">
|
||
✓ Entity.java ✓ VO.java<br>
|
||
✓ Service.java ✓ ServiceImpl.java<br>
|
||
✓ Controller.java ✓ Mapper.java<br>
|
||
✓ Mapper.xml ✓ Wrapper.java<br>
|
||
✓ 7种数据库 DDL.sql
|
||
</p>
|
||
</div>
|
||
<div class="chart-card">
|
||
<h3>多租户架构</h3>
|
||
<p style="font-size:13px; color:var(--text-secondary);">
|
||
<strong>字段隔离（默认）：</strong>tenant_id 字段自动注入，MyBatis 拦截器零侵入<br>
|
||
<strong>数据源隔离：</strong>不同租户独立数据库，动态数据源路由<br>
|
||
<strong>租户套餐：</strong>控制菜单权限、数据源数量、附件容量<br>
|
||
<strong>到期控制：</strong>租户到期自动限制访问
|
||
</p>
|
||
</div>
|
||
<div class="chart-card">
|
||
<h3>权限控制体系</h3>
|
||
<p style="font-size:13px; color:var(--text-secondary);">
|
||
<strong>菜单权限：</strong>动态路由，菜单树控制<br>
|
||
<strong>按钮权限：</strong>module_action 粒度，增删改查按钮级<br>
|
||
<strong>接口权限：</strong>@PreAuth 注解 + API 端点级<br>
|
||
<strong>数据权限：</strong>行级隔离，本人/本部门/本级/自定义<br>
|
||
<strong>列权限：</strong>敏感字段可见性控制
|
||
</p>
|
||
</div>
|
||
<div class="chart-card">
|
||
<h3>7 数据库全适配</h3>
|
||
<p style="font-size:13px; color:var(--text-secondary);">
|
||
<span class="tag tag-blue">MySQL 5.7/8.0</span>
|
||
<span class="tag tag-green">PostgreSQL 12+</span>
|
||
<span class="tag tag-purple">Oracle 11g/19c</span>
|
||
<span class="tag tag-orange">SQL Server 2016+</span>
|
||
<span class="tag tag-blue">达梦 DM8</span>
|
||
<span class="tag tag-green">人大金仓 V8</span>
|
||
<span class="tag tag-purple">崖山 DB</span>
|
||
<br><br>每种数据库提供完整 45+84=129 张表的创建脚本
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 6. Security -->
|
||
<section id="security">
|
||
<h2 class="section-title">安全体系</h2>
|
||
<p class="section-subtitle">多层纵深防御，满足等保 2.0 三级、密码法、数据安全法合规要求</p>
|
||
|
||
<div class="sec-grid">
|
||
<div class="sec-card">
|
||
<h4>🔐 传输安全</h4>
|
||
<ul>
|
||
<li>HTTPS 强制加密</li>
|
||
<li>SM2 国密传输加密</li>
|
||
<li>XSS / CSRF 防护</li>
|
||
<li>SQL 注入防护</li>
|
||
<li>CORS 安全策略</li>
|
||
<li>Nonce 防重放攻击</li>
|
||
</ul>
|
||
</div>
|
||
<div class="sec-card">
|
||
<h4>🛡️ 认证安全</h4>
|
||
<ul>
|
||
<li>OAuth2 标准认证</li>
|
||
<li>JWT 令牌校验</li>
|
||
<li>图形 + 短信双因子</li>
|
||
<li>连续失败自动锁定</li>
|
||
<li>SSO 单点登录</li>
|
||
<li>并发请求 Token 排队</li>
|
||
</ul>
|
||
</div>
|
||
<div class="sec-card">
|
||
<h4>🔏 数据安全</h4>
|
||
<ul>
|
||
<li>SM2 密码加密传输</li>
|
||
<li>SM4 数据库字段加密</li>
|
||
<li>敏感数据自动脱敏</li>
|
||
<li>API 报文 AES/DES 加密</li>
|
||
<li>API 签名验证</li>
|
||
<li>数据库连接加密</li>
|
||
</ul>
|
||
</div>
|
||
<div class="sec-card">
|
||
<h4>📋 审计安全</h4>
|
||
<ul>
|
||
<li>全量 API 调用记录</li>
|
||
<li>登录行为多维分析</li>
|
||
<li>异常登录自动检测</li>
|
||
<li>数据变更新旧对比</li>
|
||
<li>操作日志 IP 溯源</li>
|
||
<li>合规报告一键导出</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 7. Industries -->
|
||
<section id="industries">
|
||
<h2 class="section-title">应用领域</h2>
|
||
<p class="section-subtitle">平台能力覆盖政务、医疗、制造、教育、金融、物流、建筑、农业等核心行业</p>
|
||
|
||
<div class="industry-grid">
|
||
<div class="industry-card">
|
||
<h4>🏛 政务服务</h4>
|
||
<ul><li>行政审批系统</li><li>电子证照管理</li><li>一网通办平台</li><li>政务数据中台</li></ul>
|
||
</div>
|
||
<div class="industry-card">
|
||
<h4>🏥 智慧医疗</h4>
|
||
<ul><li>药品监管追溯</li><li>处方流转平台</li><li>疫苗全程追溯</li><li>医疗审批管理</li></ul>
|
||
</div>
|
||
<div class="industry-card">
|
||
<h4>🏭 智能制造</h4>
|
||
<ul><li>生产管理系统</li><li>质量追溯平台</li><li>设备管理维护</li><li>供应链协同</li></ul>
|
||
</div>
|
||
<div class="industry-card">
|
||
<h4>🎓 智慧教育</h4>
|
||
<ul><li>教务管理系统</li><li>在线考试平台</li><li>校园一卡通</li><li>科研管理平台</li></ul>
|
||
</div>
|
||
<div class="industry-card">
|
||
<h4>💰 金融保险</h4>
|
||
<ul><li>信贷审批系统</li><li>保险理赔流程</li><li>风控管理平台</li><li>客户管理系统</li></ul>
|
||
</div>
|
||
<div class="industry-card">
|
||
<h4>🚚 智慧物流</h4>
|
||
<ul><li>运单管理系统</li><li>仓储管理平台</li><li>车辆调度系统</li><li>配送追踪平台</li></ul>
|
||
</div>
|
||
<div class="industry-card">
|
||
<h4>🏗 建筑工程</h4>
|
||
<ul><li>项目管理系统</li><li>工程审批流程</li><li>材料管理平台</li><li>BIM 协同平台</li></ul>
|
||
</div>
|
||
<div class="industry-card">
|
||
<h4>🌾 数字农业</h4>
|
||
<ul><li>农产品追溯系统</li><li>智慧农场管理</li><li>农资进销存</li><li>农机调度平台</li></ul>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="table-wrap" style="margin-top:32px;">
|
||
<table>
|
||
<tr><th>典型场景</th><th>需要的平台能力</th><th>预计提效</th></tr>
|
||
<tr><td>企业内部管理系统</td><td>用户/角色/菜单 + 代码生成 + 工作流</td><td><span class="tag tag-green">70%</span></td></tr>
|
||
<tr><td>SaaS 多租户平台</td><td>多租户 + 套餐 + 数据隔离 + 代码生成</td><td><span class="tag tag-green">65%</span></td></tr>
|
||
<tr><td>政务审批系统</td><td>工作流引擎 + 表单设计 + 电子签章集成</td><td><span class="tag tag-green">60%</span></td></tr>
|
||
<tr><td>信创系统迁移</td><td>多数据库适配 + 国密加密 + 国产中间件</td><td><span class="tag tag-green">80%</span></td></tr>
|
||
<tr><td>数据中台建设</td><td>多数据源 + 报表引擎 + API 网关</td><td><span class="tag tag-green">55%</span></td></tr>
|
||
</table>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 8. Cases -->
|
||
<section id="cases">
|
||
<h2 class="section-title">典型案例</h2>
|
||
|
||
<div class="case-card">
|
||
<h3>案例一：药品监管 AI 平台</h3>
|
||
<div class="case-grid">
|
||
<div class="case-field"><h4>客户</h4><p>某省药品监督管理局</p></div>
|
||
<div class="case-field"><h4>行业</h4><p>智慧政务 / 药品监管</p></div>
|
||
<div class="case-field"><h4>核心需求</h4><p>药品生产-流通-使用全链条监管、企业许可审批、追溯召回、风险预警</p></div>
|
||
<div class="case-field"><h4>方案</h4><p>基于 YqBoot 3 周搭建框架，Flowable 审批流程，AI 风险研判模型，省-市-县三级租户隔离</p></div>
|
||
<div class="case-field"><h4>效果</h4><p>开发周期缩短 65%（4月→6周）、监管效率提升 50%、通过等保三级</p></div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="case-card">
|
||
<h3>案例二：智慧园区管理平台</h3>
|
||
<div class="case-grid">
|
||
<div class="case-field"><h4>客户</h4><p>某国家级高新技术产业开发区</p></div>
|
||
<div class="case-field"><h4>行业</h4><p>产业园区 / 智慧城市</p></div>
|
||
<div class="case-field"><h4>核心需求</h4><p>企业入驻全流程管理、物业服务工单、招商引资项目管理、经营数据大屏</p></div>
|
||
<div class="case-field"><h4>方案</h4><p>多租户架构（管委会=管理组，企业=子租户），PowerJob 定时报表，MinIO 电子档案，ECharts 大屏</p></div>
|
||
<div class="case-field"><h4>效果</h4><p>入驻审批 15天→3天、工单效率提升 40%、大屏成为上级视察标配</p></div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="case-card">
|
||
<h3>案例三：国企 OA 协同办公系统</h3>
|
||
<div class="case-grid">
|
||
<div class="case-field"><h4>客户</h4><p>某省属大型国企集团</p></div>
|
||
<div class="case-field"><h4>行业</h4><p>大型国企 / 信创迁移</p></div>
|
||
<div class="case-field"><h4>核心需求</h4><p>集团-子公司二级组织架构、公文流转审批、用印/用车/请假/报销、Oracle→达梦迁移</p></div>
|
||
<div class="case-field"><h4>方案</h4><p>Flowable 10+ 审批流程，表单设计器搭各类申请单，达梦 DM8 零代码适配，SM2 国密公文加密</p></div>
|
||
<div class="case-field"><h4>效果</h4><p>日均审批 500+ 单、Oracle→达梦 2 周完成、年运维成本降低 60%</p></div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 9. Deploy -->
|
||
<section id="deploy">
|
||
<h2 class="section-title">部署方案</h2>
|
||
|
||
<div class="chart-grid">
|
||
<div class="chart-card">
|
||
<h3>环境要求</h3>
|
||
<table style="font-size:13px;">
|
||
<tr><th>组件</th><th>最低</th><th>推荐</th></tr>
|
||
<tr><td>JDK</td><td>17+</td><td>21 LTS</td></tr>
|
||
<tr><td>Maven</td><td>3.6+</td><td>3.9+</td></tr>
|
||
<tr><td>Node.js</td><td>18+</td><td>20 LTS</td></tr>
|
||
<tr><td>MySQL</td><td>5.7+</td><td>8.0</td></tr>
|
||
<tr><td>Redis</td><td>5.0+</td><td>7.x</td></tr>
|
||
<tr><td>OS</td><td colspan="2">CentOS 7 / Ubuntu 20.04 / 麒麟 V10 / UOS</td></tr>
|
||
</table>
|
||
</div>
|
||
<div class="chart-card">
|
||
<h3>快速部署</h3>
|
||
<pre class="code-block" style="font-size:12px;">
|
||
<span class="comment"># 1. 后端打包</span>
|
||
<span class="cmd">cd</span> backend
|
||
<span class="cmd">mvn clean package</span> -DskipTests
|
||
|
||
<span class="comment"># 2. 前端构建</span>
|
||
<span class="cmd">cd</span> frontend
|
||
<span class="cmd">pnpm install && pnpm run build:prod</span>
|
||
|
||
<span class="comment"># 3. Docker 一键部署</span>
|
||
<span class="cmd">docker-compose up -d</span>
|
||
</pre>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="table-wrap" style="margin-top:24px;">
|
||
<table>
|
||
<tr><th>环境</th><th>应用层</th><th>数据库</th><th>缓存</th><th>存储</th></tr>
|
||
<tr><td><strong>开发</strong></td><td>单实例</td><td>单机 MySQL</td><td>单机 Redis</td><td>本地 / MinIO</td></tr>
|
||
<tr><td><strong>测试</strong></td><td>2 实例</td><td>MySQL 主从</td><td>Redis 主从</td><td>MinIO 单节点</td></tr>
|
||
<tr><td><strong>生产</strong></td><td>3+ Nginx LB</td><td>MySQL 主从+读写分离</td><td>Redis 哨兵/集群</td><td>MinIO 分布式集群 / 云 OSS</td></tr>
|
||
</table>
|
||
</div>
|
||
|
||
<p style="margin-top:16px; text-align:center;">
|
||
<span class="tag tag-green">Docker 容器化</span>
|
||
<span class="tag tag-blue">ELK 全链路日志</span>
|
||
<span class="tag tag-purple">Prometheus + Grafana</span>
|
||
<span class="tag tag-orange">SkyWalking APM</span>
|
||
<span class="tag tag-blue">Spring Boot Admin</span>
|
||
</p>
|
||
</section>
|
||
|
||
<!-- 10. Service -->
|
||
<section id="service">
|
||
<h2 class="section-title">服务与支持</h2>
|
||
|
||
<div class="chart-grid">
|
||
<div class="chart-card">
|
||
<h3>全生命周期服务</h3>
|
||
<table style="font-size:13px;">
|
||
<tr><th>阶段</th><th>内容</th></tr>
|
||
<tr><td><strong>售前咨询</strong></td><td>需求分析、方案设计、PoC 验证</td></tr>
|
||
<tr><td><strong>实施部署</strong></td><td>环境搭建、数据迁移、系统集成</td></tr>
|
||
<tr><td><strong>定制开发</strong></td><td>业务模块定制、第三方系统对接</td></tr>
|
||
<tr><td><strong>培训赋能</strong></td><td>管理员/开发人员/用户三级培训</td></tr>
|
||
<tr><td><strong>运维支持</strong></td><td>7×24 技术支持、定期巡检、版本升级</td></tr>
|
||
<tr><td><strong>持续优化</strong></td><td>性能优化、业务扩展、安全加固</td></tr>
|
||
</table>
|
||
</div>
|
||
<div class="chart-card">
|
||
<h3>交付物清单</h3>
|
||
<table style="font-size:13px;">
|
||
<tr><th>交付物</th><th>说明</th></tr>
|
||
<tr><td>系统安装包</td><td>后端 JAR + 前端静态资源</td></tr>
|
||
<tr><td>数据库脚本</td><td>7 种数据库 129 张表</td></tr>
|
||
<tr><td>部署文档</td><td>详细步骤与环境要求</td></tr>
|
||
<tr><td>开发手册</td><td>API 文档 + 二次开发指南</td></tr>
|
||
<tr><td>用户手册</td><td>各模块功能操作说明</td></tr>
|
||
<tr><td>源码 License</td><td>商业授权证书</td></tr>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
</main>
|
||
|
||
<footer>
|
||
<p style="font-size:16px; color:white; font-weight:600; margin-bottom:8px;">YqBoot 企业级敏捷开发平台</p>
|
||
<p>版本 4.9.0.RELEASE | Spring Boot 3.5 + Vue 3 | Java 17 | 信创全栈适配</p>
|
||
<p style="margin-top:12px;">© 2026 YqBoot. All rights reserved. 本文档为商业机密，未经授权不得复制或分发。</p>
|
||
</footer>
|
||
|
||
</body>
|
||
</html>
|