node.js实现注册和登录

一.Window 上安装Node.js

32 位安装包下载地址 : https://nodejs.org/dist/v4.4.3/node-v4.4.3-x86.msi

64 位安装包下载地址 : https://nodejs.org/dist/v4.4.3/node-v4.4.3-x64.msi

步骤 1 : 双击下载后的安装包 v0.10.26,如下所示:

install-node-msi-version-on-windows-step1

步骤 2 : 点击以上的Run(运行),将出现如下界面:

install-node-msi-version-on-windows-step2

步骤 3 : 勾选接受协议选项,点击 next(下一步) 按钮 :

install-node-msi-version-on-windows-step3

步骤 4 : Node.js默认安装目录为 "C:\Program Files\nodejs\" , 你可以修改目录,并点击 next(下一步):

install-node-msi-version-on-windows-step4

步骤 5 : 点击树形图标来选择你需要的安装模式 , 然后点击下一步 next(下一步)

install-node-msi-version-on-windows-step5

步骤 6 :点击 Install(安装) 开始安装Node.js。你也可以点击 Back(返回)来修改先前的配置。 然后并点击 next(下一步):

install-node-msi-version-on-windows-step6

安装过程:

install-node-msi-version-on-windows-step7

点击 Finish(完成)按钮退出安装向导。

install-node-msi-version-on-windows-step8

打开终端输入node -v或node --version查看是否安装成功,安装成功会出现版本号

重启或注销电脑,否则跟node一起安装的npm不会生效

二.创建node.js项目

创建文件夹registandlogin(名字不要包含中文与大写字母),我用的工具是Visual Studio Code

在终端打开文件夹路径,输入命令 npm init

项目的所有配置信息,都可以直接回车忽略掉,我这里填写了一部分

配置完成以后会生成package.json文件

在registandlogin里创建一个前端文件夹public,在public里面创建文件index.html

 index.html

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<meta http-equiv="X-UA-Compatible" content="ie=edge">

<title>nodejs之登录注册</title>

</head>

<body>

<form action="/regist">

<h1>Regist</h1>

<label for="">账号:</label>

<input name="user" type="text" placeholder="请输入账号">

<br>

<label for="">密码:</label>

<input name="psw" type="password" placeholder="请输入密码">

<br>

<label for="">重复密码:</label>

<input name="pswa" type="password" placeholder="请重复密码">

<br>

<input type="submit" value="注册">

</form>

<br>

<hr>

<br>

<form action="/login" method="POST">

<h1>Login</h1>

<label for="">账号:</label>

<input name="user" type="text" placeholder="请输入账号">

<br>

<label for="">密码:</label>

<input type="password" name="password" placeholder="请输入密码">

<br>

<input type="submit" value="登录">

</form>

</body>

</html>

在项目文件registandlogin下创建一个index.js,里面写服务端代码

index.js

var express = require('express')

// post请求方式会将参数放入到请求体当中

// 所以需要引入解析请求体的模块 body-parser

var bodParser = require('body-parser')

var web = express()

web.use(express.static('public'))

// 设置对url进行编码 并且不允许url进行扩展

// 如果设置为false 那么参数只能为数组或者字符串

// 如果设置为True 那么参数为任意类型

web.use(bodParser.urlencoded({extended:false}))

// 存储注册成功以后的账号密码

var account = ''

var psw = ''

web.get('/regist',function(req ,res){

var password = req.query.psw

var password2 = req.query.pswa ;

var user = req.query.user

if(user != account && password == password2)

{

account = user

psw = password

res.send('恭喜注册成功!账号是'+ user + ',密码是'

+ password + ',请妥善保管')

}

else {

res.send('注册失败,账号已经注册或者密码不一致')

}

})

web.post('/login',function(req ,res){

var name = req.body.user ;

var password = req.body.password ;

if(name == account && password == psw)

{

res.send('恭喜你登录成功')

}

else{

res.send('登录失败,请检查账号密码')

}

})

web.listen('8080',function(){

console.log('服务器启动......')

})

在终端定位到文件夹路径registandlogin,输入命令npm install express下载所有依赖项

如果出现这种错误,在命令行输入

npm config set registry http://registry.cnpmjs.org

npm info underscore

npm install express,会生成package-lock.json文件

 

启动服务器,命令 node index

打开浏览器,查看页面localhost:端口号

 

 

 

 

 

 

一旦修改服务端代码,需要重启服务器;同一个服务器程序,不能在多个终端启动(每次在终端输入命令时要保证)

猜你喜欢

转载自blog.csdn.net/qq_41949802/article/details/82182828