Node項目之需求收集平臺（一）- 基本介紹

上個月只大概花了幾個小時就完成簡單的評分系統，很是簡單的第一個項目。然而在寫這個需求收集平臺的時候，考慮的問題不少，需求也變了好幾次（本身定需求本身開發也是醉了），並且剛開始學習使用jQuery框架來實現頁面交互，因此直到如今尚未完整的完成全部功能。這個需求收集平臺相對於第一個項目有以下方面的改進：

• 適當添加了部分CSS代碼，再也不只是使用原生bootstrap樣式而不寫一句css代碼

• 全面使用jQuery來實現界面交互（現學現賣）

• 大幅使用ajax來異步獲取響應，而再也不是沒寫一句js代碼

• 每一個頁面再也不是獨立的一個文件，適當的使用了分塊拼湊的方式，但仍然使用ejs（下次該換了它）

• 使用bootstrap-table以及bootstrap-fileinput等等插件實現部分功能

• 數據依然使用的MySQL，只是根據表分文件編寫，再也不混爲一談

整個項目到目前爲止，前先後後也差很少1個月時間了，邊學習邊開發，我的感受進步仍是比較明顯的，我的技能的主要更新都在jQuery上了，從開始作這個項目的時候，纔剛開始學習jQuery，在進行這個項目的這個月，也看完了《鋒利的jQuery》一書，收穫頗豐，書中學習的好多內容也在這個項目中獲得了實踐。下面簡單介紹一下整個項目的界面以及基本功能。

前臺

前臺目前就兩個界面，一個是首頁index.ejs，一個是需求添加頁面add.ejs，簡單的兩個界面需求變動了好幾回，前期沒有提早設計出來，都是靠想象來寫前端代碼，故而老是寫完後看着不爽就換了。最終造成下面的樣子，也不想再變更了。

首頁：index.ejs

點擊條目的時候，會異步加載詳細內容以及回覆內容等等。

添加頁面：add.ejs

bootstrap-fileinput插件上傳圖片樣式

功能方面：

• 首頁上點擊消息行項目異步請求獲取詳情內容以及回覆

• 首頁aside邊欄頁面加載完成後異步獲取實時內容

• 添加頁動態獲取需求分類以及對應的詳細分類值

• 添加頁aside邊欄在點擊詳細分類後觸發獲取可能要提交的問題

• 引入bootstrap-fileinput插件美化圖片上傳樣式

後臺

整個後臺看上去就一個頁面admin.ejs，不一樣的設置頁面都是經過bootstrap-table異步加載json的方式來顯示的，其中包括基本信息的設置、部門分類設置，需求分類設置以及用戶帳號密碼設置。其實也能夠理解爲有4個單獨的頁面，只是URL是不變的，所有經過異步加載的方式來處理。

後臺首頁：admin.ejs

使用bootstrap原生modal實現的效果：

功能方面：

• 使用bootstrap-table插件來實現總體的功能框架

• 輔助使用bootstrap一些原生javascript插件來展現部分效果，如modal

作這個項目的時間跨度已經將近一個月時間，其中不乏各類需求變動，遲遲得不到本身想要的效果，不少時候都是夢想很美好，現實很殘酷（PS. 能力有限）。雖然如今好多的功能尚未寫完，可是大致的樣式以及要實現的功能已經定型了，不想再改了，有始有終，接下來的時間就是完成它了。

完成以前在這裏簡單記錄一下，也算作是本身學習Node Web的一個項目實踐吧。關於這個項目的一些細節單獨再整理文章進行介紹。