从0开始构建一个node服务后台

已于 2022-03-02 15:39:56 修改
阅读量1.4k 收藏 13
点赞数 5
文章标签： 前端 javascript typescript react.js
于 2022-03-02 15:37:17 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/JIANYMN/article/details/123231849
版权

文章目录

从0开始构建一个node服务后台

1.为什么使用node做服务后台？

  • Javascript运行环境，前端可以快速上手，只有查阅api的学习成本
  • 非阻塞性I/O，单进程，单线程
  • 轻量、可伸缩，适于实时数据交互应用。
  • 异步，事件驱动模型，解决高并发。（已餐厅为例，客人点完餐拿号码等待，这是其他客户可以继续点餐不会阻塞其他顾客，等饭菜做好了，厨师喊号，你找到自己对应的号，然后吃饭。厨师喊你这个过程可以称之为callback回调，这样既没有阻塞新用户的链接，也不需要维护厨师与已点餐人的关系）

2.构建一个本地服务（Express框架）

1.我们先本地创建一个8080的服务，通过下面咱们就可以本地启动一个服务了，并且可以再浏览器看到咱们启动的服务
var express = require('express'); // 引用express框架
var app = express(); // 创建这个实例
app.use(express.static(__dirname + '/public')); // 默认打开的文件，eg:http://localhost:8080,他会访问该项目路径下public的index.html文件
app.listen(8080,()=>{
  console.log('端口8080启动成功')
	// 端口监听成功回调
});
2.基于底层http去封装的express
// 底层http实现方法
var http = require("http");
var app = http.createServer(function(request, response) {
  if(request.url === '/'){
  	response.writeHead(200, {"Content-Type": "text/plain"});
    response.end("Hello world!");
  }
});

app.listen(8080, "localhost");

// express的实现方法
var express = require('express');
var app = express();
app.get('/', function (req, res) {
  res.send('Hello world!');
});

app.listen(8080);
3.我们简易尝试封装下express 和 app.get
// 实现简易封装 express 和 app.get
var http = require('http');
function express() {
    var _app =http.createServer(function (request, response) {
        console.log(request.url,'url');
         app.router[request.url](request, response)
     })
   return _app
}
app.get = (path, callback) => {
    app.router=app.router || {}
    app.router[path] = callback
}
// 实现效果
var app = express();
app.get('/',(req,res)=>{
    res.writeHead(200, {"Content-Type": "text/plain"});
    res.end("Hello world!");
})
app.listen(3000, "localhost");

3.设置请求头和跨域的一些配置

1.配置多个请求头
// 利用use.all 对所有请求设置跨域信息和一些操作
// 参数中的“*”表示对所有路径有效。get方法则是只有GET动词的HTTP请求通过该中间件，它的第一个参数是请求的路径。由于get方法的回调函数没有调用next方法
app.all('*', (req, res, next) => {
	const {
		ALLOW_ORIGIN,
		CREDENTIALS,
		HEADERS,
		ALLOW_METHODS
	} = CONFIG.CROS;
	let ol = ALLOW_ORIGIN.split(',');
  	// 可支持配置多个跨域域名
    if (ol.indexOf(req.headers.origin) >= 0) {
        res.header("Access-Control-Allow-Origin", req.headers.origin);
    	res.header("Access-Control-Allow-Credentials", CREDENTIALS);
    	res.header("Access-Control-Allow-Headers", HEADERS);
    	res.header("Access-Control-Allow-Methods", ALLOW_METHODS);
    }
	req.method === 'OPTIONS' ? res.send('CURRENT SERVICES SUPPORT CROSS DOMAIN REQUESTS!') : next();
});
2.转换下json格式数据
//数据JSON类型，因为post请求传递过来的参数存在问题，所以需要安装这个包，对post引用数据类型进行处理格式化
app.use(bodyParser.json())
app.use(bodyParser.urlencoded({
	extended: false
}));

4.app.use中间件

1.中间件next
  • 中间件（middleware）就是处理HTTP请求的函数。它最大的特点就是，一个中间件处理完，再传递给下一个中间件。
  • 接收三个参数，依次为request对象（代表HTTP请求）、response对象（代表HTTP回应），next回调函数（代表下一个中间件）。每个中间件都可以对HTTP请求（request对象）进行加工，并且决定是否调用next方法，将request对象再传给下一个中间件。
  • next不执行则不会继续往下执行
app.use("/home", function(request, response, next) {
	next()
});
app.use("/about", function(request, response, next) {
 // next()
});
app.use("/ccc", function(request, response, next) {
  next()
});
2.路由匹配的原始写法
app.use(function(request, response, next) {
  if (request.url == "/about") {
    response.writeHead(200, { "Content-Type": "text/plain" });
  } else {
    next();
  }
});
// 路由匹配不到时，兜底404页面
app.use(function(request, response, next) {
 response.writeHead(404, { "Content-Type": "text/plain" });
 response.end("404 error!\n");
});
3.结合router对路由进行升级处理
// 这种写法可以将文件拆分的更合理
app.use('/user', require('./routes/user'));
app.use((req, res) => {
	res.status(404);
	res.send('NOT FOUND!');
});
// user 内部写法
const express = require('express'),
route = express.Router()// 引用route
route.post('/add', (req, res) => {
  res.send({code:0,data:{},msg:"请求成功"})
}; // 每个单独接口的处理，通过res.send（），将信息返给前端
route.post('/add1', (req, res) => {};
route.post('/add2', (req, res) => {};
route.post('/add3', (req, res) => {};
module.exports = route

5.Mysql数据库接入（mock数据可以忽略这块）

npm i mysql 下载mysql的node包

1.远程数据库或本地数据库
// 数据库连接成功回调
connection.connect(function (err) {
  if (err) {
    console.log("连接错误");
    return;
  }
})
// 利用 promise对回调进行封装，阻塞并将异常抛出
const {code, msg, result} = await new Promise((resolve,reject)=>{
  // 数据库连接成功回调
  connection.connect(function (err) {
    if (err) {
      console.log("连接错误");
      resolve({code:1,msg:"数据库连接错误"+err,result:[]})
      return;
    }
    resolve({code :0, msg:"OK", result:[]})
  })
})
2.Mysql语句封装
  • 由于sql语句不熟，不能每次都写一遍，于是需要封装sql语句
  • node的mysql使用统一的connection.query方法进行处理

更新

/**
* name:"USER",目标库表名，
* params:{a:1},更新的字段对象集合
* primaryKey:{key:主键ke,value：主键value, isString:主键value是否为字符串}
*/ 
// 更新数据库字段
const updateMyspl = (param)=>{
    const {name,params,primaryKey:{key,value, isString =true}} = param||{}
    let before = "UPDATE `"+ baseMyspl+"`.`"+name+"` SET ";
    let middle = Object.keys(params).reduce((val,next,index)=>{
        return val + "`"+next+"` = '"+params[next]+(index!==Object.keys(params).length-1?"', ":"' ")
    },"")
    let after = "WHERE `"+ name +"`.`"+ key +"` ="+" "+ (isString?"'"+value+"'":value);
    console.log(before+middle+after,'修改指令')
    return before+middle+after
}

查询

/**
* name:"USER",目标库表名，
* params:{a:1},查询搜索的字段对象集合
* page:" 1,10 ", 分页配置，不传则全量
* like:"LIKE",匹配方式，模糊匹配或精准匹配
* sort：{ConfigID:ASC,MarketID:DESC}排序字段及其方式
*/ 
// 查询数据库字段
const queryMyspl = (param)=>{
    const {name,params,page,like="LIKE",sort} = param || {}
    let isZeroParams=Object.keys(params).length === 0 ? '' : "` WHERE "
    let before = "SELECT SQL_CALC_FOUND_ROWS * FROM `"+ name+ isZeroParams;
    let middle = Object.keys(params).reduce((val,next,index)=>{
        if(index === 0){
            return val+="`"+next+"` "+like+" '"+params[next]+"' "
        }
        return val + "AND `"+next+"` "+like+" '"+params[next]+"' "
    },"")
    let sortAry =Object.keys(sort || {})
    let after =sortAry.length ===0 ? "":sortAry.reduce((str,next,index)=>{
        if(index ===sortAry.length -1){
            str+= "`"+next+"`"+" "+ sort[next]
        }else{
            str+= "`"+next+"`"+" "+ sort[next]+", "
        }
        return str
    } ,"ORDER BY ")
    let LIMIT =page ? ` LIMIT ${page}` : ''
    console.log(before+middle+after+LIMIT,'查询指令')
    return before+middle+after+LIMIT
}

新增

/**
* name:"USER",目标库表名，
* params:{a:1},新增字段对象集合
* page:" 1,10 ", 分页配置，不传则全量
*/ 
// 数据库新增指令
const addMyspl = (param)=>{
    const {name,params} = param || {};
    let before = "INSERT INTO `"+ baseMyspl+ "`.`"+ name+"`";
    let middle = " ("+ Object.keys(params).map(item=>("`"+item+'`')).join() +") "
    let after = " ("+ Object.values(params).reduce((str,next,index)=>{
        if(index ===Object.values(params).length-1){return str+=("'"+next+"'")};
        return str+= ("'"+next+"'")+","
    },"") +") "
    console.log(before+middle+" VALUES "+ after,'新增指令')
    return before+middle+" VALUES "+ after
}
3.sql操作数据库完整代码
  • 链接数据库>>>将js语句处理成sql语句>>>数据库返回数据>>>根据状态处理好返回给前端
  • 连接数据库的异步封装
  • connection.query异步代码封装
// 和本地数库建立连接
var connection = mysql.createConnection({
  connectionLimit: 50,
  host: "localhost", //远程MySQL数据库的ip地址
  user: "jianymn_admin",
  password: "6AhEFGzDGBFBLRGG",
  database: "jianymn_admin"
})
// 利用 promise对回调进行封装，阻塞并将异常抛出
const {code, msg, result} = await new Promise((resolve,reject)=>{
  // 数据库连接成功回调
  connection.connect(function (err) {
    if (err) {
      console.log("连接错误");
      resolve({code:1,msg:"数据库连接错误"+err,result:[]})
      return;
    }
    resolve({code :0, msg:"OK", result:[]})
  })
})
// connection.query异步代码封装
return new Promise((resolve,reject)=>{
  connection.query(querySql,(err,result)=>{
    if(err){
      // 数据库操作失败统一抛错
      res.send(success(false, {msg: `SQL error: ${err}!`}));
      reject()
      return    
    }
    // 当需要查询分页时，也要查出全部的语句，根据接口自行配置
    if(isSearchList){
      connection.query("SELECT FOUND_ROWS()",(err,resultTotal)=>{
        if(err){
          res.send(success(false, {msg: `SQL error: ${err}!`}));
          reject()
          return    
        }
        const total =(resultTotal[0] || {})['FOUND_ROWS()']
        resolve({result,total})
      })  
      return
    }
    resolve({result})
  })
})

6.全流程步骤

1.前端发起请求
axios.get('/user/delete',{params:{uuid}}).then(res=>{})
2.node后端开始响应
app.use('/user', require('./routes/user')); // 请求被/user匹配到，继续向指定路径下匹配下级
app.use('/order', require('./routes/order'));
3. /router/user.js开始匹配路径“/delete”
//=>删除用户信息
route.get('/delete', (req, res) => {
  const {uuid} = req.query
  const params = {
    name:'USER',
    params:{isDelete:"1"},
    primaryKey:{key:"uuid",value:uuid}
  }
  const delUserSql=updateMyspl(params) 
  mysqlConnection({querySql:delUserSql,res})
    .then(({result})=>{
    res.send(success(true,{msg: 'Ok'}));
  })
4.调用updateMyspl处理生成sql
/**
* name:"USER",目标库表名，
* params:{a:1},更新的字段对象集合
* primaryKey:{key:主键ke,value：主键value, isString:主键value是否为字符串}
*/ 
// 更新数据库字段
const updateMyspl = (param)=>{
    const {name,params,primaryKey:{key,value, isString =true}} = param||{}
    let before = "UPDATE `"+ baseMyspl+"`.`"+name+"` SET ";
    let middle = Object.keys(params).reduce((val,next,index)=>{
        return val + "`"+next+"` = '"+params[next]+(index!==Object.keys(params).length-1?"', ":"' ")
    },"")
    let after = "WHERE `"+ name +"`.`"+ key +"` ="+" "+ (isString?"'"+value+"'":value);
    console.log(before+middle+after,'修改指令')
    return before+middle+after
}
5.调用封装的数据库来处理操作
... //链接过程省略
connection.query(querySql,(err,result)=>{
  if(err){
    res.send(success(false, {msg: `SQL error: ${err}!`}));
    reject()
    return    
  }
  if(isSearchList){
    connection.query("SELECT FOUND_ROWS()",(err,resultTotal)=>{
      if(err){
        res.send(success(false, {msg: `SQL error: ${err}!`}));
        reject()
        return    
      }
      const total =(resultTotal[0] || {})['FOUND_ROWS()']
      resolve({result,total})
    })  
    return
  }
  resolve({result})
})
})
6.将信息返回到/router/user.js的指定回调里判断后发送给前端
...
mysqlConnection({querySql:delUserSql,res})
  .then(({result})=>{
  res.send(success(true,{msg: 'Ok'}));
})
// 前端接收到信息并完成逻辑处理
axios.get('/user/delete',{params:{uuid}}).then(res=>{
		// 前端处理逻辑
})
7.流程示意图前端-后端-前端node流程
家雀安知鸿鹄志
关注
  • 5
    点赞
  • 踩
  • 13
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
node.js + express + sqlserver构建简单的后台服务
12-14
node.js + express + sqlserver构建简单的后台服务项目整体结构express服务器入口文件sql server数据库部分数据库接口APi在server文件下运行index文件 （node index）前端页面部分 项目整体结构 。 express服务器入口文件 // node 后端服务器 const userApi = require('./api/userApi') const bodyParser = require('body-parser') const express = require('express') const app = express() /
【全栈之路】保姆级node+vue从0到1极速搭建
接着奏乐接着舞的博客
03-22 5971
本文分为三个部分，前端、后端、数据库。将使用node（express）搭建后端，使用vue作为前端，mysql作为数据库，从0到1的搭建一整个项目。本文目的是前后端数据交互，并对数据库进行常规的增删改查等操作。 通过这篇文章可以极其快速的了解前后端的操作，从而对全栈开发有所帮助。
Node 服务端系统架构设计基本思想及常见场景解决方案，社招面试心得
最新发布
2401_84093310的博客
04-04 284
刚说到的分布式中，应用和数据库显然在系统中提供着不同的功能，而当我们部署多个相同的应用节点时，这些应用节点就形成了一个应用集群，可见集群就是系统中多个提供相同功能的节点形成的一个整体所谓单点，也就是系统内某个服务只有一个节点，比如我们的node应用，此时如果程序崩溃或服务器宕机，则系统整体对外表现为不可用，于是形成了单点故障系统可以持久的保持对外正常的服务node服务发布时往往需要停止服务，再以新的代码重新启动服务，在此期间如果系统仍可以保持对外的正常服务，则称为平滑发布。
node.js 搭建简单后端项目,express中使用POST,调用外部API,连接数据库
weixin_44167504的博客
04-26 3480
node.js 搭建简单后端项目,express中使用POST,调用外部API,连接数据库 1、创建目录并初始化 2、安装express 3、安装body-parser （express中使用POST） 4、安装axios （express 调用外部api） 5、新建index.js 6、新建router.js 对请求的处理，express中使用POST/请求外部接口 7、启动项目 8、项目启动后台持续运行，使用pm2 9、连接mysql数据库 10、其他
第一次写node后台接口的项目搭建流程
07-18 330
Node.js中根据模块来源的不同，将模块分为了3大类,分别是:内置模块,自定义模块，第三方模块，文章主要写的是搭建项目的基本流程和基本项目结构搭建需要的npm包
ManageSystem_node:node构建后台管理系统
05-01
ManageSystem_node node构建后台管理系统
从0到1完成一个Node后端（express）项目（一、初始化项目、安装nodemon）
随便写写
01-13 1249
从0到1完成一个Node后端（express）项目，完成后教怎么用koa、egg、最后会开始nest的教程
13. node.js搭建后端全攻略
一些学习笔记的记录
07-14 2374
在命令行中使用适合的包管理器（如 npm 或 yarn）安装 Express 和 Mongoose，这些是常用的 Node.js 框架和 MongoDB 的 ORM。在额外的 JavaScript 文件中，使用 Mongoose 定义数据模型，以便在应用中操作和访问数据库中的数据。配置错误处理中间件：使用 Express 的错误处理中间件来处理应用中的错误，例如 404 错误或服务器错误。等）定义路由处理程序，处理来自客户端的请求，并执行相应的操作（如数据库查询、数据修改等）。使用 Mongoose 的。
如何使用nodejs写一个简单接口
babyxuqian的博客
03-16 3003
1.安装node.js 查看版本 node -v 2.安装cnpm 安装命令 ：npm install -g cnpm --registry=https://registry.npm.taobao.org 查看命令 ：cnpm -v 3.新建一个express-run.js 固定写法 var express = require("express"); //导入express （下载） var app = express(); var bodyParser = require("body-pa.
学会用node.js服务器写接口
m0_65132206的博客
05-02 4093
服务器相关概念~
手把手教前端从0到1通过 Node + Express 开发简易接口，项目开发+部署服务器(亲身痛苦经历)
weixin_53893220的博客
05-16 1589
相信有很多前端小伙伴会有编写简单接口进行测试的需求，但又不想花太高成本进行学习，因此这篇文章通过介绍如何通过 Node.js 编写简单接口并部署，来实现这个小需求
Node.js-基于node.jsMongodb构建的后台系统
08-10
整个项目分为两部分：前台项目接口、后台管理接口，共60多个。涉及登陆、注册、添加商品、商品展示、筛选排序、购物车、下单、用户中心等，构成一个完整的流程，基本完成一个外卖平台所需的基础功能。
Node.js + Express + Mongodb + React + Ant 构建一个全栈后台管理系统.zip
08-01
基于node js、vue、mongodb等技术构建的web系统，界面美观，功能齐全，适合用作毕业设计、课程设计作业等，项目均经过测试，可快速部署运行！ 基于node js、vue、mongodb等技术构建的web系统，界面美观，功能齐全，适合用作毕业设计、课程设计作业等，项目均经过测试，可快速部署运行！ 基于node js、vue、mongodb等技术构建的web系统，界面美观，功能齐全，适合用作毕业设计、课程设计作业等，项目均经过测试，可快速部署运行！
基于 node.js + Mongodb 构建的后台系统.zip
08-01
基于node js、vue、mongodb等技术构建的web系统，界面美观，功能齐全，适合用作毕业设计、课程设计作业等，项目均经过测试，可快速部署运行！ 基于node js、vue、mongodb等技术构建的web系统，界面美观，功能齐全，...
express+nodeJS搭建服务、前后端交互、后端路由(一)
luck_lin
03-20 8018
Express 是一个基于 Node.js 平台的极简、灵活的 web 应用开发框架（集成web服务器+mvc），它提供一系列强大的特性，帮助你创建各种 Web 应用(相当于原生js与jQuery的关系)，当然其实不用框架，使用node自己弄一个web服务器和mvc框架也不是很麻烦（Node为网络而生，当然强大的不止这点），但是有优秀的express，封装了很多常用功能，推荐用。1.在项目根目录下...
从0到1使用NodeJS编写后端接口的实战案例（仅供参考）
不怕麻烦的鹿丸的博客
06-18 5182
基于vue和node.js来开发的一个在线商城管理系统。
【Node.js】深度解析搭建后台服务器-http模块
热门推荐
前端小白在前进的博客
09-05 2万+
http 模块是 Node.js 官方提供的、用来创建 web 服务器的模块。通过 http 模块提供的方法，就能方便的把一台普通的电脑，变成一台 Web 服务器，从而对外提供 Web 资源服务。在 Node.js 中，我们不需要使用Apache等这些第三方 web 服务器软件。因为我们可以基于 Node.js 提供的 http 模块，通过几行简单的代码，就能轻松的手写一个服务器软件，从而对外提供 web 服务。
node.js从零开始搭建服务器(详细1)
YourNikee的博客
01-13 5482
首先下载安装node.js 新建一个文件夹，命名为serve，在该文件下创建app.js子文件，此为服务器入口 初始化node,构建package.json 在serve目录下运行 npm init -y 你会在根目录下得到一个package.json的文件 或者通过 npm init 可能在命令行中会逐行提示 一直回车，直到出现后输入Y 同样能够得到package.json文件 得到pac...
【node】nodejs原生搭建后端服务
默默的小跟班的博客
11-01 1万+
一、开发前的准备 cross-env 设置环境变量 nodemon 热更新（修改代码之后立即重启项目） 使用：两个插件均使用npm安装即可，安装好之后在package.json的脚本中插入以下两个脚本 "scripts": { "dev": "cross-env NODE_ENV=dev nodemon ./bin/www.js", "prd": "cross-env NODE_ENV=production nodemon ./bin/www.js" }, 用dev脚本举例，该脚本
构建一个前端的后台管理系统
05-13
要构建一个前端的后台管理系统，需要考虑以下步骤： 1. 确定需求：明确系统的功能和模块，例如用户管理、角色权限管理、数据统计分析等。 2. 设计数据库：根据需求设计数据库表结构，确定数据字段和关系，选择合适的数据库管理系统。 3. 选择技术栈：选择适合自己的前端框架，如React、Vue等，选择后端语言和框架，如Node.js、Django等。 4. 编写代码：按照需求设计的模块和数据库表结构编写前端和后端代码，并进行测试和调试。 5. 部署上线：将代码部署到服务器上，配置环境和数据库，进行线上测试和运行。 6. 维护和优化：及时修复bug，进行性能优化，添加新功能和模块，保证系统的稳定运行和用户体验。 需要注意的是，前端的后台管理系统需要考虑安全性问题，例如用户认证、防止SQL注入等，同时需要考虑用户体验和界面设计，使系统易于使用和操作。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

家雀安知鸿鹄志

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值