基於 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
本文轉載於:猿2048→https://www.mk2048.com/blog/blog.php?id=h0chckbikhj