學生選課系統

(目前已關閉AWS主機，因此連結失效)

作品 demo 連結： http://18.191.233.126:3000 登入帳號：12345678，登入密碼：123

技術(使用到的模組)：

1. Node.js
2. Express 框架：建立路由(RESTful 風格)
3. express-session：登入成功後，要紀錄 session
4. cookie-parser：登入成功後，傳遞 cookie
5. ejs 模板：網頁模板
6. formidable：處理 post 表單
7. mongoDB (mongoose)：記錄學生資訊

除了上述的模組外，還會應用 jQuery 函式庫、Ajax 發送請求、Bootstrap 樣板。

作品簡介

登入頁面

分成學生與管理員登入。

利用 Ajax 獲得登入成功與否之結果，並直接在頁面中顯示，而不用進行網頁跳轉，藉此加強使用者體驗。

管理員介面 - 導入資料

後端獲得上傳之資料後，進一步驗證資料格式正確性，若正確則將資料以 JSON格式寫入至 MongoDB 中。

管理員介面 - 新增、查看資料

除了以檔案上傳資料外，也可個別新增資料。同時利用 jqGrid 以便直接修改資料。

同時，新增資料也會利用 Ajax 獲取後端檢驗結果(資料是否重複)，並直接在頁面中顯示。

學生登入後介面 - 修改資料

利用 seesion 機制，檢查學生資料是否為初始資料，若為初始資料，則強至跳轉至修改頁面進行資料修改。

學生登入後介面 - 課程資訊與選擇

利用 session 機制，依照不同學生，讓後端回傳相對應的課程狀況，以告知學生能否選擇課程。

課程剩餘人數會即時依照選課人數而改變。

學生登入後介面 - 查看所選課程

學生可從系統中查看所選課程，及其資訊，並提供退選按鈕，方便學生做退選動作。