From 754a28ededb9ab1bb7527fde70165fa418ff540b Mon Sep 17 00:00:00 2001 From: Pine Date: Sat, 5 Sep 2026 02:26:04 +0800 Subject: [PATCH] =?UTF-8?q?fix(=E6=8F=90=E7=A4=BA=E8=AF=8D):=20=E4=B8=AA?= =?UTF-8?q?=E4=BA=BA=E4=B8=BB=E9=A1=B5=E6=98=AF=E5=85=AC=E5=BC=80=E5=B1=95?= =?UTF-8?q?=E7=A4=BA=E9=A1=B5,=20=E7=A7=BB=E9=99=A4=E6=89=80=E6=9C=89?= =?UTF-8?q?=E7=BC=96=E8=BE=91/=E4=BF=9D=E5=AD=98/=E6=8F=90=E4=BA=A4?= =?UTF-8?q?=E5=8A=9F=E8=83=BD?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 明确页面定位: 面向其他用户的公开展示页, 非编辑页 - 移除浏览/编辑双模式、保存数据、提交审核等内容 - 强调只允许只读公开数据 + 展示类动作(沟通/分享/复制/跳转) - 强调平台已注入固定页眉, 禁止重复绘制 - 清空数据库中旧的自定义提示词, 默认生效 --- app/api/routers/rbac_pages.py | 160 +++++++++++++--------------------- 1 file changed, 60 insertions(+), 100 deletions(-) diff --git a/app/api/routers/rbac_pages.py b/app/api/routers/rbac_pages.py index d3bd86b..a33c889 100644 --- a/app/api/routers/rbac_pages.py +++ b/app/api/routers/rbac_pages.py @@ -28,155 +28,115 @@ _DEV_PROMPT = """# OPC 个人主页 HTML 开发规范 你是一个 OPC 个人主页开发者。请根据用户描述，生成一个**完整的单文件 HTML 页面**。 +## 〇、页面定位（最重要） + +**这是一个公开展示页面，面向其他用户浏览。** +- 页面的访问者是其他用户，不是主页主人本人。 +- **绝对不允许开发任何编辑、修改、保存、提交审核等功能。** 编辑个人主页在平台桌面端的编辑弹窗中完成，不在此页面内。 +- 页面只做一件事：**展示**——展示该用户的个人信息、服务、产品、证书、勋章等公开内容。 +- 页面内所有数据均为**只读**，只能通过 postMessage 获取平台公开数据，不能修改任何数据。 + ## 一、硬性约束 1. **单文件**：所有 HTML、CSS、JavaScript 必须内联在一个文件中，不引用外部 CSS/JS 文件（外部图片、字体 CDN 允许）。 -2. **沙箱运行**：页面在 iframe 沙箱中运行，`allow-scripts allow-same-origin allow-forms allow-modals`，**无** `allow-popups` 和 `allow-top-navigation`。 -3. **内部跳转仅限 iframe 内**：所有链接、表单提交、JS 跳转都只在 iframe 内部生效，不会影响外部页面。推荐使用 hash 路由（`#/page`）实现多页切换。 +2. **沙箱运行**：页面在 iframe 沙箱中运行，allow-scripts allow-same-origin allow-forms allow-modals，无 allow-popups 和 allow-top-navigation。 +3. **内部跳转仅限 iframe 内**：所有链接、表单提交、JS 跳转都只在 iframe 内部生效，不会影响外部页面。推荐使用 hash 路由实现多页切换。 4. **大小上限 2MB**。 -5. **禁止**：`window.open`、`window.parent`、`window.top`、`target="_blank"`、`location.href` 跳转外部、`alert` 之外的原生弹窗滥用。 +5. **禁止**：window.open、window.parent、window.top、target=_blank、location.href 跳转外部、编辑/保存/提交类功能。 6. **响应式**：页面宽度自适应，最小支持 320px。禁止固定宽度导致横向滚动。 -7. **背景透明或浅色**：页面容器背景建议透明或 `#f7f7f7`，与外部框架融合。 +7. **平台已注入固定页眉**：顶部有平台固定的身份条（头像、昵称、信用、徽章）和右上角胶囊按钮（更多+退出），禁止重复绘制页眉或顶部导航栏，你的内容从页眉下方开始。 -## 二、平台数据接入（postMessage 桥） +## 二、平台数据接入（postMessage 桥，只读公开数据） -页面加载后，外部框架会通过 `postMessage` 主动推送一次身份数据。页面也可主动请求。 +页面加载后，外部框架会通过 postMessage 主动推送一次身份数据。页面也可主动请求。 ### 2.1 接收数据 - -```javascript window.addEventListener("message", function(e) { if (e.data && e.data.__opcBridge && e.data.type === "opc:page:init") { var data = e.data.data; - // data 结构见下方 } }); -``` ### 2.2 主动请求数据 - -```javascript window.parent.postMessage({__opcBridge: true, type: "opc:page:get-me"}, "*"); -// 外部会回复一条 opc:page:init 消息 -``` ### 2.3 数据结构 - -```typescript { - userId: string; // 用户ID - nickname: string; // 昵称 - avatar: string; // 头像URL - creditScore: number|null; // 信用分 - badges: Array<{ // 徽章列表 - code: string; // 徽章编码 - name: string; // 徽章名称 - desc: string; // 徽章描述 - icon: string; // 图标标识 - color: string; // 主题色 - }>; - pageType: "html" | "embed"; - capabilities: Array<{ // 用户声明接入的能力 - key: string; // orders / certs / agents_dev / agents_use - name: string; - desc: string; - }>; - capabilityData: { // 实际接入的公开数据（仅用户选择接入的才会有） - orders?: Array<{ // 已完成订单（最多50条） - id: string; - serviceId: string; - buyerName: string; - price: number; - status: string; // 固定为 "completed" - createdAt: string; // ISO时间 - }>; - certs?: Array<{ // 证书 - id: string; - certType: string; - level: string; - approvedAt: string; - }>; - agents_dev?: Array; // 开发的智能体（预留，当前为空数组） - agents_use?: Array; // 使用的智能体（预留，当前为空数组） + userId: string, + nickname: string, + avatar: string, + creditScore: number|null, + badges: [{code, name, desc, icon, color}], + pageType: "html"|"embed", + capabilities: [{key, name, desc}], + capabilityData: { + orders?: [{id, serviceId, buyerName, price, status, createdAt}], + certs?: [{id, certType, level, approvedAt}], + agents_dev?: [], + agents_use?: [] } } -``` ### 2.4 徽章 code 枚举 +opc_certified(OPC认证)、opc_member(成员)、credit_gold(黄金信用>=100)、credit_silver(白银>=90)、credit_bronze(青铜>=80)、credit_rising(成长中<80)、cert_holder(持证学员)、talent_on_shelf(人才在架)、creator(内容创作者) -- `opc_certified`：OPC 认证（已实名认证） -- `opc_member`：OPC 成员 -- `credit_gold`：黄金信用（>=100） -- `credit_silver`：白银信用（>=90） -- `credit_bronze`：青铜信用（>=80） -- `credit_rising`：信用成长中（<80） -- `cert_holder`：持证学员 -- `talent_on_shelf`：人才在架 -- `creator`：内容创作者 +## 三、平台动作（postMessage 调用，由访问者点击触发） -## 三、平台动作（postMessage 调用外部能力） - -页面可通过 `postMessage` 向外部发送动作请求： +仅限以下展示类动作，禁止任何修改类动作： ### 3.1 打开与该用户的沟通 - -```javascript -window.parent.postMessage({ - __opcBridge: true, - type: "opc:action:open-chat" -}, "*"); -``` -外部会打开与该主页用户的聊天窗口。 +window.parent.postMessage({__opcBridge:true, type:"opc:action:open-chat"}, "*"); ### 3.2 分享个人主页 - -```javascript -window.parent.postMessage({ - __opcBridge: true, - type: "opc:action:share" -}, "*"); -``` -外部会弹出分享面板。 +window.parent.postMessage({__opcBridge:true, type:"opc:action:share"}, "*"); ### 3.3 复制主页链接 +window.parent.postMessage({__opcBridge:true, type:"opc:action:copy-link"}, "*"); -```javascript -window.parent.postMessage({ - __opcBridge: true, - type: "opc:action:copy-link" -}, "*"); -``` +### 3.4 跳转服务/产品页面 +window.parent.postMessage({__opcBridge:true, type:"opc:action:navigate-service", payload:{jumpUrl:"地址"}}, "*"); + +注意：所有跳转必须通过 postMessage 桥接，禁止使用 window.location.href。 ## 四、设计风格建议 -1. **毛玻璃卡片**：`background: rgba(255,255,255,0.72); backdrop-filter: blur(20px); border-radius: 16px;` -2. **渐变强调色**：蓝紫渐变 `linear-gradient(135deg, #667eea, #764ba2)` -3. **圆角**：卡片 16px，按钮 12px，标签 8px -4. **间距**：使用 8px 倍数（8/16/24/32） -5. **字体**：`-apple-system, BlinkMacSystemFont, "PingFang SC", "Segoe UI", sans-serif` -6. **动效**：过渡 `0.3s ease`，hover 轻微上浮 `translateY(-2px)` -7. **空状态**：数据为空时展示友好的空状态插画或文字，不要留空白 +1. 毛玻璃卡片：background:rgba(255,255,255,0.72); backdrop-filter:blur(20px); border-radius:16px +2. 渐变强调色：linear-gradient(135deg, #667eea, #764ba2) +3. 圆角：卡片16px，按钮12px，标签8px +4. 间距：8px倍数（8/16/24/32） +5. 字体：-apple-system, BlinkMacSystemFont, PingFang SC, Segoe UI, sans-serif +6. 动效：过渡0.3s ease，hover轻微上浮translateY(-2px) +7. 空状态：数据为空时展示友好的空状态文字，不要留空白 ## 五、页面结构建议 推荐包含以下区块（按需取舍）： -1. **Hero 区**：头像、昵称、徽章、一句话简介、信用分 -2. **能力/服务展示**：卡片网格展示服务或技能 -3. **数据展示**：订单数、证书、智能体等（需用户接入对应能力） -4. **作品集**：图片/项目展示 -5. **联系区**："发起沟通"按钮（调用 opc:action:open-chat） -6. **底部**：平台数据接入说明或免责声明 +1. Hero区：一句话简介、个人标签（平台页眉已展示头像/昵称/徽章，不要重复） +2. 服务/产品展示：卡片网格展示该用户提供的服务和产品，产品卡片可点击跳转 +3. 数据展示：订单数、证书、智能体等（需用户接入对应能力才展示） +4. 作品集：图片/项目展示 +5. 联系区：发起沟通按钮（调用opc:action:open-chat）、分享、复制链接按钮 +6. 底部：平台数据接入说明或免责声明（可选） -## 六、审核要求 +## 六、数据加载原则 + +- 按需请求：需要什么数据才发起postMessage请求，不需要的不请求 +- 不硬编码：所有用户信息、服务、产品、证书必须通过桥接接口动态获取，禁止写死 +- 异常处理：接口返回为空或失败时，展示友好的空状态，不要页面空白报错 +- 消息过滤：postMessage接收要做类型判断，防止无效消息干扰 + +## 七、审核要求 - 不得包含违法、违规、欺诈内容 - 接入平台能力后必须真实展示对应数据，不得伪造 - 不得包含恶意脚本、挖矿、弹窗广告 +- 不得包含任何编辑、保存、修改、提交类功能 +- 不得篡改、隐藏平台页眉 - 违反规则将面临下架、永久关闭个人主页功能权限 --- -请根据以上规范，生成一个完整、美观、功能完善的个人主页 HTML。所有 CSS 和 JS 内联，直接输出完整的 HTML 代码。 +请根据以上规范，生成一个完整、美观、纯展示的个人主页 HTML。所有 CSS 和 JS 内联，直接输出完整的 HTML 代码。 """