新建项目
1、安装express和express脚手架
npm install express -g
npm install express-generator -g
2、用express脚手架新建项目
express -e xxx
3、启动项目
cd xxx
npm install
npm start
在localhost:3000就可以访问到项目了
4、安装nodemon
简介:一个监听代码变化的工具,会自动完成node项目重启和数据库服务器重启
安装:
npm install nodemon -g(全局安装)
npm install nodemon --save(引入项目)
修改pageage.json的start命令,node 改为nodemon
重新npm start
之后改了代码保存后项目都会重新跑
mongodb准备
1、启动mongodb服务器
打开cmd
进入mongoDB安装目录下的bin
运行命令:mongod --config=“d:softs\mongoDB\mongoConf.txt”(mongoDB配置文件)
然后cmd不要关
2、项目安装mongodb
npm install mongodb@3.4 -g
npm install mongodb@3.4 --save
ps:注意安装的版本要和mongodb服务器版本兼容
实现登录注册
1、在views新建login.ejs、regist.ejs
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>登录</title>
</head>
<body>
<form action="/users/login" method="post">
<input type="text" name="userName" placeholder="请输入用户名"><br>
<input type="password" name="userPwd" placeholder="请输入6位密码"><br>
<button type="submit">登录</button>
</form>
<div>
<a href="/users/regist">还没账号,马上注册!</a>
</div>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>注册</title>
</head>
<body>
<form action="/users/regist" method="post">
<input type="text" name="userName" placeholder="请输入用户名"><br>
<input type="password" name="userPwd" placeholder="请输入6位密码"><br>
<button type="submit">注册</button>
</form>
<div>
<a href="/users/login">已有账号,马上登录!</a>
</div>
</body>
</html>
2、在users.js写路由渲染
// 登录路由
router.get('/login', function (req, res, next) {
res.render('login', {
})
});
// 注册路由
router.get('/regist', function (req, res, next) {
res.render('regist', {
})
});
3、在app.js写登录拦截
// 登录拦截,必须先登录
app.get('*', function (req, res, next) {
const path = req.path;
if (path !==