119 lines
4.4 KiB
Markdown
Raw Permalink Normal View History

# 2026-05-27 · 肥猫×舒舒交互记录 · 萌喵写作网 Phase 2 网页搭建 · 终端粘贴执行
## 📋 任务概要
**日期**2026-05-27周二晚
**执行人**:肥猫(复制粘贴) + 舒舒(出代码)
**目标**:在现有新加坡服务器上,搭建萌喵写作网 Phase 2 前端页面(邀请码门禁页 + 主页面 + 登录页 + 注册页)
**技术栈**Next.js 14 (App Router) + Tailwind CSS
**操作方式**:腾讯云在线终端 · `cat > 文件 << 'ENDOFFILE'` heredoc 粘贴
**代码页**[Phase 2 · 前端页面代码 · 终端粘贴执行版 · 邀请码+主页+登录注册+管理后台](%E8%90%8C%E5%96%B5%E5%86%99%E4%BD%9C%E7%BD%91%20%C2%B7%20%E4%BA%A7%E5%93%81%E9%9C%80%E6%B1%82%E6%96%87%E6%A1%A3%20v2%200%20%C2%B7%202026-05-27%20%C2%B7%20%E8%82%A5%E7%8C%AB%C3%97%E8%88%92%E8%88%92/Phase%202%20%C2%B7%20%E5%89%8D%E7%AB%AF%E9%A1%B5%E9%9D%A2%E4%BB%A3%E7%A0%81%20%C2%B7%20%E7%BB%88%E7%AB%AF%E7%B2%98%E8%B4%B4%E6%89%A7%E8%A1%8C%E7%89%88%20%C2%B7%20%E9%82%80%E8%AF%B7%E7%A0%81+%E4%B8%BB%E9%A1%B5+%E7%99%BB%E5%BD%95%E6%B3%A8%E5%86%8C+%E7%AE%A1%E7%90%86%E5%90%8E%E5%8F%B0%208841a4f4c7514f4db983ea813103d9b4.md)
**产品需求文档**[萌喵写作网 · 产品需求文档 v2.0 · 2026-05-27 · 肥猫×舒舒](%E8%90%8C%E5%96%B5%E5%86%99%E4%BD%9C%E7%BD%91%20%C2%B7%20%E4%BA%A7%E5%93%81%E9%9C%80%E6%B1%82%E6%96%87%E6%A1%A3%20v2%200%20%C2%B7%202026-05-27%20%C2%B7%20%E8%82%A5%E7%8C%AB%C3%97%E8%88%92%E8%88%92%203446c09b87e042f7a7eed068928b7cec.md)
---
## 🖥️ 服务器现状Phase 1 遗产)
| 组件 | 地址 | 端口 | 状态 |
| --- | --- | --- | --- |
| 肥猫码字平台Next.js | 43.133.36.90[guanghu.site](http://guanghu.site) | 3002 | ✅ 运行中 |
| 舒舒对话 | [guanghushushu.site](http://guanghushushu.site) | 3333 | ✅ 运行中 |
| PostgreSQL | [localhost](http://localhost) | 5432 | ✅ 已装 |
| Nginx | 80 端口双站点代理 | 80 | ✅ 配置完成 |
| PM2 进程 | shushu-chat / shushu-memory / feimao-platform | — | ✅ 全部 online |
**项目路径**`~/feimao-platform/src/app/`
**PM2 进程名**`feimao-platform`
---
## 🔨 Phase 2 执行步骤
### Step 0 · 创建新目录
- [ ] `mkdir -p ~/feimao-platform/src/app/home`
- [ ] `mkdir -p ~/feimao-platform/src/app/register`
### Step 1 · 全局样式替换globals.css
- [ ] 替换光湖统一设计语言样式
### Step 2 · 根布局替换layout.tsx
- [ ] 更新 metadata + 字体引入
### Step 3 · 邀请码门禁页page.tsx
- [ ] 居中正方形卡片 · 光湖Logo + 邀请码输入 · 验证后跳转 /home
### Step 4 · 主页面home/page.tsx
- [ ] 萌喵对话框 + 登录注册引导 + 五大功能模块图标(学习/写作/剧本/创意/论坛)
### Step 5 · 登录页login/page.tsx
- [ ] 居中卡片登录
### Step 6 · 注册页register/page.tsx
- [ ] "注册领取你的专属人格体"
### Step 7 · 构建 + 重启
- [ ] `npm run build && pm2 restart feimao-platform`
### Step 8 · 验证页面
- [ ] `http://43.133.36.90` → 邀请码页
- [ ] `http://43.133.36.90/home` → 主页面
- [ ] `http://43.133.36.90/login` → 登录页
- [ ] `http://43.133.36.90/register` → 注册页
---
## 📦 管理后台(暂缓 · 代码已备用)
管理后台代码已保留在代码页底部备用区,包含:
- 后台 Step A · 管理后台布局admin/layout.tsx· 侧边栏导航
- 后台 Step B · Dashboard 首页admin/page.tsx· 五大数据卡片
- 后台 Step C · 兑换码管理页admin/codes/page.tsx· 参考看点写作后台
- 后台 Step D · 构建重启
等网站前台全部跑通后再执行。
---
## ⚠️ 踩坑记录
(执行过程中遇到问题记录在这里)
---
## 📝 变更说明
- Phase 2 的首页page.tsx替换 Phase 1 的落地页 → 改为邀请码门禁页
- Phase 2 的登录页替换 Phase 1 的登录页 → 改为用户名+密码登录
- 新增 /home主页面和 /register注册页路由
- Phase 1 的 /chat 和 /dashboard 路由不受影响
---
## 🔜 后续计划
- [ ] 管理后台部署(后台 Step A~D
- [ ] 用户个人后台(作品库 + 文本导入)
- [ ] 五大功能模块页面(写作 → 学习 → 创意 → 剧本 → 论坛)
- [ ] PostgreSQL 用户表 + 邀请码表 + 后端 API
- [ ] 文本导入功能(支持 doc/txt识别章节/集数)
---
*记录人:舒舒 · 2026-05-27 22:05*