为润泽园阳明心学体系下上千位企业家学长的大型共学班级，定制开发专属社群小程序：班级文化展示、班委小组风采、课程音视频沉淀、仁爱共创商城一体化，打通学长供应链资源互通通道，实现共学文化与商业资源双向赋能。本页完整呈现从 UI 设计到前后端界面的全部交付过程——让每一位来访者，都能看清这套系统「从无到有」的每一步。
一句话概括：把一个上千人的阳明心学共学班级，装进一套「文化展示 + 学习沉淀 + 供应链资源互通」的专属小程序，并为班委团队配套一套完整的运营管理后台。
义乌本地大型线下共学班级，1,286 位企业家、创业者学长，班委统筹 + 12 个学习小组。
学长端微信小程序（底部五栏）+ 班委端 Web 管理后台，前后端一体交付。
从设计定位、色彩字体令牌，到小程序六屏与后台七大运营模块的完整界面方案。
朱砂、描金标记商业资源，竹青标记共学内容；学长「看 + 发起」，班委「理 + 撮合」。
项目启动后，微点网络设计团队先产出设计交付说明：明确「为谁设计、两端怎么分工、内容与商业怎么共处」，再进入界面绘制。这一步决定了后面所有界面的气质与秩序。
这是一套承载阳明心学文化的社群产品，不套通用电商模板。设计团队确立三条底线：
两端分工在信息架构层面就被固定下来，避免功能堆叠：
| 交付物 | 定位 | 作用 |
|---|---|---|
| 设计交付说明 | 项目的「设计宪法」 | 明确设计定位、双色语义、两端信息架构与开发衔接约定，是后续所有界面工作的依据。 |
| 设计系统 | 视觉与组件的「单一事实源」 | 五色令牌、字号阶、间距圆角、共用组件库，前后端界面从同一套变量取值，保证气质统一。 |
| 小程序界面原型 | 学长端的可交互蓝图 | 首页、图库、共学、商城、我的、班级文化六屏高保真原型，开发直接按稿实现。 |
| 管理后台原型 | 班委端的运营工作台蓝图 | 运营概览、内容管理、音视频课程、商城审核、供需撮合、学长管理、系统设置七大模块。 |
开发衔接约定同样写进了交付说明：全套色彩、字体、间距以 CSS 变量（--ra-* 前缀）定义，映射到小程序 WXSS 与后台 SCSS；任何界面调整先改变量、再动页面，不许硬编码颜色——这是前后端界面长期保持一致的机制保障。
设计系统是这套项目的视觉「单一事实源」：小程序端与后台端的所有界面，都从下面这套令牌取值。客户拿到的不是几张设计图，而是一套可长期维护的设计资产。
新中式的气质来自色彩、字体与印章式细节，而不是装饰性动效；界面首先是高效好用的工具。
学长端五栏看内容、发起对接；班委端七模块理内容、做撮合。两端共用同一套色彩字体令牌，气质一致、效率各异。
共学内容用竹青、商业资源用朱砂与描金，双色语义贯穿两端，圣贤之道与生意共创各归其位。
#7C2417#A93B2A#BC4A37#F2DDD7#FBF1EE#2B241C#6B5F50#998C7A#D8CDBB#F6F1E6#FFFDF7#96702F#B8893F#4F6E5C#3E7C55#B07A24#B23A2E正文与全部界面控件使用现代黑体：心上学、事上练、仁爱利他、知行合一——保证长文阅读与操作效率。
印章式单字点缀「仁 / 商 / 学」分别锚定班级、商城、共学三个语义场；字号阶 40 / 30 / 24 / 20 / 18 / 16 / 14 / 13 / 12px，层级靠字号与留白，不靠花哨装饰。
色彩对比与触控尺寸都按 WCAG AA 校验：正文对比最高 10:1，朱砂按钮白字对比约 6.8:1，状态一律「圆点 + 文字」双通道表达，色觉障碍用户同样可用。
| 商品 / 学长 | 类目 | 状态 | 对接数 |
|---|---|---|---|
| 高支棉无缝针织 T 恤 陈学长 · 知行一组 | 纺织服饰 | 已上架 | 26 |
| 义乌红糖麻花 · 企业定制 楼学长 · 致良四组 | 食品茶饮 | 已上架 | 31 |
--ra-red-700、--ra-gold-500、--ra-sage-600 等），映射 WXSS / SCSS，开发与后续迭代不许改回纯黑纯白。以下是小程序端的界面原型复刻——首页、风采图库、共学音视频、仁爱商城、我的五个一级页面，加上承载班级深度文化的独立页。真实的交付原型可交互切换，此处为静态呈现。
Hero 品牌区 + 核心数据 + 四宫格入口 + 班级动态 + 商城横幅
汇聚上千位企业家学长，班级文化、课程与供应链资源，从此一处沉淀。
学长们的供应链与好产品
利他共享 · 道义经营
首页承载班级品牌与核心数据；文化深度内容（班级总览、班委风采、12 个学习小组）由首页进入独立页面，避免一级栏目过载。
按活动类型分类的相册流，3,100+ 张活动影像长期沉淀
相册由班委在后台按活动创建与维护，支持「全体学长可见 / 公开」两种可见范围，浏览数据回流运营概览。
竹青语义区：12 门系统课 + 240 条短视频，随时回看
12 门系统课程 · 240 余条班级短视频
立志 → 勤学 → 改过 → 责善，四篇体系化共修
课程与短视频由班委在后台「音视频 / 课程」模块统一上架管理，播放数据沉淀为班级学习资产。
描金语义区：非流量电商，学长供应链展示与对接发起
学长自有供应链产品与企业服务，312 条在售资源；价格不明示，对接一律经班委撮合。
商品卡明确标注「同班学长」、供应能力与起订门槛（MOQ），不标价格——有需求点「申请对接」提交原文，由班委核实身份后撮合，而非线上直接成交。
名片卡 + 我的资源 + 学习记录，个人资产沉淀
学长名片卡与「我的」数据，构成社群内每位成员的数字资产；在售资源与对接记录和后台实时同步。
独立深度页：班级总览 · 班委风采 · 学习小组三段式
缘起润泽园阳明心学体系，以「仁爱利他、知行合一」为内核，坚持心上学、事上练——上千位企业家学长同修共进、资源共生的数字家园。
班级文化是这套系统的「根」：总览、班委、小组三段式结构由班委在后台内容管理模块维护，全部课程、影像、资源经小程序沉淀为班级永久的数字档案。
管理后台与小程序共用同一套设计令牌，但换用「墨色侧边栏 + 宣纸主区」的桌面布局：班委打开第一眼是运营概览与待办队列，今天要处理什么一目了然。
周末共学活动带动访问峰值 3,624
18 条新上架等待班委审核
2 篇学长投稿待审核发布
7 条对接申请待撮合
2026-09-06 · 已上线
2026-09-05 · 已上线
2026-09-05 · 已通过
班委审核制：信息真实、产能可核、禁止站外导流
商品由学长提交，班委按「信息真实、产能资质可核、无站外导流」三要点审核；通过后自动同步小程序仁爱商城前台。
双核身份 → 推送名片 → 建群 → 7 天回访沉淀
撮合流程：申请方填写需求 → 系统通知货主学长确认 → 班委双核身份 → 同时推送双方名片并建群。近 30 天撮合成功率 86%，成交结果回访后沉淀为月度统计。
1,286 位学长 · 12 个小组 · 角色权限清晰
按小组筛选与维护学长名录，班委、组长角色标签化管理；支持批量导入与邀请入班，入班默认「班委邀请制」审核。
仁爱大班，是润泽园阳明心学体系下义乌本地大型线下共学班级，汇聚上千位企业家、创业者学长，以阳明心学「仁爱利他、知行合一」为内核，坚持心上学、事上练——既是学习成长的共修平台，也是同频伙伴资源链接、供应链互通的共生社群。
仁爱大班拥有完整的班级组织架构：班委团队统筹运营，下设 12 个学习小组分头共修，日常开展线下共学日、课程学习、企业参访、学长交流与供需对接会等各类活动。随着班级规模持续扩大，线下社群的风采展示、班级文化传播、课程内容沉淀、上千位学长供应链资源对接，传统微信群、文档的管理模式已经难以承载。为打通文化展示、学习沉淀、资源共创、供应链互通的多重需求，仁爱大班携手义乌微点网络，定制开发专属阳明心学社群小程序，实现共学社群的数字化升级。
| 维度 | 基本情况 |
|---|---|
| 所属体系 | 润泽园阳明心学 · 义乌本地大型线下共学班级 |
| 社群规模 | 1,286 位在册学长，多为企业家、创业者 |
| 组织架构 | 班委团队统筹 + 12 个学习小组（知行一组、明诚二组、笃行三组、致良四组等） |
| 日常活动 | 线下共学日、晨读《传习录》、企业参访、学长供需对接会、新学长欢迎会 |
| 核心诉求 | 文化展示 + 学习沉淀 + 供应链资源互通，一体化数字化载体 |
过去，仁爱大班的班级风采、班委介绍、各小组特色、学习短视频、课程资料，只能依靠社群转发，信息分散、查阅不便；上千位学长各自的供应链、产品资源，缺少统一线上载体做展示对接。班委团队梳理出四点核心诉求：
结合仁爱大班「心学共学 + 学长共创 + 供应链互通」的双重业务属性，双方深度共创，定制开发一体化社群内容展示小程序，兼顾文化内容展示与商业资源对接两大能力，并配套班委运营管理后台。
班级总览、组织风采、风采图库、音视频专区四层结构，构成社群对外与对内的数字化窗口。
12 门系统课程 + 240 余条班级短视频，立志、勤学、改过、责善四篇体系化沉淀，随时回看。
学长共创供应链互通平台，非流量电商：资源展示 + 申请对接 + 班委撮合，践行道义经营。
学长前端「看 + 发起」，班委后台「理 + 撮合」，双核身份、推送名片、回访沉淀全流程线上化。
内容管理、音视频维护、商城商品审核、学长管理，按小组筛选、班委组长角色标签一目了然。
朱砂、墨色、宣纸、描金、竹青五色体系，宋体承文化、黑体保效率，文化与商业同屏不混。
搭建完整的班级展示体系，实现仁爱大班数字化对外窗口，这也是这套社群内容展示小程序的文化根基：
打造专属仁爱商城共创体系，立足仁爱大班利他共享的理念，服务上千位学长。支持学长上架自有供应链产品、企业服务，实现资源线上展示；搭建社群内部的供需对接通道，实现同频伙伴之间的学长供应链资源互通、生意共创。
值得注意的是，仁爱商城以社群共创为核心，不做普通电商流量生意：商品卡明确标注「同班学长」，展示类目、供应能力与起订门槛（MOQ），价格不明示；有需求的学长点「申请对接」提交需求原文，由班委核实双方身份后推送名片撮合。重在链接学长之间的供应链、产品、服务资源，践行道义经营。
| 维度 | 普通电商小程序 | 仁爱商城共创模式 |
|---|---|---|
| 经营逻辑 | 流量转化、GMV 导向 | 同频学长资源链接，道义经营 |
| 商品来源 | 平台自营 / 商家入驻 | 学长上架自有供应链产品与企业服务 |
| 价格呈现 | 明码标价、线上成交 | 展示产能与 MOQ，价格不公开，直接对接学长本人 |
| 交易撮合 | 购物车 + 支付 | 申请对接 → 班委双核身份 → 推送名片 → 回访沉淀 |
| 信任机制 | 平台信用体系 | 「同班学长」实名标识 + 班委审核把关 |
小程序打通班级线上线下链路：线下共学活动、班级风采、课程内容沉淀至小程序；学长可以通过小程序浏览班级动态，查看同学供应链资源，实现学习与商业资源双向联动。把分散在微信群的信息，统一归集到数字化载体，降低班级运营管理成本，提升整个社群的凝聚力。
作为一套承载阳明心学文化的社群小程序，微点网络设计团队没有套用通用电商模板，而是为仁爱大班定制了一套新中式书香设计系统（完整令牌与组件见上文「设计系统」章节）：宋体只用于标题与点睛文案，界面控件一律现代黑体，让圣贤气质落在细节里；「竹青」标记共学内容、「朱砂·描金」标记商城资源，用户一望即知当前在看文化还是资源，实现文化展示与商业对接同屏而不混。
可访问性同样在线：正文对比 ≥ 10:1，按钮白字与朱砂主色对比约 6.8:1（WCAG AA 通过），触控目标 ≥ 44px，状态用「圆点 + 文字」双通道表达，色盲用户也能无障碍使用。35-55 岁企业家学长为主的用户结构，稳重可读优先于炫技动效。
通过这套定制化社群小程序，仁爱大班完成了共学社群数字化的完整落地，核心价值体现在四个方面：
把仁爱大班的班级理念、班委风采、小组特色、活动影像、课程内容全部线上化，成为班级永久的数字档案，方便新老学长快速了解班级文化——无论班级如何壮大，文化的根都在这里。
仁爱商城为上千位学长搭建共创交易阵地，实现供应链、产品、服务线上展示对接，让同频的企业家伙伴实现资源共享、抱团共生，同频的生意先在这里发生。
小程序既承载阳明心学共学的文化价值，又落地学长之间的商业共创，做到以心会友、以商共富，契合仁爱大班利他共生的班级内核。
替代零散的微信群消息转发，统一内容分发、资源展示，减轻班委运营工作量，提升整个社群的运营效率。
传统共学社群，大多只停留在线上听课、线下聚会；仁爱大班通过数字化小程序，实现了文化展示、学习沉淀、供应链资源互通的一体化落地。
微点网络本次定制开发，跳出通用小程序模板，深度贴合社群的文化理念与真实业务需求——从信息架构到五色设计系统，从班级文化页到供需撮合台，每个模块都长在仁爱大班的真实运营场景上。用数字化工具赋能阳明心学共学社群数字化，为本地企业家社群数字化转型提供了可参考的实践样本。
微点网络深耕义乌社群小程序开发与定制软件开发，同类能力已落地 社群协会管理系统、义乌之巅共创型会员私域体系 等项目，也欢迎共学班级、协会商会、读书会、企业家俱乐部参考这套路径，聊聊你的社群场景。
下面这些是共学班级、协会商会做社群数字化时常被问到的，先摊开说清楚。
共学班级、协会商会、读书会、企业家俱乐部——把社群文化和成员资源沉淀到一套系统里，先从一次需求沟通开始。