實作範例 ─ 以Post Manager為例
這篇實作範例我們會帶大家瞭解 Mobious 的架構及流程,並且如何把常見的 Post Manager 功能實際應用在 Mobious。 在實作的過程中會先從 Post Manager 功能敘述帶家家了解後,並分兩章節:後端(Back-End)與前端(Front-End)作說明。
Post Manager 功能說明
一般使用者
- 顯示文章清單
- 檢視文章內容
Admin 權限
- 指定文章編輯者(Editor)
Editor 權限
- 新增文章
- 修改文章
- 刪除文章
後端(Back-End)範例包含
後端(Back-End)會以架構導向實作。
- Model(sequelize) — 定義資料表型別及設定關聯性
- Spec — 定義規格及測試
- Controller — 處理邏輯層
- Route — RESTful API 路由設定
前端(Front-End)範例包含:
前端(Front-End)會以功能導向實作。
以上功能都含括:
- [Route] — 網址路由設定
- [Auth] — 依照使用者權限顯可操作的功能
- [View] — 畫面呈現頁面、CSS套用
- [Action] — 註冊 Action 行為、呼叫後端 RESTful API
- [Store] — 處理修改 State
建議閱讀方式為從上依序往下閱讀
專有名詞
English | 中文翻譯 |
---|---|
View | 視圖 |
Action | 操作 |
Store | 資料處理器 |
State | 狀態 |
Component | 元件 |
Render | 渲染 |
Route | 路由 |
下一步
瞭解完大致上的 Post Manager 架構後,接下來我們就要開始從 後端(Back-End)Model 開始撰寫 。