17-8-26-WebApp總結

標籤：請求   jad   資料庫   paper   bootstra   對象   uri   通過   頁面   

 

最近學習了在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總結