項目需求
- 用戶功能:用戶可以註冊、登錄、退出系統
- 發佈博客:用戶可以創建、修改、查看、刪除自己的文章
- 評論功能:任何人都可以對博客進行評論
- 管理員功能:管理員擁有比普通用戶更高的權限,可以管理所有用戶以及他們的博客、查看每天的博客發佈情況,還可以把某個用戶設爲管理員
里程碑1:搭環境
- 採用
JavaScript
相關技術棧,整體採用ES6
規範 - 構建工具使用
npm
- 數據庫採用關係型數據庫:
Mysql
- 前端框架
React+Redux
框架 - 後臺使用
node.js
框架爲express
- 使用
webpack
打包工具 README
文件,方便別人拿到代碼後,能夠成功快速在電腦上運行。- 代碼小步提交到
github
的組織倉庫上。
驗收條件
- 其他人可以方便的獲取你的代碼
- 其他人可以通過你的說明文件,在本地將服務器快速的運行起來,看到頁面
- 通過簡單的頁面可以證明你使用的技術棧和主要的庫等已經配置正確
里程碑2:用戶登錄
- 顯示未登錄狀態的首頁
- 實現用戶的註冊,登陸,退出功能
- 對首頁進行組建劃分,顯示相應的內容
- 使用數據庫存儲用戶信息
驗收條件
- 代碼上傳github倉庫,更新README文件
- 首頁展示文章列表,用戶登錄狀態(未登錄),登陸按鈕等
- 數據庫數據的狀態正確
里程碑3:文章的增刪改查
- 實現對文章的顯示,添加,刪除,修改。
- 顯示採用
MarkDown
的形式,左邊爲輸入的MarkDown
語法,右邊顯示對應的HTML
格式 - 點擊發布按鈕將文章信息發送到後臺
- 發佈成功後跳轉到文章列表頁
- 不用真實數據庫,不用用戶登錄
- 可以將數據保存在
json
文件中
驗收條件
- 從首頁的寫文章按鈕可以進入編輯頁面
- 編輯頁面左邊輸入
MarkDown
語法,右邊顯示對應的HTML
格式 - 點擊發布按鈕將文章信息發送到後臺,將該消息輸出到控制檯
- 點擊文章列表中的一項,跳轉到該文章對應的編輯頁面
- 在該編輯頁面中修改文章後點擊保存,將更新的文章信息發送到後臺,並輸出到控制檯
- 編輯頁面中點擊刪除按鈕,刪除該文章,給出確認刪除的提示,刪除文章成功後,自動跳轉回文章列表的首頁面
里程碑4:使用真實的數據庫存儲文章信息
- 確定數據庫表的結構
- 將之前的
json
文件替換爲數據庫
驗收條件
- 前一個里程碑的功能沒有被破壞
- 可以通過某種方式來初始化數據庫結構和預置數據,並在
README
中說明步驟 - 代碼以“小步”方式提交到
github
上,並且每個commit
都有清楚的描述
若干篇博客用來記錄你的學習收穫和疑問