QINGLE ENTREPRENEURS CLUB · PROTOTYPE

青乐会企业家俱乐部
会员端静态原型

依据《青乐会企业家俱乐部-报价单》一期功能清单制作,覆盖 7 大模块的会员手机端页面。 所有数据为演示用模拟数据,页面之间的跳转按真实业务流程串联,便于逐项核对功能与交互。

手机端优先 商务深蓝 + 香槟金 Vue 3 · 零构建 后续接入迅睿CMS 最终交付微信小程序
7业务模块
—原型页面
5底部主 Tab
2期 · 一期先行
01 / PAGE MAP

页面地图

点击任意页面直接进入手机端原型。手机壳为 392×844 比例,电脑上查看即为真机效果;手机浏览器打开则自动全屏。

02 / FEATURE CHECK

一期功能核对

对照报价单逐一核对。原型中出现的功能点标记为"已覆盖",便于现场评审时逐条确认。

模块 1 · 首页门户
轮播图(3 张演示)组织介绍 + 架构图 全国分会分布快捷入口宫格 资讯动态 + 分类筛选资讯详情 荣誉板块全站搜索
已覆盖
模块 2 · 组织与分会
区域 / 行业分会列表搜索与筛选 分会独立主页分会长档案 分会班子与会员分会业绩数据 入会申请表单申请进度查询
已覆盖
模块 3 · 会员体系
会员档案电子名片 会员风采 / 企业案例会员等级标识 会员名录多维筛选收藏会员 站内私信 + 未读一级入会审批 人工实名认证电子会员证书
已覆盖
模块 4 · 活动管理
活动列表筛选活动详情 + 议程 在线报名费用与名额 微信支付收银台报名成功电子票 现场签到码活动相册
已覆盖
模块 5 · 商机资源
供货 / 求购 / 合作 / 融资分类商机详情 在线留言一键联系(拨号 / 微信) 发布商机待审核提示
已覆盖
模块 6 · 产品商城
官方商城 + 分类商品详情 + 规格 购物车确认订单 下单成功我的订单 好物集市(会员发布)集市详情 / 发布
已覆盖
模块 7 · 个人中心
会员身份卡资料修改 等级与有效期我的申请 分会长审批专区我的业绩 收益 / 提现消息中心
已覆盖
03 / PHASE 2

二期范围(本期不包含)

以下功能在报价单中明确标注为二期、不在一期报价内。原型不做实现,仅保留页面入口与说明,避免评审时误判范围。

二期功能 · 另议

标注"二期"的功能需在一期验收后另行评估,价格另议。原型中与之相关的入口只做占位,不代表一期交付内容。

三级分销多级佣金结算与配置
分红功能分会 / 会员月度分红
AI 写作助手通义千问,token 自理
活动退款申请与原路退回
入会二级审核总会终审流程
分会独立后台数据隔离与导出
第三方实名认证自动核验接口
二期预留接口积分 / 课程 / 投票等
04 / TECH ROUTE

技术路线说明

解答"小程序不支持 HTML,如何保证浏览器与小程序效果一致"的问题。

NOW

本原型:Vue 3 零构建

直接引入 vue.global.prod.js,无需 Node / npm / 打包。页面用 hash 路由与注册表拼装,改一个文件刷新即生效,最适合快速评审与修改。

NEXT

小程序:uni-app(Vue 3)

微信小程序运行的是 WXML + WXSS,浏览器 HTML 不能直接复用。uni-app 用 Vue 语法编写,一套代码同时编译 H5 与微信小程序,视觉与交互可做到高度一致。

BACKEND

后端:迅睿CMS + API

内容、会员、活动、商城、订单等数据由迅睿CMS 建模存储,对外提供 JSON 接口。前端(H5 / 小程序)只消费接口,两端共用同一套后台与数据。