為什麼

學習 Java 三年，目前已經工作了2年，因為自學，基礎差，所以打算年末總結一下常見的基礎知識和麵試點； 也可以通過獨立做一個專案整合自己工作期間學習的知識，加深印象。

但是想著回家或是平時手機用的多，做一款APP和小程式很方便檢視。

專案展示

本片部落格並沒有詳細的原始碼，而是總結開發過程中我自己用的技術，包括前端，後端和小程式。儘量給出一些部落格和開源框架參考。大家可以根據自己擅長的開發框架來開發。

• 微信小程式效果：
  

• 體驗（微信掃一掃）：
  

開發過程

對於App和微信小程式來說，本質上都是屬於前後端分離的專案，微信小程式端只需要定義好後端的資料介面接收資料進行渲染。

如果做過前端框架vue的專案可能非常熟悉這種開發模式。

後端開發

過去1年工作期間用到的最多的開發框架是spring boot、mybatis，資料庫為mysql、redis。

後臺其實沒什麼好說的，大家可以拿自己熟悉的開發框架進行開發，然後根據自己的需求寫介面就行了。

開源專案參考

github 和 gitee 碼雲 上有很多非常好的開源框架，程式碼非常規範，可以有選擇性的學習使用。

下面只是我學習過的，大家可以搜尋 Java 檢視排行榜上面star數量比較多的自行選擇學習即可。當然如果工作期間自己總結了一套開發框架，直接用就行了。

1. renren-fast
2. pig

管理中心開發

微信小程式 是展示給使用者看的，同時也需要一個後臺管理中心給自己檢視！

開源專案參考

前端框架就非常多了，我自己使用的是vue + element。

使用自己擅長的。

1. renren-fast-vue
2. avue
3. iview-admin

微信小程式開發

很多人包括我在內的 Java 初學者前端可能並非像 Java一樣熟悉，那如何快速的開發簡單的小程式呢？

對於我來說，只能使用框架彌補前端的不足了。

官方資料

1. 微信公眾平臺

註冊小程式。

2. 小程式開發文件

3. 小程式開發工具

4. 小程式社群

開發遇到的問題可以在這了查詢或詢問。

5. Github 微信小程式開發資源彙總

不可錯過！

UI 開源框架

1. WePY - 支援元件化的小程式開發框架
2. mpvue - 基於 Vue.js 的小程式開發框架，從底層支援 Vue.js 語法和構建工具體系
3. taro - 使用 React 的方式開發小程式的框架，同時支援生成多端應用
4. uniapp - 使用 Vue.js 開發跨平臺應用的前端框架

個人選擇 uniapp

選擇uniapp的原因很簡單，樣式豐富，元件也多，傻瓜式一次開發，生成微信小程式，Android 和 ios App，目前也支援支付寶小程式等等，符合我這種前端小白。

多對比，多檢視各個框架官方提供的小程式 Demo，選擇最適合需求的框架。

1. DCloud 官網
2. uniapp 開發文件
3. DCloud 社群
4. 開發工具 HbuilderX

部署

微信小程式

• 微信小程式本身不需要部署，在微信開發工具中直接上傳程式碼就行。

注意：小程式介面需要申請域名並備案。

• 微信小程式阿里雲伺服器https搭建

Java 後端

自己打包部署上傳到雲伺服器就行了。

總結

對於剛接觸小程式的開發者來說最重要的還是花點時間瞭解小程式整個開發環境，在官網，github上都可以。根據自身開發經驗選擇最合適的前後端框架。

也可以加入 qq群 交流：699568634。