專注下一步，就那一步

本系列預計要利用 TodoList 待辦事項清單的專案練習實作部份，TodoList 專案非常適合入門新技術時最好的練習，雖然專案內容有點了無新意，但想當初開始學前端 ReactJS 時，我師父（哪位？） 請我寫出 TodoList ，完成之後，就變得比較熟悉整個架構語法，同時信心也增加許多。

不過，最近對代辦事項有不同的體悟，來自於一些時間管理的文章倡導的「每日只做最重要的三件事」，我們洋洋灑灑條列出很多項目，開啟了新的一天，摩拳擦掌，準備要來大展身手，但實際達成率或許不到4成，Youtuber 理科太太也有提到，由於每天列出的代辦事項很多，心理負擔很大可能會導致拖延，效率不彰，或許我們可以試著採取「事不過三」原則，專注把每日認為最重要的三件事完成就好，優先順序的調整使我們增強對時間的掌控度與自信度。

接下來實作的方向可以分為幾個部分：

• 建立並串接資料庫，實作Entity
• 介紹三層式架構與RESTful API
• 實作Dao層、Service層和Controller層
• 將ToDo List 代辦事項用Thymeleaf模版引擎完成
• 單元測試與整合測試
• 實作ToDo List CRUD RESTful API
• 利用ReactJS Web 串接CRUD RESTful API
• 最後，實作後端多對多查詢

在正式開始寫程式時，我們再將開發環境稍作設定，可以使開發起來更加順手，以下介紹幾個設定。

1. 安裝Alibaba Java Coding Guidelines plugin

其中整合了阿里巴巴集團技術團隊的最佳程式風格實踐，可以參考Alibaba-Java-Coding-Guidelines文件，跟JavaScript的靜態代碼分析工具—ESLint 有異曲同工之處，主要是為了先揪出程式碼的隱患並符合團隊規範讓風格一致，不要各寫各的。

點擊「ItelliJ IDEA」→「Preference」至「Plugin」→ 上方點擊「Marketplace」→ 搜尋Alibaba → Install 「Alibaba Java Coding Guidelines」插件。(記得將它打勾開啟，會重啟IDE後奏效)

可以將要檢查的檔案點擊右鍵，選擇「編碼規約掃描」，底下區域會顯示哪些code是比較有疑慮的是比較有疑慮的，分為「Blocker」、「Critical」和「Major」三種等級，通常前兩級必須將它修復。

顯示錯誤

2. 安裝自動化格式代碼Save Actions plugin

我們在專案開發時，經常會有程式碼亂掉的問題，此時我們就會很需要這套自動化格式套件來輔助我們進行開發，套件安裝方法如下：

點擊「ItelliJ IDEA」→「Preference」至「Plugin」→ 上方點擊「Marketplace」→ 搜尋Save actions → Install 「Save Actions」插件。

配置Save Actions

點擊「ItelliJ IDEA」→「Preference」至「Save Actions」將選項勾起來，以下有勾選選項的圖片。勾完之後再點擊「Apply」→ 「OK」

3. Java Parameter hints

可以在呼叫完參數的method時，在旁邊有一個小小的標識提示。

點擊「ItelliJ IDEA」→「Preference」→「Editor」→「Inlay Hints」→「Parameter hints」將右方的選項都打勾。

那麼我們在呼叫methods時，就會出現parameter name 的提示效果