1. 程式人生 > >webApp開發流程

webApp開發流程

lob class 本地 ade pre user 本地倉庫 read 開發

準備

  1. 完成github倉庫
  2. clone github倉庫到本地
  3. 將本地倉庫創建express應用

client端

  1. 增加靜態首頁:登錄頁面
  2. 將登錄頁面數據和vue綁定
  3. 通過vue給按鈕綁定方法:實現ajax提交。

server端

  1. 通過app.js處理ajax發過來的請求,析取出user和password,通過console顯示。
  2. 在server側創建JSON數組,實現用戶名和密碼的比較,將驗證結果發揮給AJAX AJAX側, * 用戶名密碼匹配,跳轉到主頁面。 * 用戶名存在,密碼錯誤,提示 * 用戶不存在,提示
  3. 改為通過mysql數據庫存儲用戶信息
  4. 設置response header,是的client能夠根據header信息區分如何處理。
  5. 使用node的crypto模塊,實現密碼加密
  6. 使用cookie實現用戶登錄的保持(登錄成功後,指定時間內可以只接訪問,不需要再次登錄)

webApp開發流程