更新中~
在項目開發時,如果直接按照項目最終的形態來寫的話,中間可能會出現一些難以測驗的錯誤,這樣就會導致開發周期過長。如果我們將項目拆分成一個個小的里程碑,這樣不僅可控并且易于實現。
下面我將分析這個程序,并且給出我的里程碑。
程序功能分析
- 用戶功能:用戶可以注冊、登錄
- 日歷表:用戶可以選擇日期,當前日期以及之前總結可修改,當前日期之后不可點擊
- 日歷表狀態:不同的日期有不同的顏色
- 發布總結:用戶可以創建、修改、查看、刪除自己的博客
- 查看別人的總結
第1個里程碑:搭架子
第一個里程碑主要是把項目的架子搭起來,方便我們后面的開發。
首先我們確定的技術棧是express+nodejs+react+redux+mongodb
使用其他的工具有webpack+babel+eslint+nodemon
使用npm運行服務器
在這一步,你不需要考慮實現任何功能,可能只需要輸出一個簡單的頁面(上面寫著hello world就可以了),用來證明你的項目已經搭建好。
這一步的重點在于,你能夠把項目的架子搭起來,能夠保證以后遇到問題的時候和需要跟人交流的時候,能夠方便地讓別人看到你的代碼或者效果。
驗收條件:
- 其他人可以方便的獲取你的代碼
- 其他人可以通過你的說明文件,在本地將服務器快速的運行起來,看到頁面
- 通過簡單的頁面可以證明你使用的技術棧和主要的庫等已經配置正確
- 若干篇博客用來記錄你的學習收獲和疑問
2.登錄注冊
在這個里程碑,我們需要完成用戶的登錄與注冊
驗收條件
- 游客查看總結時不需要登錄但也不能對頁面進行操作
- 只有注冊成用戶并登錄后,才能創建、修改、刪除自己的總結,查看別人的總結
- 用戶不能修改或刪除別人的總結
- 注冊用戶時,需要提供以下數據 “用戶名”,“密碼”。其ID由數據庫或+ 代碼自動生成,每個用戶的ID都是唯一并且不變的
- 用戶登錄時,需要輸入“用戶名”和“密碼”
3.日歷表
在這個里程碑中我們需要在頁面產生一個可選擇日期的日歷表,并能跳轉至寫作頁面
驗收條件
- 日期呈可點擊狀態
- 日期可以選擇
- 日期沒有錯誤
4.日歷表狀態
在這個里程碑中我們要對不同的日期添加不同的樣式
驗收條件
- 當前日期之前,日期顏色為綠
- 當前日期顏色為藍色
- 當前日期之后顏色為灰色
5.發布總結
在這個里程碑中我們要實現用戶總結的增刪改查
驗收條件
- 用戶不可以修改刪除其他用戶的總結
- 用戶可以對自己寫過的總結進行修改
- 用戶可以寫當天的總結(之后的不可以寫)
- 用戶可以刪除自己的總結
- 用戶可以通過點擊日歷表查看總結
6.查看別人的總結
在這里有三個功能,分別是:
- 按用戶名查找
- 查看最近所有人總結
- 查看今天所有人總結
驗收條件
- 可以查看沒人用戶的總結,并顯示在頁面
- 將最近的總結顯示在頁面,規定顯示23條
- 可以點擊查看今天,在頁面顯示總結