Node.js連接數(shù)據(jù)庫(kù)實(shí)現(xiàn)注冊(cè),登錄,在登錄時(shí)檢測(cè)賬號(hào)是否進(jìn)行注冊(cè)。
準(zhǔn)備工作 創(chuàng)建文件夾
此創(chuàng)建文件夾可以不是使用Vue-cli進(jìn)行創(chuàng)建,只是簡(jiǎn)單創(chuàng)建文件夾便可。
- 使用npm進(jìn)行mysql插件的安裝,cmd黑窗口運(yùn)行下列指令
npm install mysql --save
此指令運(yùn)行完成,文件夾根目錄出現(xiàn)node_modules文件
- 黑窗口運(yùn)行 npm init指令,出現(xiàn)package.json文件最終的根目錄如下
- 在根目錄下新建http.js文件
開始引入模塊,端口
- 首先在http.js中引入相應(yīng)模塊、工具
var http = require('http'); //引入http
var querystring = require('querystring');
var url = require('url'); //引入url
var fs = require('fs'); //引入文件管理
- 創(chuàng)建一個(gè)可以訪問的端口
http.createServer(function(req, res) {
console.log('鏈接成功');_
//向請(qǐng)求的客戶端發(fā)送響應(yīng)頭
res.writeHead(200,{
'Content-Type': 'text/html; charset=urf-8'});
res.end('hello word');
}).listen(3000)
注意:
此處的端口使用為3000,部分可能感覺自己數(shù)據(jù)庫(kù)的端口是別的內(nèi)容,此處要不要更換為數(shù)據(jù)庫(kù)相應(yīng)。在此處進(jìn)行3000的端口是可以相應(yīng)操作的,與數(shù)據(jù)庫(kù)端口不一致不影響使用。文章來源:http://www.zghlxwxcb.cn/news/detail-494407.html
- 檢驗(yàn)是否成功:使用node運(yùn)行http.js
黑窗口運(yùn)行指令
node http.js
運(yùn)行完成,在指令下方會(huì)出現(xiàn)如下圖:
并且在瀏覽器輸入localhost:3000,進(jìn)行相應(yīng)頁(yè)面會(huì)看到hello word文章來源地址http://www.zghlxwxcb.cn/news/detail-494407.html
- 出現(xiàn)上述兩個(gè)結(jié)果意味著端口創(chuàng)建完成并且是可以成功訪問的。
相關(guān)頁(yè)面的操作
頁(yè)面樣式
- 在根目錄下創(chuàng)建三個(gè)頁(yè)面
index.html login.html regsiter.html
最終的目錄 - 在index.html頁(yè)面的body中插入如下內(nèi)容
<h1>
<a href="/login">登錄</a>
<a href="/regsiter">注冊(cè)</a>
</h1>
- 在login.html頁(yè)面的body中插入如下內(nèi)容
<h1>登錄頁(yè)面</h1>
<form method ="POST">
<p>
<label for="userName">用戶名:</label>
<input type="text" id="userName" name="username" placeholder="請(qǐng)輸入用戶名">
</p>
<p>
<label for="passWord">密 碼:</label>
<input type="text" id="passWord" name="password" placeholder="請(qǐng)輸入密碼">
</p
到了這里,關(guān)于Node.js連接數(shù)據(jù)庫(kù) 實(shí)現(xiàn)注冊(cè)、登錄、判斷注冊(cè)的文章就介紹完了。如果您還想了解更多內(nèi)容,請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!