Files
training/website
Pine 382deb74d8 feat(home): 首页改为 portrait 真实布局,放弃重卡片网格
- 新增三句价值主张:「不会?我们提供标准的业务陪跑/没地?一键申请入驻园区/没单?我们开放接单生态」(居中段落)
- 特征分栏:左「发光渐变面板 + 单个悬浮UI窗口(近期活动/接单)」+ 右「kicker胶囊 + 大标题(内联强调色词) + 副文 + 头像墙」
- 移除原多卡片网格:统计卡×4 / 快捷入口卡×4 / 前后对比卡×2 / 三档定价卡
- 三步上手改细步骤栏;近期场次改倒计时+行列表;FAQ/报名CTA/多栏页脚保留
- 像素彩虹大标题保留
2026-08-27 17:35:11 +08:00
..

OPC 培训站(website

📍 现位于 code/training/website/(业务 Web 前端,原 code/opc-training/website/)。课程内容见 materials/培训计划/;关联小程序 code/training/miniprogram/后端已并入 code/server-core/app/training//api/* 由 server-core dispatcher.py 对外提供)。

课程体系 0.1 的对外展示与内部运营站。React + Vite SPA,暗色粒子品牌语言。

运行方式

npm install
npm run dev        # 开发(含 /api 模拟认证)
npm run build      # 构建 dist
npm run preview    # 预览构建产物(含 /api 模拟认证)
node server/start.mjs   # 独立服务:托管 dist + /api(默认 8091,生产/演示用)

路由与权限

路由 内容 权限
#/ 首页营销落地页 公开
#/opc-test OPC 创业基因测评 公开
#/pine#/pine/* 内部工具(课程体系/结构/课程表/卡片/工具) 需登录

内部工具登录:访问 #/pine/* 时路由守卫触发登录门。账号 pine / 密码 123456模拟,见下)。

内部工具不进公开导航,仅通过 URL 直达;公开导航只含「首页 / OPC测评」。

模拟认证与迁移

  • 模拟接口:server/mock-api.mjsPOST /api/auth/loginPOST /api/auth/logoutGET /api/auth/verify),账号密码暂时写死 pine/123456
  • 已挂载到 Vite dev / preview / 独立服务三处。
  • 迁移为真实 API:只需改 src/services/auth.js 顶部的 API_BASE 指向真实后端,并替换 server/ 下的 mock 实现即可;SPA 其余代码无需改动。

目录速览

server/           模拟认证 API + 独立启动服务
src/pages/        页面(Home/OPCTest 公开;System/Structures/Schedule/Cards/Tools 内部)
src/data/         内容数据(home/system/structures/schedule/cards/timetable/opcTest/site
src/components/   原子/分子/组织/模板组件
src/services/     auth 认证服务