node+express+mysql 實現登錄註冊

基於 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