wechat miniprogram examples下載 - wechat miniprogram examples下載

wechat miniprogram examples

Ai源碼

1.0.0

下載

微信小程式範例

[2019-01-14] 最近看回自己的小程式碼，感覺有點亂，程式碼有些不規範且風格陳舊，因此想抽點時間重構一下。
[2017-09-09] 本人現在的工作與小程式暫無交集，但還是會偶爾跟進小程式的API 變更，保持範例能正常運行，同時歡迎大家指出問題。
[2016-11-03] 微信小程式最近很火熱，雖然目前還處於內側狀態，但筆者還是經常看得到許多微信小程式的相關文章，既然它這麼火熱，自己也想利用空閒時間來嘗試學習並做出點東西。筆者剛畢業不久，參加工作也只有3 個月，實際的開發能力並不能與大牛相比，所做的DEMO 技術含量比較低，個人目的在於記錄下每次學習的過程和與大家分享每一次學習之後的成果。由於工作比較忙，只能抽週末的時間來完善DEMO，計劃中的DEMO 有幾個，以後會慢慢更新。

cover

更新日誌

[2020-01-11] 使用https://github.com/zce/douban-api-proxy 提供的代理API 來請求豆瓣數據

[2019-04-20] 修改代理資料回應邏輯，豆瓣圖書API 已經無法代理，需要API key 才能訪問，無解：

{
    "msg" : " invalid_apikey " ,
    "code" : 104 ,
    "request" : " GET /v2/book/search "
}

[2019-03-09] 刪除部分console語句，並說一下常見問題：
本專案中的每個小程式都沒有設定appid ，如果要執行項目，您需要為專案指派appid ，否則專案將無法使用真機預覽功能，而且可能無法正常使用部分小程式API。
有網友反映在IDE 中開啟知乎日報點選編譯並預覽後，程式在真機上無法正常顯示。解決方法：點擊編譯並預覽後，真實會自動開啟小程序，點擊小程序右上角的第一個選單按鈕，選擇開啟調試，重啟小程序後就能正常顯示數據，造成該問題的具體原因未知。
[2019-01-19] 重構知乎日報小程序，由於官方app 已經沒有主題日報，接口也無法再返回主題數據，因此本次移除了主題日報相關的邏輯，並添加了圖片預覽、封裝可重複使用UI 元件、 web-view頁面和我的收藏頁面。
[2019-01-16] 重構事項助手小程序，將代碼ES6 化，優化數據操作代碼，由於現在小程序又恢復對Promise 的支持，因此該版本的bluebird 將被移除。
[2019-01-14] 重建豆瓣圖書小程序，將舊代碼ES6 化。新增server目錄，存在豆瓣圖書介面代理服務端程序，可以啟動該目錄的程式碼來代理請求豆瓣圖書接口，~~一定程度上解決微信小程式無法請求豆瓣圖書介面的問題~~（該方法已經無效，豆瓣圖書API 現在需要key 才能訪問，無解）。
~~使用方式~~（失效）
~~豆瓣介面代理伺服器程式碼在DouBanBookApp/server目錄下。~~
~~開啟命令列切換到目前目錄，如果是第一次執行，請使用npm install安裝相依性。~~
~~之後使用node index.js運行即可。~~
運行之前請確保8081連接埠沒有被佔用，或者你可以修改程式碼中的連接埠號碼。如果使用該服務端代理請求豆瓣圖書接口，請把api.js中的接口路徑指向本伺服器位址。
[2018-03-31] 修復知乎日報圖片顯示問題和空數據報錯問題，修復事項助手空數據問題。由於豆瓣介面被官方屏蔽，暫無直接解決方法，可參考網路上使用Nginx 代理方式。
[2017-09-09] 程式碼開發的預設IDE 版本升級到v1.0.1.170907，為wx:for新增wx:key屬性，修改事項助手的ActionSheet 行為，顯示聲明取消處理事件（即Promise 的catch），修改bindchange為bindinput 。
[2017-08-23] 修正豆瓣圖書Demo 的資料請求失敗問題，修改request的header中的Content-Type為json或html 。
[2017-02-12] 修改知乎日報案例的圖片路徑，修復取得知乎圖片失敗的問題，啟動介面的圖片取得介面被限制，暫無辦法解決！
[2016-11-23] 由於官方IDE 更新到了0.11.112301版本，移除了對Promise的支持，造成事项助手不能正常運行，解決此問題，在專案中引入第三方相容庫Bluebird 支援Promise ，程式碼已經整合到專案程式碼。
[2016-11-16] 更新案例事项助手，配合微信小程式之ES6 與事項助手教學開發，主要是介紹小程式ES6 開發方法。
[2016-10-31] 小程式更新至最新版本0.10.102800，刪除先前相容新註釋，知乎日报首頁的輪播圖恢復正常，新增案例計劃，初步開發，暫且命名為事项助手，其主要功能為日曆全月份天數動態展示。
[2016-10-29] 由於官方不定期升級IDE，小程式的部分功能被修改和移除，導致先前的專案無法正常運作。現在的程式碼以最新版IDE 運行環境為準，即0.10.102800 版本，可點擊下載，雖然修改了程式碼以適應最新版本的開發環境，但是之前的有些佈局和做法已經不再受到官方的支持，所以實際運作效果與效果圖中的展示可能有差異。

感謝

知乎日报案例上傳之後，有比較熱心的網友貢獻自己的程式碼修復了很多bug，非常感謝

@jkgeekJack
美化部分UI，增加收藏功能，把首頁、主題和收藏頁改為單頁模式，修復部分圖片不能顯示的問題，部分程式碼重構，內容轉義字元顯示問題修復。

範例小程式

事項助手

簡單介紹小程式的ES6 開發方式，最後給出事項助手作為示範例子，事項助手的功能比較簡單，附帶日曆組件和簡單的事項資訊儲存功能。


首頁	日期選擇	詳情頁

知日報

豆瓣圖書是一個圖書查詢小程序，只簡單地使用到了網絡請求和簡單頁面佈局。而本次的範例為知乎日报，功能點比較多，頁面也比上個範例更複雜。在我寫這個DEMO 之前，已經有很多網友弄出了相同的DEMO，都非常不錯，畢竟這個案例很經典，有比較完整的API，很值得模仿學習。這次DEMO 也算是一次小小的練習吧。