nodejs+express+mongoDB之博客项目实战

最新推荐文章于 2024-04-23 17:07:50 发布

bleach777

最新推荐文章于 2024-04-23 17:07:50 发布

阅读量1.4k

点赞数

分类专栏：前端相关记录（html/css/js/vue）文章标签：前端

本文链接：https://blog.csdn.net/a037777777/article/details/121554430

版权

新建项目

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 !==

最低0.47元/天解锁文章

bleach777

关注

0
点赞
踩
12

收藏

觉得还不错? 一键收藏
0
评论
nodejs+express+mongoDB之博客项目实战

新建项目1、安装express和express脚手架npm install express -gnpm install express-generator -g2、用express脚手架新建项目express -e xxx3、启动项目cd xxxnpm installnpm start在localhost:3000就可以访问到项目了4、安装nodemon简介：一个监听代码变化的工具，会自动完成node项目重启和数据库服务器重启安装：npm install nodemon -g（全
复制链接

扫一扫