Skip to content

JavaAFei/wangpu

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

店铺装修

旺铺实体及其关系

  1. 模板(一对多)模板皮肤
  2. 模板(关联)网站实例
  3. 网站实例(一对多)店铺页面
  4. 店铺页面(一对多)布局控件
  5. 布局控件

店铺页面(Page)

页面布局 店铺由页头(header)、内容(bodies)、页尾(footer)三部分组成, 内容部分最多可以有5个

页面管理

页面 说明 可用模块
首页 导航无法删除 全部
店内搜索页 导航无法删除;宝贝分类、宝贝排行榜、宝贝列表无法移动和删除 自定义区、店铺招牌
宝贝详情页 导航无法删除;宝贝基础信息、宝贝描述信息、宝贝相关信息无法移动和删除 全部
宝贝列表页 导航无法删除; 全部

淘宝的宝贝详情页、宝贝列表页、自定义页可以创建多个

  • shop_detail 旺铺首页(需要装修)
  • shop_service 店内搜索页(需要装修?)
  • service_detail 宝贝详情页(需要装修?)
  • shop_news 机构动态(暂不需要装修)
  • shop_about 关于我们(暂不需要装修)

页面管理只有indexsearch 页面状态有 未发布、已发布、修改未发布,游客只能查看已发布的,修改的只有自己可见。 页面装修时pageId不改变 更换模板时,所有页面的pageId都改变了

应用模板=新建page,改变currPage 发布模板=拷贝currPage到releasePage,当前currPage.status=已发布 发布后修改模板=currPage.status=修改未发布

备份后恢复,pageId不改变

直接应用该模板时,系统将在自动备份当前装修数据后,用该模板进行初始化

页面布局(Layout)

布局组件(LayoutComp)定义了可放置的模块,以及样式类名:

组件名称 说明
页头组件 只接受“店铺招牌”和“导航”两个模块,最多放置2个模块
页尾组件 只接受“自定义区”模块,最多放置1个模块
页中950组件 只接受950的组件main
页中190-750组件 sub,main
页中750-190组件 main,sub

布局部件(LayoutWidget)是布局组件填充了模块的结果,整个布局有个css类名

布局组件的可放置模块规则: [h|b|f][190|750|950]

第一个是位置限定,第二个位置是尺寸限定。如“h950”、多个如“b950-b190-b750-b550-f950”

模块(Module)

模块(Module)介绍:

模块名 支持布局
宝贝排行 b190
宝贝分类 b190
客服中心 b190
友情链接 b190-b950
图片轮播 b190-b750-b950
宝贝推荐 b190-b750-b950
宝贝搜索 b190-b750-b950
店铺招牌 h950
导航 h950(无法新增和删除)
自定义区 b190-b750-b950-f950

模块控件(ModuleWidget)是布局组件填充了数据的结果,是可视化的组件

模板(Template)

  • 模板(定义模板)
  • 模板皮肤(定义css)
  • 模板备份(备份模板,和页面数据)

使用模板初始化页面?

手动备份不超过15个,自动备份不超过5个(发布自动备份,更换模板提示备份)

里程碑

  1. 完成模板定义、模板theme/配色(已完成)
  2. 完成页面布局管理、模块拖动新增和移动(已完成)
  3. 完成页面模块的装修、页面的配置(未完成)
  4. 完成页面备份、应用模板/备份(未完成)

About

模仿淘宝店铺装修(简化版)

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 50.5%
  • Java 44.2%
  • CSS 4.6%
  • HTML 0.7%