Files
wiki/YqBoot系统说明书/系统说明书-演示文稿.html
T
zdh 9ab69a81f0 添加 YqBoot 系统说明书全套文档
包含 Markdown、HTML、演示文稿 HTML、PPTX 四种格式及核心功能截图
2026-05-26 10:38:26 +08:00

436 lines
20 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!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>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/reveal.js@5.0.4/dist/reveal.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/reveal.js@5.0.4/dist/theme/white.min.css">
<style>
:root {
--primary: #1a73e8;
--accent: #00b4d8;
--dark: #0f172a;
}
.reveal { font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif; font-size: 28px; }
.reveal h1 { font-size: 2.2em; font-weight: 800; letter-spacing: -1px; }
.reveal h2 { font-size: 1.6em; font-weight: 700; color: var(--primary); }
.reveal h3 { font-size: 1.2em; font-weight: 600; }
.reveal p, .reveal li { font-size: 0.85em; line-height: 1.6; }
.reveal section { padding: 20px; }
.reveal table { font-size: 0.65em; margin: 0 auto; }
.reveal th { background: #1a73e8; color: white; padding: 8px 14px; }
.reveal td { padding: 6px 14px; border-bottom: 1px solid #e2e8f0; }
.reveal pre { font-size: 0.55em; box-shadow: none; }
.reveal .slides { text-align: left; }
.reveal .center { text-align: center; }
/* Cover slide */
.cover { background: linear-gradient(135deg, #1a73e8 0%, #0f172a 100%); color: white !important; }
.cover h1 { color: white !important; font-size: 2.8em; }
.cover h2 { color: rgba(255,255,255,0.9) !important; font-size: 1.2em; }
.cover p { color: rgba(255,255,255,0.7) !important; }
/* Grid layouts */
.grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.grid-3 { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 16px; }
.grid-4 { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 12px; }
.card { background: #f8fafc; border-radius: 10px; padding: 18px; border: 1px solid #e2e8f0; }
.card h4 { margin: 0 0 8px; font-size: 0.9em; color: var(--primary); }
.card p, .card ul { font-size: 0.7em; margin: 0; }
.card ul { padding-left: 18px; }
.stat { text-align: center; padding: 12px; }
.stat .num { font-size: 2em; font-weight: 800; color: var(--primary); }
.stat .label { font-size: 0.55em; color: #64748b; }
.tag { display: inline-block; padding: 2px 8px; border-radius: 10px; font-size: 0.6em; font-weight: 600; margin: 2px; }
.tag-b { background: #dbeafe; color: #1e40af; }
.tag-g { background: #d1fae5; color: #065f46; }
.tag-p { background: #ede9fe; color: #6b21a8; }
.tag-o { background: #ffedd5; color: #9a3412; }
.divider { width: 60px; height: 4px; background: var(--primary); margin: 12px auto; border-radius: 2px; }
.footer-note { position: absolute; bottom: 10px; right: 20px; font-size: 0.4em; color: #94a3b8; }
</style>
</head>
<body>
<div class="reveal">
<div class="slides">
<!-- Slide 1: Cover -->
<section class="cover center">
<br><br>
<h1>YqBoot</h1>
<h2>企业级敏捷开发平台</h2>
<div class="divider"></div>
<p style="font-size:0.7em;">一套平台 · 多种场景 · 快速交付 · 安全可控</p>
<p style="font-size:0.5em; margin-top:40px;">v4.9.0.RELEASE &nbsp;|&nbsp; Spring Boot 3.5 &nbsp;|&nbsp; Vue 3 + Vite 5 &nbsp;|&nbsp; Java 17</p>
</section>
<!-- Slide 2: Agenda -->
<section>
<h2>汇报提纲</h2>
<br>
<div class="grid-2">
<div style="font-size:0.8em;">
<p>1. 产品定位与核心价值</p>
<p>2. 建设目标</p>
<p>3. 总体架构</p>
<p>4. 功能模块全景</p>
<p>5. 核心技术特性</p>
</div>
<div style="font-size:0.8em;">
<p>6. 安全合规体系</p>
<p>7. 应用领域</p>
<p>8. 典型案例</p>
<p>9. 部署方案</p>
<p>10. 服务与支持</p>
</div>
</div>
</section>
<!-- Slide 3: Pain Points -->
<section>
<h2>数字化转型痛点</h2>
<br>
<div class="grid-3">
<div class="card"><h4>🐌 开发效率低</h4><p>每个项目从零搭建,重复造轮子,交付周期 3-6 个月</p></div>
<div class="card"><h4>🔧 技术栈碎片化</h4><p>不同系统不同技术栈,维护成本高,人员难复用</p></div>
<div class="card"><h4>🔐 安全合规压力</h4><p>等保 2.0、密码法、数据安全法,合规门槛高</p></div>
<div class="card"><h4>🏢 多租户管理复杂</h4><p>SaaS 化运营需要完善的数据隔离与租户管理</p></div>
<div class="card"><h4>🇨🇳 信创国产化</h4><p>核心系统需适配国产数据库、操作系统、中间件</p></div>
<div class="card"><h4>📈 业务扩展困难</h4><p>缺乏工作流、报表、代码生成器等业务支撑组件</p></div>
</div>
</section>
<!-- Slide 4: Core Value -->
<section>
<h2>产品定位与核心价值</h2>
<br>
<div class="grid-4">
<div class="stat"><div class="num">🚀</div><div class="label" style="font-size:0.7em;font-weight:700;">开发提效 70%</div><div class="label">代码生成器<br>零代码 CRUD<br>3 天搭建原型</div></div>
<div class="stat"><div class="num">🔒</div><div class="label" style="font-size:0.7em;font-weight:700;">安全合规内置</div><div class="label">国密全链路<br>完整审计追踪<br>等保 2.0 就绪</div></div>
<div class="stat"><div class="num">🏗️</div><div class="label" style="font-size:0.7em;font-weight:700;">信创全栈</div><div class="label">7 种数据库<br>国产操作系统<br>国密算法全覆盖</div></div>
<div class="stat"><div class="num">🏢</div><div class="label" style="font-size:0.7em;font-weight:700;">多租户 SaaS</div><div class="label">字段/数据源隔离<br>租户套餐管理<br>零侵入拦截</div></div>
</div>
</section>
<!-- Slide 5: Goals -->
<section>
<h2>建设目标</h2>
<br>
<div class="grid-4">
<div class="stat"><div class="num">3 天</div><div class="label">原型搭建</div></div>
<div class="stat"><div class="num">2 周</div><div class="label">系统交付</div></div>
<div class="stat"><div class="num">90%</div><div class="label">代码生成覆盖</div></div>
<div class="stat"><div class="num">500+</div><div class="label">并发用户</div></div>
</div>
<br>
<table>
<tr><th>目标维度</th><th>具体指标</th></tr>
<tr><td>开发效率</td><td>代码生成器覆盖 90% CRUD 场景,效率提升 70%</td></tr>
<tr><td>安全合规</td><td>国密全链路加密,满足等保 2.0 三级</td></tr>
<tr><td>多租户</td><td>无限级租户扩展,物理/逻辑双模式隔离</td></tr>
<tr><td>信创适配</td><td>7 种数据库 + 麒麟/UOS + 东方通/宝兰德</td></tr>
<tr><td>运维便捷</td><td>Docker 一键部署,ELK + Prometheus 全栈可观测</td></tr>
</table>
</section>
<!-- Slide 6: Architecture -->
<section>
<h2>总体架构</h2>
<br>
<div style="border:2px solid #00b4d8; border-radius:10px; padding:14px; margin-bottom:8px;">
<h4 style="margin:0;color:#64748b;">前端展示层 — Vue 3.5 + Vite 5</h4>
<p style="font-size:0.55em; margin:4px 0;">
<span class="tag tag-b">Element Plus</span><span class="tag tag-b">Avue CRUD</span>
<span class="tag tag-b">BPMN.js</span><span class="tag tag-b">ECharts</span>
<span class="tag tag-b">vue-i18n</span><span class="tag tag-b">SM2 加密</span>
</p>
</div>
<div style="border:2px solid #1a73e8; border-radius:10px; padding:14px; margin-bottom:8px;">
<h4 style="margin:0;color:#64748b;">核心业务层 — Spring Boot 3.5 + MyBatis Plus</h4>
<p style="font-size:0.55em; margin:4px 0;">
<span class="tag tag-g">系统管理</span><span class="tag tag-g">认证授权</span>
<span class="tag tag-g">Flowable 工作流</span><span class="tag tag-g">PowerJob 调度</span>
<span class="tag tag-p">代码生成器</span><span class="tag tag-p">uReport2 报表</span>
<span class="tag tag-o">OSS/SMS</span><span class="tag tag-o">LiteFlow 规则</span>
</p>
</div>
<div style="border:2px solid #10b981; border-radius:10px; padding:14px;">
<h4 style="margin:0;color:#64748b;">基础设施层 — 多云适配 + 7 种数据库</h4>
<p style="font-size:0.55em; margin:4px 0;">
<span class="tag tag-g">MySQL</span><span class="tag tag-g">PostgreSQL</span>
<span class="tag tag-g">Oracle</span><span class="tag tag-g">达梦 DM8</span>
<span class="tag tag-g">人大金仓</span><span class="tag tag-p">Redis 7.x</span>
<span class="tag tag-o">MinIO</span><span class="tag tag-o">Docker</span>
</p>
</div>
<p class="footer-note">单体 Boot 架构 · 41 个 Maven 模块 · 27 个 Starter 插件</p>
</section>
<!-- Slide 7: Modules overview -->
<section>
<h2>功能模块全景</h2>
<br>
<div class="grid-4">
<div class="stat"><div class="num">8</div><div class="label">核心模块</div></div>
<div class="stat"><div class="num">45</div><div class="label">业务数据表</div></div>
<div class="stat"><div class="num">84</div><div class="label">工作流表</div></div>
<div class="stat"><div class="num">70+</div><div class="label">功能页面</div></div>
</div>
</section>
<!-- Slide 8: Modules detail 1 -->
<section>
<h2>系统管理 & 认证授权</h2>
<br>
<div class="grid-2">
<div class="card">
<h4>系统管理</h4>
<ul>
<li>用户/角色/菜单/部门/岗位管理</li>
<li>租户管理 + 套餐 + 数据源绑定</li>
<li>系统字典 + 业务字典双模式</li>
<li>国标 6 级行政区划数据</li>
<li>参数在线配置、缓存实时生效</li>
<li>操作日志/登录日志/错误日志</li>
</ul>
</div>
<div class="card">
<h4>认证授权</h4>
<ul>
<li>OAuth2 标准认证(5 种授权模式)</li>
<li>JWT 无状态令牌 + Redis 有状态模式</li>
<li>SM2 国密登录密码加密</li>
<li>图形验证码 + 短信验证码双因子</li>
<li>连续失败自动锁定</li>
<li>微信/钉钉/QQ/GitHub 社交登录</li>
</ul>
</div>
</div>
</section>
<!-- Slide 9: Modules detail 2 -->
<section>
<h2>工作流引擎 & 任务调度</h2>
<br>
<div class="grid-2">
<div class="card">
<h4>Flowable 6.x 工作流</h4>
<ul>
<li>BPMN 2.0 可视化流程建模</li>
<li>多级审批/会签/或签/条件分支</li>
<li>待办/已办/签收/转办/委派/加签</li>
<li>流程版本管理、发布/停用</li>
<li>流程轨迹追溯、节点耗时统计</li>
<li>SLA 超时告警</li>
<li>嵌入式引擎,无需独立部署</li>
</ul>
</div>
<div class="card">
<h4>PowerJob 4.x 任务调度</h4>
<ul>
<li>Cron 表达式 / 固定频率 / 一次性任务</li>
<li>完整执行历史与耗时追踪</li>
<li>分片广播、故障自动转移</li>
<li>弹性扩缩容</li>
<li>Server 健康监控</li>
<li>分布式高可用部署</li>
</ul>
</div>
</div>
</section>
<!-- Slide 10: Dev Tools -->
<section>
<h2>开发工具 — 效率核心</h2>
<br>
<div class="grid-2">
<div class="card">
<h4>代码生成器</h4>
<p style="font-size:0.6em;">[选择数据源] → [选择表] → [配置包名] → [一键生成]</p>
<ul style="font-size:0.55em;">
<li>Entity + VO + Controller + Service + Mapper + XML</li>
<li>7 种数据库 DDL 建表语句</li>
<li>模板引擎支持 Beetl 定制</li>
<li>多数据源切换生成</li>
</ul>
</div>
<div class="card">
<h4>表单设计器</h4>
<ul style="font-size:0.65em;">
<li>拖拽式表单设计</li>
<li>30+ 字段类型</li>
<li>表单联动与校验规则</li>
<li>与工作流引擎无缝集成</li>
</ul>
</div>
</div>
</section>
<!-- Slide 11: Security -->
<section>
<h2>安全合规体系</h2>
<br>
<div class="grid-4">
<div class="card"><h4>🔐 传输安全</h4><ul><li>HTTPS 强制</li><li>SM2 国密传输</li><li>XSS/CSRF 防护</li><li>SQL 注入防护</li><li>防重放攻击</li></ul></div>
<div class="card"><h4>🛡 认证安全</h4><ul><li>OAuth2 认证</li><li>JWT 令牌</li><li>双因子认证</li><li>锁定机制</li><li>SSO 单点登录</li></ul></div>
<div class="card"><h4>🔏 数据安全</h4><ul><li>SM2 密码加密</li><li>SM4 字段加密</li><li>敏感数据脱敏</li><li>API 报文加密</li><li>签名验证</li></ul></div>
<div class="card"><h4>📋 审计安全</h4><ul><li>API 全量记录</li><li>登录行为追踪</li><li>数据变更审计</li><li>异常登录检测</li><li>合规报告导出</li></ul></div>
</div>
<br>
<p style="text-align:center; font-size:0.7em;"><strong>合规能力:</strong>等保 2.0 三级 &nbsp;|&nbsp; 密码法 &nbsp;|&nbsp; 数据安全法 &nbsp;|&nbsp; GDPR</p>
</section>
<!-- Slide 12: Multi-DB -->
<section>
<h2>信创全栈适配 — 7 种数据库</h2>
<br>
<table>
<tr><th>数据库</th><th>版本</th><th>类型</th><th>业务表</th><th>工作流表</th></tr>
<tr><td><strong>MySQL</strong></td><td>5.7 / 8.0</td><td>开源</td><td>45</td><td>84</td></tr>
<tr><td><strong>PostgreSQL</strong></td><td>12+</td><td>开源</td><td>45</td><td>84</td></tr>
<tr><td><strong>Oracle</strong></td><td>11g / 19c</td><td>商业</td><td>45</td><td>84</td></tr>
<tr><td><strong>SQL Server</strong></td><td>2016+</td><td>商业</td><td>45</td><td>84</td></tr>
<tr><td><strong>达梦 DM8</strong></td><td>8.x</td><td>国产信创</td><td>45</td><td>84</td></tr>
<tr><td><strong>人大金仓</strong></td><td>KingbaseES V8</td><td>国产信创</td><td>45</td><td>84</td></tr>
<tr><td><strong>崖山 DB</strong></td><td>YashanDB</td><td>国产信创</td><td>45</td><td>84</td></tr>
</table>
<p style="text-align:center; font-size:0.6em; margin-top:12px;">每种数据库提供完整的 129 张表创建脚本 + 版本升级脚本</p>
</section>
<!-- Slide 13: Industries -->
<section>
<h2>应用领域</h2>
<br>
<div class="grid-4">
<div class="card"><h4>🏛 政务服务</h4><ul><li>行政审批</li><li>电子证照</li><li>一网通办</li></ul></div>
<div class="card"><h4>🏥 智慧医疗</h4><ul><li>药品监管</li><li>处方流转</li><li>疫苗追溯</li></ul></div>
<div class="card"><h4>🏭 智能制造</h4><ul><li>生产管理</li><li>质量追溯</li><li>设备管理</li></ul></div>
<div class="card"><h4>🎓 智慧教育</h4><ul><li>教务管理</li><li>在线考试</li><li>校园一卡通</li></ul></div>
<div class="card"><h4>💰 金融保险</h4><ul><li>信贷审批</li><li>保险理赔</li><li>风控管理</li></ul></div>
<div class="card"><h4>🚚 智慧物流</h4><ul><li>运单管理</li><li>仓储管理</li><li>车辆调度</li></ul></div>
<div class="card"><h4>🏗 建筑工程</h4><ul><li>项目管理</li><li>工程审批</li><li>材料管理</li></ul></div>
<div class="card"><h4>🌾 数字农业</h4><ul><li>农产品追溯</li><li>智慧农场</li><li>农资进销存</li></ul></div>
</div>
</section>
<!-- Slide 14: Case 1 -->
<section>
<h2>案例一:药品监管 AI 平台</h2>
<br>
<table>
<tr><th style="width:20%">项目</th><th>内容</th></tr>
<tr><td><strong>客户</strong></td><td>某省药品监督管理局</td></tr>
<tr><td><strong>需求</strong></td><td>药品生产-流通-使用全链条监管、许可审批、追溯召回、风险预警</td></tr>
<tr><td><strong>方案</strong></td><td>YqBoot 3 周搭建框架 + Flowable 审批流 + AI 研判模型 + 省-市-县三级租户</td></tr>
<tr><td><strong>效果</strong></td><td>开发周期缩短 65%(4月→6周)· 监管效率提升 50% · 通过等保三级</td></tr>
</table>
</section>
<!-- Slide 15: Case 2 -->
<section>
<h2>案例二:智慧园区管理平台</h2>
<br>
<table>
<tr><th style="width:20%">项目</th><th>内容</th></tr>
<tr><td><strong>客户</strong></td><td>某国家级高新技术产业开发区</td></tr>
<tr><td><strong>需求</strong></td><td>企业入驻全流程管理、物业服务工单、招商引资项目、经营数据大屏</td></tr>
<tr><td><strong>方案</strong></td><td>多租户(管委会=管理组 / 企业=子租户)+ PowerJob 定时报表 + MinIO 电子档案</td></tr>
<tr><td><strong>效果</strong></td><td>入驻审批 15天→3天 · 工单效率提升 40% · 大屏成为上级视察标配</td></tr>
</table>
</section>
<!-- Slide 16: Case 3 -->
<section>
<h2>案例三:国企 OA 协同办公系统</h2>
<br>
<table>
<tr><th style="width:20%">项目</th><th>内容</th></tr>
<tr><td><strong>客户</strong></td><td>某省属大型国企集团</td></tr>
<tr><td><strong>需求</strong></td><td>集团-子公司二级组织架构、公文流转审批、用印/用车/请假/报销、Oracle→达梦迁移</td></tr>
<tr><td><strong>方案</strong></td><td>Flowable 10+ 审批流程 + 表单设计器 + 达梦 DM8 零代码适配 + SM2 国密公文加密</td></tr>
<tr><td><strong>效果</strong></td><td>日均审批 500+ 单 · Oracle→达梦 2 周完成 · 年运维成本降低 60%</td></tr>
</table>
</section>
<!-- Slide 17: Deploy -->
<section>
<h2>部署方案</h2>
<br>
<div class="grid-2">
<div>
<h4 style="font-size:0.9em;">快速部署(Docker</h4>
<pre><code># 后端打包
mvn clean package -DskipTests
# 前端构建
pnpm install && pnpm run build:prod
# 一键部署
docker-compose up -d</code></pre>
</div>
<div>
<h4 style="font-size:0.9em;">生产高可用</h4>
<ul style="font-size:0.6em;">
<li><strong>应用层:</strong>Nginx LB + 3+ 实例集群</li>
<li><strong>数据库:</strong>MySQL 主从 + 读写分离</li>
<li><strong>缓存:</strong>Redis 哨兵 / 集群模式</li>
<li><strong>存储:</strong>MinIO 分布式 / 云 OSS</li>
<li><strong>监控:</strong>Prometheus + Grafana + ELK</li>
</ul>
</div>
</div>
</section>
<!-- Slide 18: Summary -->
<section class="cover center">
<br>
<h2 style="color:white !important;">为什么选择 YqBoot</h2>
<br>
<div class="grid-2" style="font-size:0.7em;">
<div><strong>全栈技术</strong><br><span style="font-size:0.7em;">Spring Boot 3 + Vue 3<br>前后端分离现代化架构</span></div>
<div><strong>敏捷交付</strong><br><span style="font-size:0.7em;">代码生成 + 零代码 CRUD<br>开发效率提升 70%</span></div>
<div><strong>安全合规</strong><br><span style="font-size:0.7em;">国密全链路加密<br>等保 2.0 三级就绪</span></div>
<div><strong>信创适配</strong><br><span style="font-size:0.7em;">7 种数据库全支持<br>国产化零障碍迁移</span></div>
<div><strong>多租户 SaaS</strong><br><span style="font-size:0.7em;">字段/数据源双隔离<br>无限级租户扩展</span></div>
<div><strong>企业级生态</strong><br><span style="font-size:0.7em;">工作流+调度+报表+规则<br>开箱即用的完整能力</span></div>
</div>
<br>
<p style="font-size:0.8em; font-weight:700;">一套平台 · 多种场景 · 快速交付 · 安全可控</p>
</section>
<!-- Slide 19: Contact -->
<section class="center">
<br><br>
<h2>谢谢!</h2>
<div class="divider"></div>
<p style="font-size:0.8em;">YqBoot 企业级敏捷开发平台</p>
<p style="font-size:0.55em; color:#64748b;">v4.9.0.RELEASE &nbsp;|&nbsp; Spring Boot 3.5 &nbsp;|&nbsp; Vue 3 + Vite 5</p>
<br>
<p style="font-size:0.5em; color:#94a3b8;">&copy; 2026 YqBoot. All rights reserved.</p>
</section>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/reveal.js@5.0.4/dist/reveal.min.js"></script>
<script>
Reveal.initialize({
hash: true,
slideNumber: 'c/t',
width: 1100,
height: 700,
margin: 0.1,
transition: 'slide',
transitionSpeed: 'default',
center: false
});
</script>
</body>
</html>