1. 程式人生 > >17-8-26-WebApp總結

17-8-26-WebApp總結

信息 新頁面 返回值 response 一段 一個 不同 嵌入 str

最近學習了在js中連接和用sql語句操作數據庫,學習了ajax的異步提交請求和返回響應,學習了jason數據轉string和jade的語法與連接到response,學習了web應用的開發全過程,學習了使用js語言從前段到後端全棧開發。

###前端

用bootstrap設計一個HTML頁面放在public裏,展示用戶操作的界面。在裏面嵌入一段js代碼,實現通過dom操作HTML裏的元素,或者連接vue,來獲取用戶輸入的值,再通過ajax技術實現不刷新頁面也可以把後端的返回值更新在頁面上。通過一個函數拼出uri的值包含在request裏,在ajax的回調函數裏再以get的方式發送請求到後端app.js路由。

###後端

路由原理,在app.js裏,通過一個app.use方法把不同路由和事件分別綁定,並把前端發送來的請求分派給routes裏對應的響應函數,在denglu.js路由裏,在app.get裏拿到前端傳過來的req.uri的值,再解析出用戶在前端提交的name和password的值,然後連接數據庫,通過sql語句查詢出存儲的對象的用戶信息,再通過一個循環遍歷取出每個對象的name和password的鍵值,然後構造for if循環並判斷數據是否一致,再通過ajax的xmlhttp.open()方法把對應響應結果異步的傳回前端並顯示出來。

17-8-26-WebApp總結