银龄智库发布功能实施计划

项目概述

将移动端发布页面的"发布服务"标签改为"发布智库"，并创建相应的银龄智库发布表单，确保数据能够正确写入银龄智库实体。

技术架构

1. 实体结构分析

实体名称: SilverUserProfile (银龄智库)
核心字段:
- realName: 真实姓名
- age: 年龄 (50-100岁)
- gender: 性别 (MALE/FEMALE/OTHER)
- phone: 联系电话
- personalIntro: 个人简介 (≤1000字)
- personalSkills: 个人技能 (≤2000字)
- personalExperience: 个人经历 (≤3000字)
- jobSeekingRequirements: 求职需求 (≤1000字)
- avatarUrl: 个人头像
- organization: 所属机构

2. API接口

创建智库: POST /api/v1/silver-users/profiles
数据验证: 使用CreateSilverTalentDto进行验证
认证要求: 需要登录用户权限

实施步骤

步骤1：修改发布页面标签

文件: src/client/mobile/pages/PublishPage.tsx 变更内容:

// 修改前
{
  id: 'service',
  name: '发布服务',
  icon: WrenchScrewdriverIcon,
  description: '发布专业服务信息',
  color: INK_COLORS.accent.red
}

// 修改后
{
  id: 'wisdom',
  name: '发布智库',
  icon: LightBulbIcon, // 使用更适合的图标
  description: '发布银龄智库专家信息',
  color: INK_COLORS.accent.red
}

步骤2：更新表单显示逻辑

文件: src/client/mobile/pages/PublishPage.tsx 变更内容:

// 修改表单显示条件
{activeTab === 'wisdom' && (
  <PublishWisdomForm
    onSuccess={handleFormSuccess}
    onCancel={handleFormCancel}
  />
)}

步骤3：创建智库发布表单组件

文件: src/client/mobile/components/PublishWisdomForm.tsx 功能特性:

基于现有PublishTalentForm组件改造
移除求职相关字段（jobSeekingRequirements）
突出智库专家特色字段
保持水墨风格UI设计
支持头像上传功能

步骤4：UI设计规范

遵循移动端水墨风格:

主背景色: #f5f3f0 (宣纸色)
卡片背景: rgba(255,255,255,0.8)
边框色: var(--ink-medium) (#d4c4a8)
文字色: var(--text-primary) (#2f1f0f)
按钮样式: 圆润边角，淡墨边框

步骤5：表单字段优化

智库专家特色字段:

基本信息区域
- 个人头像（带预览）
- 真实姓名*
- 年龄*（50-100岁选择）
- 性别*
- 联系电话*
专业展示区域
- 所属机构
- 个人简介（突出专业背景）
- 专业技能（专家领域）
- 个人经历（突出权威性）
视觉设计
- 使用卡片式布局
- 添加适当的图标装饰
- 支持实时字数统计
- 自动保存草稿功能

步骤6：数据提交验证

验证规则:

必填字段：姓名、年龄、性别、电话
字符限制：按后端DTO要求
手机号格式：中国大陆手机号
图片大小：≤2MB
图片格式：JPG/PNG/WebP

步骤7：测试验证

测试场景:

页面加载正常，标签显示正确
表单字段验证功能正常
图片上传功能正常
数据提交成功，写入数据库
水墨风格UI显示正常
移动端适配良好

文件结构变更

src/client/mobile/
├── pages/
│   └── PublishPage.tsx (修改)
├── components/
│   ├── PublishWisdomForm.tsx (新增)
│   └── PublishTalentForm.tsx (已有)
└── styles/
    └── colors.ts (已有)

技术实现要点

1. 组件复用策略

基础表单结构复用PublishTalentForm
移除不必要的字段
调整文案和提示信息

2. 图标选择

使用LightBulbIcon（灯泡图标）代表智库
保持图标风格一致性
Heroicons图标库集成

3. 用户体验优化

添加"银龄智库专家"身份提示
突出专业性和权威性
简化填写流程

4. 响应式适配

支持320px以上屏幕
触摸目标≥44×44px
字体大小适配系统设置

部署检查清单

标签文案修改为"发布智库"
图标更换为合适图标
表单组件创建完成
字段验证规则正确
水墨风格UI应用正确
移动端测试通过
数据写入验证成功
代码审查完成

后续扩展

认证功能: 支持专家认证申请
标签系统: 支持专业领域标签选择
推荐算法: 基于专业领域推荐匹配
统计分析: 智库专家数据统计展示

silver-wisdom-publish-implementation-plan.md 4.4 KB Permalink Histórico Raw