首頁  >  文章  >  微信小程式  >  微信開發demo之商城實戰開發

微信開發demo之商城實戰開發

零下一度
零下一度原創
2017-05-22 11:33:223527瀏覽

實例教學

本實例純屬個人編寫,侵刪

一、環境建置

在官網文件找到自己電腦適合的版本下載,直接安裝(本人不建議使用破解版)

  • 微信小程式最新工具下載

接下來會提示使用微信二維碼登錄,直接掃碼登入

二、下載demo

直接使用git工具clone 上述程式碼,點擊新增項目,將本程式加入項目!

(appid選擇無AppID,專案名稱隨便取不一定是檔案名,選擇下載下來的目錄)

微信開發demo之商城實戰開發


##三、開始寫程式碼

進入偵錯頁面(左邊是偵錯預覽,右邊是類似Google網頁偵錯的工具)


微信開發demo之商城實戰開發


進入編輯程式碼頁面


微信開發demo之商城實戰開發


#1、app.json是專案的設定文件,如右圖顯示,

第一部分(黑色框)是pages是整個內的頁面,每新增頁面一個頁面,要把路徑寫在這裡:

第二部分tabbar只要配置這些文件就可以產生app底部的導航(具體可參見文檔)

第三部分是widows全域配置

#2、 pages是指你每個頁裡面有四個檔案json(設定檔),js(自己寫的js),wxml(相當於html),wxss(相當於css)

3、公用檔案可以一般儲存在遠端,目前開發可以在本地新建,例如images(不能使用icon檔案)

【相關推薦】

1.

微信公眾號平台原始碼下載

2. 

微信啦啦外送2.2.4解密開源版微信魔術方塊原始碼

3. 

微信人脈王v3.4.5高階商業版微信魔術方塊原始碼#

以上是微信開發demo之商城實戰開發的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn