晒配置推荐配置

完成度方案

每把键盘可以维护自己的推荐配置,让用户更快开始,而不是面对空白配置器。

键帽预览

键帽颜色预览

直接预览键帽搭配,给键帽分区和字符图层单独上色。

项目更新

项目更新

项目进度、功能上线和交付状态集中展示,方便客户和代理商快速筛选查看。

购买网络

小程序与代理

配置完成后展示小程序二维码,也可以展示代理 logo 和网站地址。后台可以统一维护。

下载

资源下载

说明书、源文件、固件和素材集中放在这里,客户可以按键盘、类型和关键词筛选下载。

社区晒单

键盘帖子

Design Lab
配置尚未保存
KBDfans键盘预览系统
模型加载中,首次打开会稍慢 · 5s

配置已保存

配置单

TYPELAB
CODE ---------- --
Price¥0
Weight0g
1 / 1
配置代码 ----------

购买方式

Mini Program

Taobao

配置短码未保存

Login

登录

Demo 可直接输入昵称登录。正式版本可接手机号、微信登录或会员系统。

Admin Login

后台管理

后台账号由服务端环境变量管理。首次部署可查看 .env.example。

Logged in

后台控制台

键盘数据

模块展示

控制前台顶部导航和页面模块是否对客户展示。关闭模块后,客户无法从导航进入,对应页面也会隐藏。

文字和菜单

自定义网站前台和菜单的中文、英文显示文案。保存后会立即应用到当前语言。

前台品牌和导航

上传图片后保存。留空则显示 Logo 文字。

键盘选项导入

每个键盘项目独立导入 CSV。渲染图请先上传到图床或外部图床,然后在 CSV 的 imageUrl 字段中填写图片链接。

键帽预览素材

上传一个完整 GLB 模型。前台可点击或拖动选择模型里的独立对象,并实时修改颜色。

完整 3D 模型

模型内的键帽、外壳、字符需要拆成独立 Mesh,用户才能在前台点选或拖动多选后单独改色。

购买方式和代理商

每把键盘可以单独维护小程序二维码、淘宝二维码和对应代理商。这里选择键盘后,下方代理商只属于当前键盘。

当前键盘代理商

代理商跟随上方选择的键盘保存,不再作为前台独立菜单展示。

复制代码后粘贴到 Shopify 产品页的 Custom liquid 区块。

资源下载

管理说明书、源文件、固件或素材链接。Demo 使用 URL / Data URI;正式版本可以替换为文件上传和对象存储。

项目更新

维护一个公开项目更新页面,可按分类、状态和关键词筛选。需要推送到微信公众号时,先保存更新,再点击“推送公众号”。

石墨文档嵌入

开启后,前台项目更新页会在更新列表上方显示石墨文档。文档权限需要在石墨里设置为可访问。

编辑更新

公开关闭后只保存在后台,不会出现在前台项目更新页面。

微信公众号推送配置

AppSecret 建议放服务器 .env:WECHAT_APP_SECRET。这里保存 AppID、模板 ID、页面链接和接收用户 OpenID。

图床目录

先选择键盘分类,再上传图片。上传后的图片会保存在服务器 /uploads/library/键盘ID/ 目录。复制图片链接后,可填入 CSV 的 imageUrl 字段。

支持多选,也可以把 OSS / CDN 图片链接添加到图库。

用户配置记录

用户每次保存配置,都会写入服务器记录。搜索结果读取保存时的配置快照,不会因为后台选项变化而改变。

晒单管理

这里展示用户发布的晒单、点赞数和关联键盘。正式版本可以增加审核状态、删除、置顶。

评论管理

管理员可以删除任意评论或回复。

备份和安全

系统会在每次后台保存配置前自动备份 store.json。完整备份会打包 data 和 uploads,模型文件较大时会慢一些。

备份文件保存在服务器 /opt/typelab/backups。