本博客 貓叔的博客，轉載請申明出閱讀本文約“3分鐘”
適讀人羣：Java後端、Java初級、小程序前端
本文是兩個GitHub項目的序章，旨在指導初級程序員完成一個企業級共享項目的前後端代碼實踐，豐富自身的實戰經驗與知識。
項目介紹，這個一個企業級的共享圖書項目，涉及部分Iot實踐環節，整個項目主要以SpringBoot爲後臺提供API，前端小程序調用接口，同時項目會涉及共享書櫃硬件的通信環節，其中涉及netty知識，整個項目大致的技術棧應該會有小程序源碼MVC開發模式、ES6基
礎能力提升、共享書櫃二維碼生成、圖書管理系統、圖書業務知識、netty構建簡易Iot通信，SpringBoot實現基本的業務功能。
業務具體介紹，本系統是一個共享圖書的小程序項目，企業級，創業項目。類似共享自行車，投放自行車，本項目投放圖書書櫃（小型快遞櫃），書櫃內部有24本圖書，每個書櫃會有定位，可以在小程序搜到距離你最近的書櫃，並且每個書櫃會有專屬的二維碼，因爲每個書櫃存放的圖書不一樣，你可以在A書櫃掃碼借書，之後在B書櫃還書，前提是B書櫃有空餘格子。具體業務流程類似共享自行車，也有設計押金、月卡、季卡等等。
先看看項目的效果吧，暫時給前端小程序，因爲從零帶着敲，所以原本的後端是SSM的，我將重新改爲SpringBoot，後端的管理平臺就暫時沒有給gif了。
前後端項目的地址
前端知識盤點
因爲我前端的基礎不行，所以說得不好的，還請各位碼字留情。
前端的目錄是比較簡單的，各位後端的同學也可以簡單學習，畢竟到時會給源碼，所以大家可以調式試試。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
現架構設計（碼農）兼創業技術顧問，不羈平庸，熱愛開源，雜談程序人生與不定期乾貨。
