微信小程序?qū)嵗?-洗衣小程序開發(fā)經(jīng)驗分享
發(fā)布時間：2017-12-27 11:04 所屬欄目：小程序開發(fā)教程
解決問題，方便生活，為大學(xué)校園中，企業(yè)園區(qū)里洗衣服還要辦理洗衣卡，洗衣服的時候還得揣著一張洗衣卡，只需要拿著手機掃一掃就能完美解決，輕客洗衣微信小程序。下來看看該小程序“輕客”，本人寫了幾個自己覺得主 ...
解決問題，方便生活，為大學(xué)校園中，企業(yè)園區(qū)里洗衣服還要辦理洗衣卡，洗衣服的時候還得揣著一張洗衣卡，只需要拿著手機掃一掃就能完美解決，輕客洗衣微信小程序。下來看看該小程序“輕客”，本人寫了幾個自己覺得主要的功能，還有部分功能待編寫中，歡迎各位看官批評，同時跪求各位看官收藏點贊，不勝感激，上效果圖：
概覽.gif
注：PC端無法實現(xiàn)掃碼，彈出打開文件框
一、準(zhǔn)備工作
小程序嗎，慢慢玩兒，微信給玩家提供了一大推你所需要的各種各種，你只要一個微信號就行。在開發(fā)小程序時，對小程序有個大概的認(rèn)識就行，不求多牛逼，記得我心目中的大佬說過，不要發(fā)等你好牛逼了才來做牛逼的事，慢慢做，碰到問題解決問題，你就能牛逼起來，一臺PC，同時匹配PC下載好微信小程序的開發(fā)者工具，編輯器，有很多種，本人用的VSCode，接下來就開始干了。
二、前期開發(fā)工作
打開微信公眾平臺網(wǎng)頁見地址：mp.weixin.qq.com/，實名注冊一個，掃碼登錄微信公眾平臺，點擊設(shè)置->開發(fā)設(shè)置拿到屬于自己的專屬AppID(小程序ID)，詳見下圖：
復(fù)制該AppID(小程序ID)至微信開發(fā)者工具，取名、選定文件夾 -> 添加項目，得到的頁面又是這樣的：
Hello World.png
單擊左上角編輯，出現(xiàn)如下界面：
pages文件夾下存放著小程序所有的業(yè)務(wù)功能實現(xiàn)頁面，一般默認(rèn)有倆，分別為index和logs；
index文件夾就是一個頁面，index.wxml是頁面的結(jié)構(gòu)文件，類似html。
index.wxss是頁面的樣式，其實就是css；
index.js是頁面的邏輯，數(shù)據(jù)請求與渲染都是都在這個頁面完成。
logs文件夾存放著小程序開發(fā)日志，目前暫時用不到。
單擊左上角編輯，出現(xiàn)如下界面：
pages文件夾下存放著小程序所有的業(yè)務(wù)功能實現(xiàn)頁面，一般默認(rèn)有倆，分別為index和logs；
index文件夾就是一個頁面，index.wxml是頁面的結(jié)構(gòu)文件，類似html。
index.wxss是頁面的樣式，其實就是css；
index.js是頁面的邏輯，數(shù)據(jù)請求與渲染都是都在這個頁面完成。
logs文件夾存放著小程序開發(fā)日志，目前暫時用不到。
