线上服饰商城（可视化版本）模板说明文档

项目介绍

本模板为在线服饰商城类型，主要功能包括商品展示、商品搜索、购物车、订单管理等。模板中所有页面基于可视化编辑器APICloud Studio3搭建完成，不涉及业务逻辑相关的操作。

可视化界面显示以及预览截图

源码文件目录结构说明

项目源码在本仓库的 widget 目录下。其中该目录下的文件结构如下：

┌─component/                // 项目公共组件目录 │ ├─hoc-banner-list-od.stml // [高级组件]轮播图组件 │ ├─hoc-search-bar-od.stml  // [高级组件]顶部搜索框组件 │ ├─hoc-sort-list-od.stml   // [高级组件]商品分类列表 │ ├─hoc-good-list-lt-od.stml // [高级组件]商品列表纵向 ├─images/                   // 图片素材图标资源目录 ├─pages/                    // AVM页面目录 │ ├─cart/ │ │ └─cart.stml             // 购物车页 │ ├─detail/ │ │ └─detail.stml           // 商品详情 │ ├─main/ │ │ └─main.stml             // 商城首页 │ ├─order_list/ │ │ └─order_list.stml       // 订单列表 │ ├─place_order/ │ │ └─place_order.stml      // 立即购买 │ ├─shopping_cart/ │ │ └─shopping_cart.stml    // 购 物车页 │ ├─sort/ │ │ └─sort.stml             // 分类列表 │ ├─user/ │ │ └─user.stml             // 我的 │ ├─config.json             // 顶部导航底部导航配置文件 └─config.xml                // 应用配置文件 

使用步骤

1、下载最新版本的APICloud Studio 3 2、下载成功后，安装后打开，顶部菜单选择【项目】-【新建项目】，填写应用名称，选择相应模板，点【完成】按钮进行创建。

3、创建完项目后打开stml格式文件，点击左上角图标可切换为可视化界面，可进行页面的设计，左侧栏可根据项目需求拖拽任意组件到画布中，右侧属性设置栏可对拖拽的组件进行设置。具体操作可查看 可视化工具的使用视频。

技术支持

使用中若有任何疑问可到官方技术支持和众多活跃开发者会第一时间为您提供技术支持。