Node.js+mongodb+express 快速搭建网站后台和接口请求

安装node.js

node官网下载https://nodejs.org/en/
在这里插入图片描述

安装mongodb

mongodb官网下载https://www.mongodb.com/download-center/community
在这里插入图片描述
安装成功后需要设置环境变量参考:https://blog.csdn.net/qcrazy/article/details/89890315

安装express

  1. $ npm install express-generator -g
  2. 设置环境变量 - 只要做一次
  3. 获取npm全局安装地址 $ npm config get prefix
  4. 右键打开自己电脑的计算机软件
  5. 点击属性打开高级系统设置
  6. 点击环境变量
  7. 找到并点击系统变量内的 Path 变量
  8. 在用户变量中点新建,如果你设置过了点编辑
  9. 在 Path 值的最后面 添加 npm全局安装地址
    10.例如: C:\Users\user\AppData\Roaming\npm;
    注意,需要和前者分号间隔
    注意!!不要删除前面的内容!否则电脑运行会受影响

在这里插入图片描述

使用 express 生成器命令,自动搭建 一个项目

express --view=ejs express-news
在这里插入图片描述
执行 cd express-news
npm install
npm start
在这里插入图片描述
在浏览器地址栏中输入localhost:3000/
在这里插入图片描述
项目搭建成功

生成的项目结构

在这里插入图片描述

连接数据库

新建 db文件夹 新建 connect.js index.js surver.js 三个js文件夹

connect.js 连接数据库

// 一、连接模块

// 1. 请求模块
const mongoose = require('mongoose');


// Backstage 为 数据库名
let DB_URL = 'mongodb://127.0.0.1:27017/Backstage';


// 2. 连接数据库
mongoose.connect(DB_URL,{
	// mongodb 更新,需要补充的内容
	useNewUrlParser:true, // 使用 新的 url解析方式
	useUnifiedTopology:true, // 使用 拓扑 结构 去存储集合
});



// 3. 监听事件
// connected 已 连接
mongoose.connection.on('connected',function () {
	console.log('连接成功');
});

// disconnected 已 断开连接
mongoose.connection.on('disconnected',function () {
	console.log('断开连接');
});

// error 连接错误
mongoose.connection.on('error',function (err) {
	console.log('连接错误',err);
});


module.exports = mongoose;

surver.js 连接集合

const mongoose = require('./connect')
let schema= mongoose.Schema({
   
})
//weixins 集合名称
let survey=mongoose.model('weixins',schema)
module.exports =survey

index.js 导出

let  survey= require('./survey');
module.exports = {
	survey,
};

在router文件下的users.js中引用

var express = require('express');
var router = express.Router();
let db = require('../db/index').survey

/* GET users listing. */
router.get('/', function(req, res, next) {
  res.send('respond with a resource');
});

router.post('/survey',function(req,res){
      console.log(req.body) //打印前台发送的请求
     res.json({
       msg:'请求成功'
     })
   
})

module.exports = router;

这样一个服务器的后台就搭建成功了
通过cmd命令 开启服务器

执行 mongod -dbpath E:\Mysql\db (这里的路径是根据环境配置时db文件夹所在路径 用于存放数据库数据)

在这里插入图片描述
在express-news 文件夹下面新开一个 cmd窗口
执行 npm start
在这里插入图片描述
连接成功

:如果有这样的错误提示 表示没有 安装 mongoose 执行 npm i mongoose即可
在这里插入图片描述
好了后台搭建就完成了

前台请求

通过jquery 请求

  <script>
      $(function(){
         ajax({
            method:"post",
            url:'http://localhost:3000/survey', //请求的地址 
            dataType:"jsonp",
            data:{
                msg:"向后台发送数据"
            },
            success:function(req){
                    console.log(req)
            }
         })
      })
          
        </script>
发布了14 篇原创文章 · 获赞 23 · 访问量 1902

猜你喜欢

转载自blog.csdn.net/weixin_43835425/article/details/103101571