一.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:端口号
一旦修改服务端代码,需要重启服务器;同一个服务器程序,不能在多个终端启动(每次在终端输入命令时要保证)