沒有實戰經驗？從零敲一個企業級共享項目先後端！

本博客 貓叔的博客，轉載請申明出

閱讀本文約「3分鐘」 適讀人羣：Java後端、Java初級、小程序前端

本文是兩個GitHub項目的序章，旨在指導初級程序員完成一個企業級共享項目的先後端代碼實踐，豐富自身的實戰經驗與知識。

項目介紹，這個一個企業級的共享圖書項目，涉及部分Iot實踐環節，整個項目主要以SpringBoot爲後臺提供API，前端小程序調用接口，同時項目會涉及共享書櫃硬件的通訊環節，其中涉及netty知識，整個項目大體的技術棧應該會有小程序源碼MVC開發模式、ES6基 礎能力提高、共享書櫃二維碼生成、圖書管理系統、圖書業務知識、netty構建簡易Iot通訊，SpringBoot實現基本的業務功能。

業務具體介紹，本系統是一個共享圖書的小程序項目，企業級，創業項目。相似共享自行車，投放自行車，本項目投放圖書書櫃（小型快遞櫃），書櫃內部有24本圖書，每一個書櫃會有定位，能夠在小程序搜到距離你最近的書櫃，而且每一個書櫃會有專屬的二維碼，由於每一個書櫃存放的圖書不同，你能夠在A書櫃掃碼借書，以後在B書櫃還書，前提是B書櫃有空餘格子。具體業務流程相似共享自行車，也有設計押金、月卡、季卡等等。

先看看項目的效果吧，暫時給前端小程序，由於從零帶着敲，因此本來的後端是SSM的，我將從新改成SpringBoot，後端的管理平臺就暫時沒有給gif了。

先後端項目的地址

• ShareBookServer
• ShareBookClient

前端知識盤點

由於我前端的基礎不行，因此說得很差的，還請各位碼字留情。

前端的目錄是比較簡單的，各位後端的同窗也能夠簡單學習，畢竟到時會給源碼，因此你們能夠調式試試。imgs是主要小程序的靜態資源，即圖片什麼的，由於小程序自身原本就有限制，因此若是加載大量的圖片就直接用url去加載，小業務的話，能夠和業務服務器一塊兒，若是數據量大，就本身作一個ftp的文件服務器或者使用阿里的文件存儲oss，其餘平臺的也有不少，這裏就不一一介紹了。

以上是單個頁面的實現基本文件目錄。整個前端沒有使用什麼便捷的框架生成，而是原生以MVC的思路去敲，這也是我推薦的，具體理由，...一下省略一萬字。

我也是採用後端的MVC模式，xsml是頁面骨架，wxss就是H5的css，就是咱們的炫酷外表，而內容展現什麼，是由js而定，wxml會數據綁定js裏面的字段，而js會調用*-model.js裏面的方法，*-model.js就是請求咱們的後臺服務器的具體業務調用端。

雖然你們看到小程序前端都寫好了，不過秉承教學目的，因此仍是要分步驟，加註釋，一步一步的上傳GitHub。

後端知識盤點

後端自己是SSM的框架，不過比較久遠，你們可能調試不便，因此就整改成SpringBoot版本，還有數據庫設計，這一塊我也暫時還沒整理出一個結構圖，下一篇預計會出，或者下下篇。（本系列由於秉承開源，免費的原則，因此更新時間可能會有波動，我的能力有限，還請見諒。）

後端會使用到freemarker框架來生成後端管理頁面，主要是管理圖書庫存，還有二維碼生成子系統是針對書櫃設計的，不一樣書櫃會有對應的圖書。而系統會以原生netty對接單片機。（由於硬件不屬於軟件部分，並且單片機一塊的基本上有經驗的均可以作到，因此到時會用普通的代碼模擬）

後端會出兩套API，一套是針對小程序的，一套是後臺管理系統的。其中還涉及微信支付環節。

具體你們能夠關注一下。

公衆號：Java貓說

學習交流羣：728698035

現架構設計（碼農）兼創業技術顧問，不羈平庸，熱愛開源，雜談程序人生與不按期乾貨。