微信小程序商城開發---真機測試有用
實例教程
本實例純屬個人編寫,侵刪
一、環境搭建
在官網文檔找到自己電腦適合的版本下載,直接安裝(本人不建議使用破解版)
接下來會提示使用微信二維碼登錄,直接掃碼登錄
二、下載demo
直接使用git工具clone 上述代碼,點擊添加項目,將本程序添加到項目中即可!
(appid選擇無AppID,項目名隨便取不一定是文件名,選擇下載下來的目錄)

三、開始編寫代碼
進入調試頁面(左邊是調試預覽,右邊是類似于谷歌網頁調試的工具)

進入編輯代碼頁面

1、app.json是項目的配置文件,如右圖顯示,
第一部分(黑色框)是pages是整個里的頁面,每添加頁面一個頁面,都要把路徑寫在這里:
第二部分tabbar只要配置這些文件就可以產生app底部的導航(具體可參見文檔)
第三部分是widows全局配置
2、pages是指你每個頁面里面有四個文件json(配置文件),js(自己編寫的js),wxml(相當于html),wxss(相當于css)
3、公共文件可以一般存儲在遠端,目前開發可以在本地新建,例如images(不能使用icon文件)
4、更多詳細可以聯系博主
更多代碼
- 微信小應用示例代碼(phodal/weapp-quick)
- 微信小應用地圖定位demo(giscafer/wechat-weapp-mapdemo)
- 微信小應用- 掘金主頁信息流(hilongjw/weapp-gold)
- 微信小程序(應用號)示例:微信小程序豆瓣電影(zce/weapp-demo)
- 微信小程序-豆瓣電影(hingsir/weapp-douban-film)
- 小程序 hello world 嘗鮮(kunkun12/weapp)
- 微信小程序版2048小游戲(natee/wxapp-2048)
- 微信小程序-微票(wangmingjob/weapp-weipiao)
- 微信小程序購物車DEMO(SeptemberMaples/wechat-weapp-demo)
- 微信小程序V2EX(jectychen/wechat-v2ex)
- 微信小程序-知乎日報(myronliu347/wechat-app-zhihudaily)
- 微信小程序-公眾號熱門文章信息流(hijiangtao/weapp-newsapp)
- 微信小程序版Gank客戶端(lypeer/wechat-weapp-gank)
- 微信小程序集成Redux實現的Todo list(charleyw/wechat-weapp-redux-todos)
- 微信小程序-番茄時鐘(kraaas/timer)
- 微信小程序項目匯總
- 微信小程序版聊天室(ericzyh/wechat-chat)
- 微信小程序-HiApp(BelinChung/wxapp-hiapp)
- 小程序Redux綁定庫(charleyw/wechat-weapp-redux)
- 微信小程序版微信(18380435477/WeApp)
- 小程序開發從布局開始(hardog/wechat-app-flexlayout)
- 微信小程序-音樂播放器(eyasliu/wechat-app-music)
- 微信小程序-簡易計算器-適合入門(dunizb/wxapp-sCalc)
- 微信小程序-github(zhengxiaowai/weapp-github)
- 微信小程序-小熊の日記(harveyqing/BearDiary)
- 微信小程序(Seahub/PigRaising)
- 微信小程序(WeChatMeiZhi妹子圖)
- 微信小程序快速開發骨架
- 微信小程序 - Artand 最專業的藝術設計平臺
分析輪子
經驗分享
1、出現空白,沒有報錯,有可能是因為json是空。加一個{}就好了
本文由用戶 yj_best 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!