服飾商城模板說(shuō)明

項(xiàng)目介紹

功能描述

本模板為在線服飾商城類(lèi)型，主要功能包括商品展示、商品搜索、購(gòu)物車(chē)、訂單管理等。

模板包含前后端，其中前端代碼使用avm.js多端技術(shù)(未處理)開(kāi)發(fā)，可同時(shí)編譯為Android & iOS App以及微信小程序；后端使用APICloud數(shù)據(jù)云3.0（未處理）云函數(shù)自定義接口。

截圖預(yù)覽

源碼說(shuō)明

源碼文件目錄結(jié)構(gòu)

項(xiàng)目源碼在本倉(cāng)庫(kù)的 widget 目錄下。其中該目錄下的文件結(jié)構(gòu)如下：

|---widget             // widget 代碼根目錄
|    |---components    // stml 組件目錄。該目錄下 stml 文件僅被 pages 目錄下頁(yè)面引用，不單獨(dú)編譯
|    |---css           // 外置引用的 css 文件存放目錄
|    |---image         // 圖片資源文件目錄
|    |---pages         // stml 頁(yè)面代碼文件目錄。該目錄中每個(gè)文件對(duì)應(yīng)一個(gè)頁(yè)面，將被編譯為 js 或者小程序的3個(gè)代碼片段
|       |---index      // stml 頁(yè)面代碼文件子目錄。如果您希望您的 App 能夠兼容微信小程序，需按照微信小程序目錄結(jié)構(gòu)，新增一層子目錄，并將 stml 文件置于該目錄下
|    |---html          // 標(biāo)準(zhǔn) html 頁(yè)面代碼文件目錄
|    |---res           // res 目錄
|    |---script        // 外置引用的 js 文件存放目錄
|    |---config.xml    // app 配置文件
|

使用步驟

1，下載最新版本的APICloud Studio 3

2，下載APICloud Studio 3，安裝后打開(kāi)，頂部菜單選擇【項(xiàng)目】-【新建項(xiàng)目】，打開(kāi)如下界面：

填寫(xiě)應(yīng)用名稱，選擇相應(yīng)模板，點(diǎn)【完成】按鈕進(jìn)行創(chuàng)建。

3，為當(dāng)前項(xiàng)目編譯自定義Loader(未處理)進(jìn)行真機(jī)同步調(diào)試預(yù)覽?；蛘呤謾C(jī)安裝AppLoader（未處理），使用AppLoader進(jìn)行真機(jī)同步調(diào)試預(yù)覽。WIFI同步使用教程 參考WiFi真機(jī)同步（未處理）。

4，小程序可通過(guò)studio3編譯項(xiàng)目后在微信開(kāi)發(fā)者工具中進(jìn)行預(yù)覽（未處理）。開(kāi)發(fā)完成后可以將編譯的小程序包上傳到微信開(kāi)放平臺(tái)，審核通過(guò)后，在微信中可以搜索查看。

5，云編譯 生成Android & iOS 應(yīng)用安裝包以及微信小程序源碼包。編譯iOS之前需先上傳iOS證書(shū)，Android則可直接進(jìn)行編譯。

技術(shù)支持

使用中若有任何疑問(wèn)可到APICloud論壇AVM多端專區(qū)發(fā)帖提問(wèn)。官方技術(shù)支持和眾多活躍開(kāi)發(fā)者會(huì)第一時(shí)間為您提供技術(shù)支持。

項(xiàng)目地址

項(xiàng)目源碼地址（https://www.apicloud.com/safe?online-dress）