调整文档

This commit is contained in:
zwf
2026-06-02 17:17:05 +08:00
parent dae085a009
commit 2d37ce1077
2 changed files with 1 additions and 821 deletions
@@ -1,73 +1,3 @@
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>PASTE 全面分析报告</title>
<script src="https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
<style>
:root { --primary-color: #1a73e8; --text-color: #333; --bg-color: #f8f9fa; --content-bg: #ffffff; --border-color: #e1e4e8; }
body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; line-height: 1.8; color: var(--text-color); background-color: var(--bg-color); margin: 0; padding: 0; }
.container { max-width: 900px; margin: 40px auto; padding: 50px 60px; background-color: var(--content-bg); border-radius: 8px; }
h1, h2, h3, h4, h5, h6 { margin-top: 1.5em; margin-bottom: 0.8em; font-weight: 600; color: #1a1a1a; }
h1 { font-size: 2em; border-bottom: 2px solid var(--border-color); padding-bottom: 10px; text-align: center; color: var(--primary-color); }
h2 { font-size: 1.5em; border-bottom: 1px solid var(--border-color); padding-bottom: 8px; margin-top: 2.5em; }
table { width: 100%; border-collapse: collapse; margin: 1.5em 0; font-size: 0.95em; box-shadow: 0 2px 4px rgba(0,0,0,0.02); }
th, td { border: 1px solid var(--border-color); padding: 5px 5px; text-align: left; }
th { background-color: #f6f8fa; font-weight: 600; }
tr:nth-child(even) { background-color: #fafbfc; }
code { background-color: #f1f3f5; padding: 0.2em 0.4em; border-radius: 3px; font-size: 85%; font-family: SFMono-Regular, Consolas, monospace; }
pre { background-color: #282c34; color: #abb2bf; padding: 1.5em; border-radius: 8px; overflow-x: auto; }
pre code { background-color: transparent; color: inherit; padding: 0; font-size: 100%; line-height: 1; }
.mermaid-wrapper {
display: flex;
justify-content: center;
margin: 2em 0;
background: #fff;
padding: 20px;
border-radius: 8px;
border: 1px dashed #d0d7de;
overflow-x: auto;
}
strong { color: #d63031; }
ul, ol { padding-left: 2em; } li { margin-bottom: 0.5em; }
hr { border: 0; height: 2px; background-image: linear-gradient(to right, rgba(0, 0, 0, 0), var(--border-color), rgba(0, 0, 0, 0)); margin: 3em 0; }
p { margin-bottom: 1.2em; }
.error-placeholder {
color: #d63031;
background: #fff0f0;
padding: 20px;
text-align: center;
border-radius: 8px;
border: 1px solid #ffccc7;
}
#mermaid-container-0 svg{width: 260px;}
#mermaid-container-1 svg{width: 480px;}
#mermaid-container-2 svg{width: 700px;}
#mermaid-container-3 svg{width: 600px;}
#mermaid-container-4 svg{width: 890px;}
#mermaid-container-5 svg{width: 500px;}
#mermaid-container-6 svg{width: 260px;}
#mermaid-container-7 svg{width: 890px;}
#mermaid-container-8 svg{width: 230px;}
#mermaid-container-9 svg{width: 280px;}
#mermaid-container-10 svg{width: 890px;}
#mermaid-container-11 svg{width: 890px;}
#mermaid-container-12 svg{width: 890px;}
#mermaid-container-13 svg{width: 600px;}
#mermaid-container-14 svg{width: 890px;}
#mermaid-container-15 svg{width: 500px;}
#mermaid-container-17 svg{width: 600px;}
#mermaid-container-18 svg{width: 800px;}
#mermaid-container-20 svg{width: 600px;}
</style>
</head>
<body>
<!-- 安全做法:将 Markdown 内容放在 textarea 中 -->
<textarea id="raw-md" style="display:none;">
## ✅ **全面分析报告:PASTE 框架** ## ✅ **全面分析报告:PASTE 框架**
--- ---
@@ -206,115 +136,4 @@
--- ---
如您希望我进一步 **分析某个模块的源码**(如 `paste/web/handler.py``paste/rbac/rbac_rule.py`),或 **生成一个基于此框架的示例应用结构**,请告诉我,我可以继续深入。 如您希望我进一步 **分析某个模块的源码**(如 `paste/web/handler.py``paste/rbac/rbac_rule.py`),或 **生成一个基于此框架的示例应用结构**,请告诉我,我可以继续深入。
或者,如果您希望我 **切换到 Agent 模式**,我可以帮您 **修改代码、添加功能或优化配置** 或者,如果您希望我 **切换到 Agent 模式**,我可以帮您 **修改代码、添加功能或优化配置**
</textarea>
<div class="container" id="content"></div>
<script>
// 初始化 Mermaid
mermaid.initialize({
startOnLoad: false,
theme: 'default',
securityLevel: 'loose',
flowchart: {
useMaxWidth: true,
htmlLabels: true,
curve: 'basis'
}
});
marked.setOptions({ breaks: true, gfm: true });
const markdownContent = document.getElementById('raw-md').value;
const contentDiv = document.getElementById('content');
/**
* 核心修复方法:
* 1. 先让 marked 解析整个 Markdownmermaid 代码块会被转成 <pre><code> 标签
* 2. 然后通过 DOM 操作,找到所有包含 mermaid 代码的 <pre><code> 标签
* 3. 提取代码内容,替换为 mermaid 渲染容器
*/
async function renderDocument() {
let htmlContent = marked.parse(markdownContent);
const tempDiv = document.createElement('div');
tempDiv.innerHTML = htmlContent;
const allPreCodes = tempDiv.querySelectorAll('pre code');
const mermaidElements = [];
allPreCodes.forEach((codeElement, idx) => {
const codeText = codeElement.textContent || '';
const trimmed = codeText.trim();
// 精确检测:只匹配真正的 Mermaid 语法
const mermaidKeywords = ['flowchart', 'graph ', 'subgraph', 'sequenceDiagram', 'classDiagram',
'stateDiagram', 'erDiagram', 'gantt', 'pie', 'journey', 'quadrantChart'];
const isMermaid = trimmed.startsWith('mermaid') ||
mermaidKeywords.some(keyword => trimmed.startsWith(keyword));
if (isMermaid) {
let cleanCode = trimmed;
if (cleanCode.startsWith('mermaid')) {
cleanCode = cleanCode.substring(7).trim();
}
const preElement = codeElement.closest('pre');
if (preElement) {
mermaidElements.push({
element: preElement,
code: cleanCode,
index: idx
});
}
}
});
for (const item of mermaidElements) {
const containerId = `mermaid-container-${item.index}`;
const wrapperDiv = document.createElement('div');
wrapperDiv.id = containerId;
wrapperDiv.className = 'mermaid-wrapper';
const mermaidDiv = document.createElement('div');
mermaidDiv.className = 'mermaid';
mermaidDiv.setAttribute('data-mermaid-code', item.code);
mermaidDiv.textContent = item.code;
wrapperDiv.appendChild(mermaidDiv);
item.element.parentNode.replaceChild(wrapperDiv, item.element);
}
contentDiv.innerHTML = tempDiv.innerHTML;
const mermaidContainers = document.querySelectorAll('.mermaid');
for (let i = 0; i < mermaidContainers.length; i++) {
const container = mermaidContainers[i];
const code = container.getAttribute('data-mermaid-code') || container.textContent;
const graphId = `mermaid-graph-${Date.now()}-${i}`;
try {
container.innerHTML = '';
const { svg } = await mermaid.render(graphId, code);
container.innerHTML = svg;
const svgElem = container.querySelector('svg');
if (svgElem) {
svgElem.style.maxWidth = '100%';
svgElem.style.height = 'auto';
}
} catch (error) {
console.error(`Mermaid 渲染失败 (图表 ${i}):`, error);
container.innerHTML = `<div class="error-placeholder">❌ 图表渲染失败: ${error.message}</div>`;
}
}
}
// 执行渲染
renderDocument().catch(err => {
console.error('渲染过程出错:', err);
contentDiv.innerHTML = '<p class="error-placeholder" style="text-align:center;">页面渲染失败,请刷新重试</p>';
});
</script>
</body>
</html>
-639
View File
@@ -1,639 +0,0 @@
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>PASTE 框架使用手册</title>
<script src="https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
<style>
:root { --primary-color: #1a73e8; --text-color: #333; --bg-color: #f8f9fa; --content-bg: #ffffff; --border-color: #e1e4e8; }
body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; line-height: 1.8; color: var(--text-color); background-color: var(--bg-color); margin: 0; padding: 0; }
.container { max-width: 900px; margin: 40px auto; padding: 50px 60px; background-color: var(--content-bg); border-radius: 8px; }
h1, h2, h3, h4, h5, h6 { margin-top: 1.5em; margin-bottom: 0.8em; font-weight: 600; color: #1a1a1a; }
h1 { font-size: 2em; border-bottom: 2px solid var(--border-color); padding-bottom: 10px; text-align: center; color: var(--primary-color); }
h2 { font-size: 1.5em; border-bottom: 1px solid var(--border-color); padding-bottom: 8px; margin-top: 2.5em; }
table { width: 100%; border-collapse: collapse; margin: 1.5em 0; font-size: 0.95em; box-shadow: 0 2px 4px rgba(0,0,0,0.02); }
th, td { border: 1px solid var(--border-color); padding: 5px 5px; text-align: left; }
th { background-color: #f6f8fa; font-weight: 600; }
tr:nth-child(even) { background-color: #fafbfc; }
code { background-color: #f1f3f5; padding: 0.2em 0.4em; border-radius: 3px; font-size: 85%; font-family: SFMono-Regular, Consolas, monospace; }
pre { background-color: #282c34; color: #abb2bf; padding: 1.5em; border-radius: 8px; overflow-x: auto; }
pre code { background-color: transparent; color: inherit; padding: 0; font-size: 100%; line-height: 1; }
.mermaid-wrapper {
display: flex;
justify-content: center;
margin: 2em 0;
background: #fff;
padding: 20px;
border-radius: 8px;
border: 1px dashed #d0d7de;
overflow-x: auto;
}
strong { color: #d63031; }
ul, ol { padding-left: 2em; } li { margin-bottom: 0.5em; }
hr { border: 0; height: 2px; background-image: linear-gradient(to right, rgba(0, 0, 0, 0), var(--border-color), rgba(0, 0, 0, 0)); margin: 3em 0; }
p { margin-bottom: 1.2em; }
.error-placeholder {
color: #d63031;
background: #fff0f0;
padding: 20px;
text-align: center;
border-radius: 8px;
border: 1px solid #ffccc7;
}
#mermaid-container-0 svg{width: 260px;}
#mermaid-container-1 svg{width: 480px;}
#mermaid-container-2 svg{width: 700px;}
#mermaid-container-3 svg{width: 600px;}
#mermaid-container-4 svg{width: 890px;}
#mermaid-container-5 svg{width: 500px;}
#mermaid-container-6 svg{width: 260px;}
#mermaid-container-7 svg{width: 890px;}
#mermaid-container-8 svg{width: 230px;}
#mermaid-container-9 svg{width: 280px;}
#mermaid-container-10 svg{width: 890px;}
#mermaid-container-11 svg{width: 890px;}
#mermaid-container-12 svg{width: 890px;}
#mermaid-container-13 svg{width: 600px;}
#mermaid-container-14 svg{width: 890px;}
#mermaid-container-15 svg{width: 500px;}
#mermaid-container-17 svg{width: 600px;}
#mermaid-container-18 svg{width: 800px;}
#mermaid-container-20 svg{width: 600px;}
</style>
</head>
<body>
<!-- 安全做法:将 Markdown 内容放在 textarea 中 -->
<textarea id="raw-md" style="display:none;">
```markdown
┌─────────────────────────────────────────────────┐
│ │
│ ██████╗ █████╗ ███████╗████████╗███████╗ │
│ ██╔══██╗██╔══██╗██╔════╝╚══██╔══╝██╔════╝ │
│ ██████╔╝███████║███████╗ ██║ █████╗ │
│ ██╔═══╝ ██╔══██║╚════██║ ██║ ██╔══╝ │
│ ██║ ██║ ██║███████║ ██║ ███████╗ │
│ ╚═╝ ╚═╝ ╚═╝╚══════╝ ╚═╝ ╚══════╝ │
│ │
│ Python Api-first Scalable Task Engine │
│ │
└─────────────────────────────────────────────────┘
```
## 📘 PASTE 框架使用手册 v2.0.1
> **副本信息**
> 文件:`docs/PASTE框架使用手册.html`
> 最后更新:2025-04-08
> 对应框架版本:2.0.1
---
### 一、框架概述
**PASTE** —— Python Api-first Scalable Task Engine
PASTE 是一个基于 **Tornado** 的生产级 Python 轻量框架,提供:
| 特性 | 说明 |
|------|------|
| 自动路由加载 | 定义 `route_pattern = "/user"` 即可自动注册 API,无需手动配置路由 |
| RBAC 权限控制 | 动态规则引擎,规则以序列化类存储于数据库,支持时间/IP/自定义规则链 |
| Swagger 自动生成 | `/docs` 自动输出 Swagger UI,无需手写 YAML |
| 异步任务池(带背压) | `run_background_task(coro)` 安全管理并发任务,支持任务队列上限 |
| JWT 无状态认证 | 集成 Token 签发/验证/刷新,`@auth_token` 装饰器一行开启 |
| Redis Stream 消息队列 | `StreamActor` 支持消费者组、消息 ACK、僵尸任务自动恢复 |
| 雪花 ID 生成器 | 内嵌线程安全实现,无需外部依赖,单机 1 万+ ID/秒 |
| 配置系统 | 点号路径风格:`get_config("db.engine.engine")`,单文件配置 |
| 工具库 | 字符串/字典/文件/分页/编码器/BaseX 编解码/图表/PDF/SVG/Excel |
---
### 二、目录结构说明
```
paste-project/
├── paste/ # 框架核心(禁止修改!)
│ ├── core/ # 基础设施层
│ │ ├── config.py # 点号路径配置加载器
│ │ ├── logging.py # 日志系统(RotatingFile + 控制台)
│ │ └── aio_pool.py # 异步任务池 + 背压
│ ├── db/ # 数据库层
│ │ ├── engine.py # SQLAlchemy 引擎工厂
│ │ ├── redis.py # Redis 连接 + StreamActor
│ │ ├── basemodel.py # 异步 ORM 基类
│ │ ├── basetable.py # 表反射工具
│ │ ├── baseadapter.py # 结果集适配器
│ │ └── gen_models.py # 自动生成模型类
│ ├── web/ # Web 层
│ │ ├── application.py # Application(自动装载 Handler
│ │ ├── handler.py # RequestHandler 基类
│ │ ├── decorators.py # @route / @auth_token / @auth_permission
│ │ ├── swagger.py # Swagger UI 自动生成
│ │ ├── form.py # WTForms 集成
│ │ ├── param_aware_loader.py # 异步 UIModule 数据预加载
│ │ └── websocket.py # WebSocket 支持
│ ├── rbac/ # 访问控制层
│ │ ├── rbac_user.py # 用户类(权限继承)
│ │ ├── rbac_role.py # 角色管理
│ │ ├── rbac_rule.py # 规则引擎
│ │ ├── rbac_item.py # 权限项层次结构
│ │ ├── rbac_assignment.py # 用户-项分配
│ │ └── rbac_permission.py # 权限查询
│ ├── security/ # 安全层
│ │ ├── token.py # JWT 编解码
│ │ └── shash.py # PBKDF2 密码哈希
│ ├── service/ # 服务层
│ │ ├── server.py # 进程管理
│ │ ├── daemonize.py # Unix 守护进程 + PID 文件
│ │ └── task_service.py # 定时任务调度器
│ ├── chart/ # 图表生成(可选依赖)
│ │ ├── bar.py / pie.py / line.py
│ ├── util/ # 工具库
│ │ ├── ustr.py / udict.py / ufile.py
│ │ ├── pagination.py / snow_id.py / encoder.py
│ │ └── pdf.py / svg.py / xlsx.py
├── examples/ # 即开即用的示例代码
│ ├── 01_hello_world/ # 最小化 Web 应用
│ ├── 02_background_task/ # 后台异步任务
│ ├── 03_redis_stream/ # Redis Stream 发布/消费
│ ├── 04_tasks_service/ # 定时任务服务
│ └── 05_gen_models/ # 自动生成数据库模型
├── tests/ # 测试套件
│ ├── unit/ # 单元测试(Mock 模式)
│ └── integration/ # 集成测试(需数据库/Redis)
├── pyproject.toml # 项目元数据和依赖
├── README.md # 英文文档
├── CHANGELOG.md # 变更日志
├── CONTRIBUTING.md # 贡献指南
├── LICENSE # MIT 许可证
└── .github/workflows/ci.yml # CI 流水线
```
---
### 三、快速开始
#### 3.1 安装
```bash
git clone https://github.com/wayne-zwf/paste.git
cd paste
pip install -e .
```
#### 3.2 运行 HelloWorld 示例
```bash
cd examples/01_hello_world
python main.py
```
打开浏览器访问 [http://localhost:9000/hello](http://localhost:9000/hello)
#### 3.3 创建新项目
建议的目录模版:
```
myapp/
├── main.py # 入口
├── config.json # 配置
├── apps/ # Handler 层
│ ├── __init__.py
│ ├── handler_user.py
│ └── handler_product.py
├── models/ # 数据模型
│ └── db_models.py
└── service/ # 业务服务
├── __init__.py
└── task_service.py
```
---
### 四、核心模块详解
#### 4.1 配置系统 `paste.core.config`
所有配置集中在 `config.json`,通过点号路径读取:
```python
from paste.core import config
db_url = config.get_config("db.engine.engine")
port = config.get_config("tornado.demo.port", 9000) # 带默认值
```
配置结构:
```json
{
"tornado": { ... },
"db": { "engine": { ... } },
"redis": { "connection": "...", "streams": { ... } },
"rbac": { "user_class": "...", "table": { ... } },
"logger": { "default": { "basic": { ... } } }
}
```
#### 4.2 自动路由装载 `paste.web.application`
Handler 只需定义 `route_pattern`,框架自动扫描注册:
```python
# handler.py —— 无需手动添加路由
from paste.web.decorators import route
from paste.web.handler import RequestHandler
@route("/users")
class UserHandler(RequestHandler):
async def get(self):
self.response_ok(users=await get_all_users())
```
```python
# main.py —— 自动装载处理器
from paste.web.application import Application
app = Application(
handlers_pkg="apps", # ← 自动扫描 apps 包下的所有 Handler
**config.get_config("tornado.demo", {})
)
```
#### 4.3 RBAC 权限系统 `paste.rbac`
三层架构:**用户 → 角色 → 权限(规则)**
```python
# 1. 创建用户
await RbacUser.create(username="alice", password="secure123")
# 2. 分配权限
user = await RbacUser.find_by_username("alice")
await user.assign({"view_reports", "edit_profile"})
# 3. 自定义规则(以序列化类存储于数据库)
from paste.rbac.rbac_rule import RbacRule
class BusinessHoursRule(RbacRule):
async def run(self, **kwargs) -> bool:
hour = datetime.now().hour
return 9 <= hour < 18
```
Handler 中一行开启
```python
@route("/admin/reports")
class ReportHandler(RequestHandler):
@auth_token
@auth_permission
async def get(self):
...
```
#### 4.4 Swagger 自动生成
使用 `ApplicationSwagger` 替代 `Application`
```python
from paste.web.application import ApplicationSwagger
app = ApplicationSwagger(
handlers_pkg="apps",
swagger_title="My API",
swagger_description="My API Description",
swagger_api_version="1.0.0",
**settings
)
```
访问 `http://localhost:9000/docs` 即可看到交互式 API 文档
#### 4.5 Redis StreamActor `paste.db.redis`
```python
from paste.db.redis import StreamActor
# 创建执行器从配置读取
actor = StreamActor.new_actor("redis.streams.user_event")
# 发布消息
msg_id = await actor.publish({"user_id": "123", "event": "login"})
# 消费消息阻塞式
async def handler(data: dict):
print(f"处理消息: {data}")
return True # ACK
await actor.run_forever(func=handler, is_delete=True)
```
#### 4.6 任务池 + 背压 `paste.core.aio_pool`
```python
from paste.core.logging import echo_log
from paste.core.aio_pool import run_background_task
async def heavy_task(data):
result = await process(data)
echo_log(f"任务完成: {result}")
# 提交任务队列满时自动阻塞
await run_background_task(heavy_task(some_data))
```
#### 4.7 定时任务服务 `paste.service.task_service`
```python
from paste.service.task_service import TaskService
ts = TaskService(service_name="数据同步服务", pid_file="/var/run/sync.pid")
ts.add_task(
creator=ts.create_delay_task(),
fn=sync_data,
delay=300 # 5 分钟执行一次
)
ts.start_service() # 控制台模式
# ts.start() # 守护进程模式
```
---
### 范例速查表
| 示例 | 路径 | 学习重点 |
|------|------|----------|
| HelloWorld | `examples/01_hello_world` | 最小化应用自动路由`response_ok()` |
| 后台任务 | `examples/02_background_task` | `aio_pool`后台协程日志输出 |
| Redis Stream | `examples/03_redis_stream` | `StreamActor`发布/订阅消息 ACK |
| 定时任务 | `examples/04_tasks_service` | `TaskService`守护进程PID 管理 |
| 模型生成 | `examples/05_gen_models` | `gen_models`表反射自动生成 ORM |
---
### 测试指南
```bash
# 安装测试依赖
pip install -e ".[test]"
# 运行单元测试 Mock无需外部服务
pytest tests/unit -v
# 运行集成测试 MySQL + Redis
pytest tests/integration -v
# 全量测试 + 覆盖率报告
pytest --cov=paste --cov-report=term-missing
```
集成测试需要配置环境变量或 `config.json`
```bash
export PASTE_DB_URL="mysql+pymysql://root:pass@localhost:3306/paste_test"
export PASTE_REDIS_URL="redis://localhost:6379/15"
```
---
### 语义版本号规则
本项目遵循 [SemVer 2.0](https://semver.org/)
- **主版本号** 不兼容的 API 修改
- **次版本号** 向下兼容的功能新增如新的 Handler 装饰器新的 Stream 功能
- **修订号** 向下兼容的问题修复 bug fix性能优化
---
### 发布检查清单
在推送至 GitHub 公开发布前请确认以下事项
- [ ] `README.md` 中的徽章 URL仓库地址已替换为真实值
- [ ] `pyproject.toml` `authors``Homepage``Repository` 已填写真实信息
- [ ] `CHANGELOG.md` 已根据实际变更更新
- [ ] `.gitignore` 已添加 `!examples/*/config.json` 放行示例配置
- [ ] git 仓库已清理`bash clean_pycache.sh`
- [ ] `.github/workflows/ci.yml` 已完善 checkouttestlint 步骤
- [ ] 单元测试全部通过`pytest tests/unit -v`
- [ ] 集成测试已通过如有外部服务
- [ ] 所有示例至少手动运行一次验证
- [ ] LICENSE 文件存在且内容正确
---
### 附录常见问题
**Q: 为什么我的 Handler 没有被自动装载**
A: 检查三点 类上有 `@route(...)` 装饰器 类继承自 `RequestHandler` `main.py` `Application(handlers_pkg="你的包名")` 的包名正确
**Q: 如何关闭 Swagger**
A: 使用 `Application` 而非 `ApplicationSwagger`或不传 `swagger_*` 参数
**Q: RBAC 规则如何持久化**
A: 规则类以 pickle 序列化后存入数据库 `rbac_rule` 建议仅内部使用对外 API 应使用 JSON + 白名单方式
**Q: 如何扩展用户模型**
A: 继承 `RbacUser` 并添加自定义字段然后在 `config.json` 中通过 `rbac.user_class` 指向你的自定义类
**Q: 日志文件在哪里**
A: 默认在 `logs/` 目录下文件名和格式由 `config.json` `logger.default.basic` 配置控制
**Q: 为什么我的配置读取失败**
A: 确保项目根目录存在 `config.json` 文件且该文件未被 `.gitignore` 排除使用 `config.get_config("路径.字段", 默认值)` 时可以设置安全默认值
---
### 附录示例配置文件参考`config.json` 模版
```json
{
"tornado": {
"demo": {
"autoreload": false,
"handlers_pkg": "apps.demo",
"port": 9000,
"static_path": "static",
"template_path": "templates",
"swagger_title": "My API",
"swagger_description": "My API Description",
"swagger_api_version": "1.0.0",
"swagger_contact": "admin@example.com"
}
},
"db": {
"engine": {
"engine": "mysql+pymysql://root:password@localhost:3306/mydb",
"async_engine": "mysql+aiomysql://root:password@localhost:3306/mydb",
"engine_option": {
"echo": false,
"pool_size": 10,
"pool_recycle": 3600
}
}
},
"redis": {
"connection": "redis://localhost:6379/0",
"streams": {
"user_event": {
"group": "user_event_group",
"consumer": "processor_01"
}
}
},
"rbac": {
"user_class": "myapp.models.MyRbacUser",
"table": {
"rule": "rbac_rule",
"user": "rbac_user",
"item": "rbac_item",
"assignment": "rbac_assignment",
"item_child": "rbac_item_child"
}
},
"logger": {
"default": {
"basic": {
"filename": "logs/app.log",
"format": "%(asctime)s - %(name)s - %(levelname)s - %(message)s",
"level": 20
},
"name": "MyApp",
"max_bytes": 10485760,
"backup_count": 5
},
"task": {
"basic": {
"filename": "logs/task.log",
"format": "%(asctime)s - %(levelname)s - %(message)s",
"level": 20
},
"name": "TaskService",
"filename": "logs/task_service.log",
"max_bytes": 10485760,
"backup_count": 3
}
}
}
</textarea>
<div class="container" id="content"></div>
<script>
// 初始化 Mermaid
mermaid.initialize({
startOnLoad: false,
theme: 'default',
securityLevel: 'loose',
flowchart: {
useMaxWidth: true,
htmlLabels: true,
curve: 'basis'
}
});
marked.setOptions({ breaks: true, gfm: true });
const markdownContent = document.getElementById('raw-md').value;
const contentDiv = document.getElementById('content');
/**
* 核心修复方法:
* 1. 先让 marked 解析整个 Markdownmermaid 代码块会被转成 <pre><code> 标签
* 2. 然后通过 DOM 操作,找到所有包含 mermaid 代码的 <pre><code> 标签
* 3. 提取代码内容,替换为 mermaid 渲染容器
*/
async function renderDocument() {
let htmlContent = marked.parse(markdownContent);
const tempDiv = document.createElement('div');
tempDiv.innerHTML = htmlContent;
const allPreCodes = tempDiv.querySelectorAll('pre code');
const mermaidElements = [];
allPreCodes.forEach((codeElement, idx) => {
const codeText = codeElement.textContent || '';
const trimmed = codeText.trim();
// 精确检测:只匹配真正的 Mermaid 语法
const mermaidKeywords = ['flowchart', 'graph ', 'subgraph', 'sequenceDiagram', 'classDiagram',
'stateDiagram', 'erDiagram', 'gantt', 'pie', 'journey', 'quadrantChart'];
const isMermaid = trimmed.startsWith('mermaid') ||
mermaidKeywords.some(keyword => trimmed.startsWith(keyword));
if (isMermaid) {
let cleanCode = trimmed;
if (cleanCode.startsWith('mermaid')) {
cleanCode = cleanCode.substring(7).trim();
}
const preElement = codeElement.closest('pre');
if (preElement) {
mermaidElements.push({
element: preElement,
code: cleanCode,
index: idx
});
}
}
});
for (const item of mermaidElements) {
const containerId = `mermaid-container-${item.index}`;
const wrapperDiv = document.createElement('div');
wrapperDiv.id = containerId;
wrapperDiv.className = 'mermaid-wrapper';
const mermaidDiv = document.createElement('div');
mermaidDiv.className = 'mermaid';
mermaidDiv.setAttribute('data-mermaid-code', item.code);
mermaidDiv.textContent = item.code;
wrapperDiv.appendChild(mermaidDiv);
item.element.parentNode.replaceChild(wrapperDiv, item.element);
}
contentDiv.innerHTML = tempDiv.innerHTML;
const mermaidContainers = document.querySelectorAll('.mermaid');
for (let i = 0; i < mermaidContainers.length; i++) {
const container = mermaidContainers[i];
const code = container.getAttribute('data-mermaid-code') || container.textContent;
const graphId = `mermaid-graph-${Date.now()}-${i}`;
try {
container.innerHTML = '';
const { svg } = await mermaid.render(graphId, code);
container.innerHTML = svg;
const svgElem = container.querySelector('svg');
if (svgElem) {
svgElem.style.maxWidth = '100%';
svgElem.style.height = 'auto';
}
} catch (error) {
console.error(`Mermaid 渲染失败 (图表 ${i}):`, error);
container.innerHTML = `<div class="error-placeholder">❌ 图表渲染失败: ${error.message}</div>`;
}
}
}
// 执行渲染
renderDocument().catch(err => {
console.error('渲染过程出错:', err);
contentDiv.innerHTML = '<p class="error-placeholder" style="text-align:center;">页面渲染失败,请刷新重试</p>';
});
</script>
</body>
</html>