# LiteMall 可视化装修模块 (LiteDesign)

## 架构
- 编辑态: Vue3拖拽编辑 → 保存草稿JSON文件
- 发布态: 生成带版本号的静态JSON → CDN加速
- 前端: 直接读取静态JSON渲染（毫秒级）

## 数据库 (lite_前缀)
- lite_design_page - 页面元数据
- lite_design_version - 版本历史
- lite_design_theme - 全局主题
- lite_design_material - 素材库

## PHP后端
- app/service/design/Engine.php - 发布引擎
- app/service/design/ComponentFactory.php - 组件工厂（XSS过滤）
- app/controller/DesignController.php - 装修接口

## Vue3前端 (admin/src/views/design/)
- Editor.vue - 主编辑器（三栏布局）
- components/ - 编辑器内部组件
- widgets/ - 业务组件预览/配置

## Uni-app前端 (client/components/design/)
- render.vue - 通用渲染页面
- widgets/ - BannerSlider, GoodsRecommend等
