小程式實戰:線上借書平臺

Segami發表於2018-10-08

介面預覽

小程式實戰:線上借書平臺

掃碼體驗

小程式實戰:線上借書平臺

測試賬號:隨便輸入一個合法手機號與6位驗證碼。
或者開啟微信——小程式——搜尋“線上借書平臺”。

介紹

這是我去年夏天參加比賽做的小程式,今年年初重構了下前後端程式碼。最近想起這件事,於是重新整理了下文件,發到了github上。

主要目的是分享一下程式碼,給初學者一個參考。程式碼寫得可能不是很好,不過勝在註釋詳細,分層明確,簡單易讀。介面定義採用了YAML,釋出在了Swagger上(點選檢視)。介面經過了精心設計,互動流暢,使用者體驗良好。

前端涉及到業務邏輯的頁面共有30多個,採用了小程式的基礎功能,封裝了一些常用元件,並設定了相關的演示頁。前端現在用的是模擬資料,資料來源是EasyMock,所以有時候響應會慢。

後端使用Slim+Eloquent實現了簡易的RESTful API,介面通過中介軟體實現了引數校驗和許可權控制(Low)。後端還沒來得及部署到伺服器上,之後有時間會用Laravel重構一下。

文件

文件我放在了github上,可以(點選這個連結檢視)。內容包括:

  • API設計:如何設計RESTful API、資料格式、HTTP狀態碼、錯誤物件、測試工具
  • 後端:引數校驗、許可權控制、錯誤處理
  • 前端:網路請求封裝、網路請求出錯處理、跨頁面通訊、元件化

如果有需要我詳細說明的部分,可以留言或者發issue。歡迎各位參與討論,共同進步~

相關連結

文件地址:線上借書平臺

小程式github:github.com/imageslr/we…

後端github:github.com/imageslr/li…

相關文章