基於 node、express、mysql 實現的登入註冊。

1.`首先在終端中 安裝 node .`
2.`通過npm install express -g 命令全域性安裝 express`.
3.`然後通過express+專案名稱，快速搭建一個專案`
4.`使用 express 初始化專案時 可以指定 要使用的前端模板 包括ejs、jade 可以根據自己的興趣及習慣進行選擇.`

最終的生成的目錄結構如下圖:

專案搭建好以後 使用命令啟動

• 1.可以使用 官方預設的啟動方式 npm start 2.也可以使用 node bin/www 3.這裡我採用 的命令是 supervisor bin/www 來啟動專案

說明:

由於使用express 時每次更改儲存程式碼的時候需要再一次重新的啟動伺服器，所以有時候採用xepress 進行開發的時候遇到的問題 往往是沒有重啟伺服器造成的.採用supervisor 的好處是 每次更改程式碼的時候 會自動幫你 重新啟動伺服器，這樣可以很方便我們使用express進行開發了。

supervisor的安裝方法:

可以通過 npm i supervisor -g 或者 yarn add supervisor 或者 cnpm 的安裝方式 根據個人的習慣。這些做好以後便可以開始跑起我們的專案了。在瀏覽器 輸入127.0.0.1:3000 便可以預覽效果了:

app.js express 專案入口檔案

如下圖:

在這裡 使用 express mysql 等依賴，以及設定一些配置。

mysql 部分

1.首先要 確保 電腦裡 已經裝好了mysql navicat 等資料庫相關的軟體
2.開啟 navicat 建立 一個user的資料庫 然後 建立連線。

如下圖所示:

然後在 config 資料夾 下 開始建立資料庫的配置檔案 db.js user.js

user.js

在路由檔案 下 建立 user.js 實現 登入註冊

如圖所示:

註冊部分

1.前臺使用 ejs 模板 + vue + iview

如下圖所示:

後臺註冊 部分

說說 思路 通過 拿到 前臺請求的資料 然後儲存到資料庫中 1.首先 根據 傳過來的手機號 去查資料庫 看資料庫是否有無這條記錄 如果有的話，說明已經註冊過了，然後 send 一個狀態給到前臺，然後前臺根據狀態進行判斷。2.如果 資料庫查詢到查詢的結果是 null 說明該手機號 尚未註冊，此時就通過insert 語句向資料庫中插入一條記錄了，然後send 的狀態為0，msg:'註冊成功'.

到這裡 註冊 就基本結束了.

登入部分

思路 登入 其實跟註冊 差不多就是 資料庫的 查詢部分

前臺關鍵程式碼如下：

後臺登入處理部分

這裡的思路 :

根據請求頭裡面的 手機號 去資料庫裡 查詢使用者資訊，如果查詢成功 send() status 0 msg:"登入成功",否則 登入失敗。

總結

寫到這裡 就已經結束了。說說 心得體會: 首先登入註冊 看起來很簡單的部分，但是實際上還是 要有很多地方要注意的，首先對於前端開發 要 熟悉登入註冊的流程 ，這個流程 不單單指的是 簡簡單單的提交 表單資料給後臺介面就行了，而是當 介面返回不同介面狀態及資料 該如何 處理得當的問題。這個很值得思考...另外 對於使用 express 提供介面 來說 首先 node 、express 、mysql 的基本知識必須瞭解，另外 還有資料庫的配置問題，包括 不同表之間的關聯問題、多迸發請求 、前端跨域 該如何處理 等等...總之 做程式 做的最後 會越來越發現 需要的知識越來越多 感覺自己會的越來越少，另外真的想說 前後臺真的 不分家 ，後端知識真的超級超級重要...[ author : peipei ][個人作品 勿噴 感謝!]end