Developer Backend
Customize theme colors and bulk manage products + homepage shelves. (自定义主题颜色与商品/首页货架批量管理)
开发后台中文说明(功能与用法)
以下说明对应本页面每个模块与按钮(零基础可用):
0) 这个页面本质是什么
- 这是“编辑器 + 导出器”,不是在线数据库后台。
- 你在这里改数据后,导出3个代码文件,替换项目同名文件并上传,网站才会真正更新。
- 本页上方按钮都不是重复功能:有些针对Excel导入,有些针对JSON文本框。
1) Theme(主题)
- Master Color(主色)会统一影响按钮、强调色、背景网格线颜色、光标辉光色。
- 现在支持自动保存:你改颜色后会自动保存并立即生效。
- Reset theme(重置主题):恢复默认主色。
2) Bulk Products(商品批量)
- Import file to JSON(导入文件到JSON):支持 .xlsx/.xls 导入并直接写入文本框。
- 列映射:B=标题、C=图片、D=人民币价格、E=分类、H=微店ID。
- Yuan per 1 USD(汇率):用于自动生成“美元+人民币”双价格。
- Delete/Clear products(删除/清空商品):会把商品JSON清空为 []。
- 现在文本框输入时自动保存;并自动把前100个商品同步到首页滚动货架。
3) Agent Link Configuration(代购平台配置)
- 可勾选启用平台并填写邀请码(aff/ref/inviteCode)。
- Default buy agent(默认购买平台):用于主链接优先跳转。
- 现在改邀请码/启用状态会自动保存,并按微店ID自动批量刷新商品链接。
- Reset agents(重置平台):恢复默认平台启用与邀请码。
4) Homepage Shelves(首页货架)
- JSON字段:title、image、link。
- Import file to JSON(导入文件到JSON):支持 .xlsx/.xls/.json 并直接写入文本框。
- Delete/Clear shelves(删除/清空货架):会把货架JSON清空为 []。
- 如果你在“商品批量”里改了商品,系统会自动把前100个商品写到这里。
- 你手动改这里的JSON也会自动保存。
5) Export Code Files(导出代码文件)
- Export products-catalog.js:导出商品文件。
- Export shelves-data.js:导出首页货架文件。
- Export site-config.js:导出主题与平台配置文件。
- Export all files:会按步骤逐个导出3个文件(每一步点一次确认,不是zip)。
- 用法:导出后替换项目同名文件,再上传部署。
- 导出内容以当前输入框/当前编辑器可见内容为准(你看到什么就导出什么)。
Theme(主题)
One master color controls accent, buttons, and background grid tint.(一个主色控制强调色、按钮、背景网格色)
Bulk Products(商品批量管理)
JSON array with: id, name, price, category, photo, link(JSON字段说明)
Import button uses uploaded Excel file and writes directly to JSON textarea.(导入按钮会读取上传Excel并直接写入JSON文本框)
Auto-save enabled while typing. First 100 products are synced to homepage scrolling shelves.(输入时自动保存,并将前100个商品同步到首页滚动货架)
Agent Link Configuration(代购平台链接配置)
Enable agents and set affiliate code. Product links are generated from Weidian ID.(启用平台并设置邀请码,按微店ID自动生成链接)
Agent edits now auto-save and auto-refresh product links.(平台编辑后自动保存,并自动刷新商品链接)
Homepage Shelves (Bulk)(首页货架批量)
JSON array with: title, image, link(JSON字段说明)
Import writes directly to JSON textarea, and textarea auto-saves while typing.(导入会直接写入JSON文本框,文本框输入也会自动保存)
Export Code Files(导出代码文件)
Generate real code files from current editor values, then upload/replace in your project.(从当前编辑数据生成真实代码文件,替换后再上传)
Files download to your browser download location; then move/replace them in project root.(文件会下载到浏览器下载目录,请再移动到项目根目录替换)
Export all files now runs step-by-step (confirm each file) to avoid browser blocking.(导出全部会分步骤确认下载每个文件,避免浏览器拦截)