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，如下所示：

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

步骤 3 : 勾选接受协议选项，点击 next（下一步）按钮 :

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

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

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

安装过程：

点击 Finish（完成）按钮退出安装向导。

打开终端输入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:端口号

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