一、 项目名称

小程序后台管理系统(前端)

二、 内容及要求

  1. 开发内容:根据甲方的要求,乙方在规定时间内完成“小程序后台管理系统(前端)”的开发。
  2. 功能模块及要求

2.1 登录 / 权限模块

  • 2.1.1 登录页面

  • 用户名 / 密码登录表单

  • 图形验证码功能

  • 记住密码选项(本地存储)

  • 忘记密码链接(跳转密码重置流程)

  • 登录错误提示(密码错误、验证码错误、账号锁定等)

  • 2.1.2 权限控制

  • 基于角色的访问控制 (RBAC)

  • 无权限访问提示页

  • 权限变更实时生效机制

2.2 仪表盘

  • 2.2.1 数据概览

  • 核心指标卡片:总用户数、今日订单数、今日收入、活跃用户数

  • 数据趋势图:近 7/30 日订单数、收入、用户增长趋势

  • 热门产品排行榜:销量 TOP10、收入 TOP10

  • 最新评价展示:最新 5 条评价及回复状态

  • 待处理事项提醒:待审核产品、待处理退款、待分配包车订单

  • 2.2.2 数据可视化

  • 图表类型:折线图、柱状图、饼图、雷达图

  • 数据筛选:时间范围筛选、数据维度切换

2.3 产品管理

  • 2.3.1 产品分类管理

  • 树形结构展示(支持 1-3 级分类)

  • 分类管理功能:新增、编辑、删除

  • 分类属性:分类名称、图标、描述、状态(启用 / 禁用)

  • 分类关联:关联产品数量统计

  • 2.3.2 产品列表

  • 分页表格展示(每页 20/50/100 条)

  • 多条件筛选:状态、分类、价格区间、创建时间等

  • 批量操作:上架 / 下架 / 删除 / 审核

  • 产品搜索:支持产品名称、编号、关键词模糊搜索

  • 2.3.3 产品添加 / 编辑

  • 基础信息:

  • 产品标题、副标题、SEO 关键词

  • 产品亮点(标签式输入)

  • 出发地 / 目的地选择器(支持城市级联)

  • 活动日期范围设置

  • 图片管理:

  • 主图轮播图(支持上传、删除)

  • 详情图上传(自动生成缩略图)

  • 价格体系:

  • 基础价格、会员价、促销价

  • 价格日历(支持按日期设置不同价格)

  • 产品详情:

  • 详情页导航栏:详情、酒店、费用、须知

  • 富文本编辑器(markdown编排)

  • 行程安排(时间轴式编辑)

  • 库存管理:

  • 基础库存设置

  • SKU 管理(规格组合、价格、库存)

  • 发布设置:

  • 发布状态:草稿、待审核、已上架、已下架

  • 审核意见(拒绝原因)

2.4 产品评价管理

  • 2.4.1 评价列表

  • 评价内容展示:评价内容、星级、评价时间、用户信息

  • 筛选功能:星级筛选、评价状态(显示 / 隐藏 / 置顶)、时间范围

  • 搜索功能:用户昵称、评价内容关键词搜索

  • 评价操作:回复评价、编辑评价(仅修改敏感信息)、置顶 / 隐藏评价

  • 评价图片查看(大图预览)

  • 2.4.2 评价统计

  • 星级分布饼图:各星级评价占比

  • 评价趋势图:近 30 日评价数量趋势

2.5 包车服务管理

  • 2.5.1 服务列表

  • 服务信息展示:服务名称、车型、价格、状态、区域

  • 服务管理:新增、编辑、删除、启用 / 禁用

  • 车型分类:车型管理、座位数、车辆图片

  • 服务配置:接送点设置、附加服务(如儿童座椅、行李额度)、价格方案设置(基础价格、里程价、时长价)

2.9 消息通知

  • 2.9.1 通知中心

  • 通知列表:展示、筛选、搜索、操作

  • 通知类型:客户下单、退款申请、系统通知等

  • 2.9.2 通知设置

  • 通知渠道配置(系统消息、邮件、短信)、接收规则

  1. 交互规范
  • 加载状态: 按钮加载、页面加载、列表加载
  • 弹窗: 确认弹窗、提示弹窗、自定义弹窗
  • 表单验证: 实时验证、提交验证、错误提示
  • 数据空状态: 无数据提示、无搜索结果提示
  1. 性能及安全要求
  • 4.1 前端安全

  • XSS 防护、CSRF 防护

  • 敏感操作二次验证

  • 密码加密传输与强度验证

  • 敏感数据本地加密存储

  • API 请求参数签名与频率限制

  • 4.2 会话管理

  • Token 管理:JWT 有效期与自动刷新

  • 登录状态:单点登录

  • 会话超时自动登出

  • 权限变更实时生效

三、 交付时间要求

  • (1)启动日期:甲乙双方同意本协议之日即为项目正式启动日期。
  • (2)完成期限:自项目正式启动,在 10 天内完成源代码交付,乙方可选择提前交付。

reference