1. 程式人生 > >nodejs+fs+express寫的前期的登入註冊頁面

nodejs+fs+express寫的前期的登入註冊頁面

首先,要把資料存放到本地,就必須使用後端,現在沒有使用資料庫而是使用原始的fs寫的一個登入和註冊的頁面,實現是使用者名稱不能重複,根據使用者名稱來判斷該使用者是否註冊過,資料夾中的檔案,是根據每個人的名字作為檔案的名稱。

  • 先寫好前端的頁面,也就是註冊和登入的頁面,就是一個表單,吧表單的action=“”傳入一個路徑,method=“post”只要是提交資料的表單最好都要寫成post請求,而get請求會不安全,他會把你填入的資訊都會隨帶到url地址的後面傳輸到服務端,這樣別人就會看到你寫的資訊。
  • 前端頁面寫好之後,開始搭建簡易的伺服器,在該資料夾下初始化npm init -->會出來一個package.json的檔案(描述當前node專案的相關資訊,比如專案名稱,作者,描述,主程式入口,其中裡面的main屬性的作用:描述當前node專案的主程式入口,即伺服器的根檔案,預設檔名是index.js可以修改),--》安裝所需要的模組(express,fs(系統模組,不需要安裝),body-parser(處理post請求的資料))--》在index.js中匯入所需要的模組、例項化express、設定靜態資原始檔夾、設定網站埠並監聽--》伺服器執行測試。
  • 客戶端開始在前端頁面傳送請求,後端接受來進行處理髮送過來的請求

先阻止表單的預設提交事件,然後根據map迴圈查詢兩次輸入的密碼是否一致,如果不一致,則返回重新輸入,如果一致,則進行傳輸資料,而表單的資料是在表單的$(this).serialize()這個方法中的,$.post('傳送的路徑',‘傳送的資料’,‘後端成功之後返回過來的資料是個函式’)

註冊的服務端

登入的服務端