0
0

Nodejs后端架构基础知识和案例展示

入门笔记，大神请绕路！！！
简单的说 Node.js 就是运行在服务端的 JavaScript。
Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台。
Node.js是一个事件驱动I/O服务端JavaScript环境，基于Google的V8引擎，V8引擎执行Javascript的速度非常快，性能非常好。

NodeJS的优缺点

  • 优点： 1.高并发(高并发的时候，会出现数据库连接数不够用的情况，网上还有对应解决方案，还未实践) 2.适合I/O密集型应用 3.事件驱动、非阻塞I/O、高效、轻量

解决数据库高并发，程序解决方案：
数据库高并发时，连接数不够。平台监听sql操作，如果状态是

  1. ready

，就回调执行sql操作。相当于将sql操作也做异步回调处理，每次sql操作都是在上次操作

  1. ready

后，再执行，强制串行执行sql操作。这样就减轻数据库压力。但是也可能导致整个应用变慢。

  1. var proxy = new EventProxy();
  2. var status = "ready";
  3. var select = function(callback){
  4.     proxy.once("selected",callback);
  5.     if(status == "ready"){
  6.         status = "pending";
  7.         db.select("SQL", function(results){
  8.             proxy.emit("selected",results);
  9.             status = "ready";
  10.         });
  11.     }
  • 缺点： 1.不适合CPU密集型应用； CPU密集型应用给Node带来的挑战主要是：由于JavaScript单线程的原因，如果有长时间运行的计算(比如大循环)，将会导致CPU时间片不能释放，使得后续I/O无法发起； 解决方案：分解大型运算任务为多个小任务，使得运算能够适时释放，不阻塞I/O调用的发起； 2.只支持单核CPU，不能充分利用CPU(可以利用多进程利用cpu的，cluster就可以让你做到nodejs将电脑多核利用起来)解决方案： (1)Nnigx反向代理，负载均衡，开多个进程，绑定多个端口； (2)开多个进程监听同一个端口，使用cluster模块；

应用场景

1. RESTful API
这是NodeJS最理想的应用场景，可以处理数万条连接，本身没有太多的逻辑，只需要请求API，组织数据进行返回即可。它本质上只是从某个数据库中查找 一些值并将它们组成一个响应。由于响应是少量文本，入站请求也是少量的文本，因此流量不高，一台机器甚至也可以处理最繁忙的公司的API需求。

2. 统一Web应用的UI层
目前MVC的架构，在某种意义上来说，Web开发有两个UI层，一个是在浏览器里面我们最终看到的，另一个在server端，负责生成和拼接页面。

不讨论这种架构是好是坏，但是有另外一种实践，面向服务的架构，更好的做前后端的依赖分离。如果所有的关键业务逻辑都封装成REST调用，就意味着在上层 只需要考虑如何用这些REST接口构建具体的应用。那些后端程序员们根本不操心具体数据是如何从一个页面传递到另一个页面的，他们也不用管用户数据更新是 通过Ajax异步获取的还是通过刷新页面。

3. 大量Ajax请求的应用

例如个性化应用，每个用户看到的页面都不一样，缓存失效，需要在页面加载的时候发起Ajax请求，NodeJS能响应大量的并发请求。总而言之，NodeJS适合运用在高并发、I/O密集、少量业务逻辑的场景。

演示一：Hello World！

脚本模式
以下是我们的第一个Nodejs程序：

  1. console.log("Hello World");

保存该文件，文件名为 

  1. helloworld.js

， 并通过 node命令来执行：

  1. node helloworld.js

。程序执行后，正常的话，就会在终端输出 

  1. Hello World

。

image.png

交互模式
打开终端，键入

  1. node

进入命令交互模式，可以输入一条代码语句后立即执行并显示结果，例如：

  1. $ node
  2. > console.log('Hello World!');
  3. Hello World!

**

  1.  image

**

演示二：nodejs基于http插件，监听接口，返回数据

1、新建

  1. app.js

文件，然后并执行

  1. 执行node app.js

。
代码如下：

  1. var http = require('http');
  2. var server = http.createServer(function (req, res) {
  3.     var body = '';
  4.     req.on('data', function(data) {      // 接收客户端发送过来的数据， 也就是 xmlHttp.send(value);
  5.         body += data;
  6.     });
  8.     req.on('end', function() {
  9.         res.writeHeader(200, {
  10.             'Content-Type': 'text/plain',
  11.             'Access-Control-Allow-Origin': '*'    //解决跨域问题
  12.         });
  13.         res.write("hello:" + body);
  14.         res.end();
  15.     })
  16. });
  17. server.listen(3000, function () {
  18.     console.log('server start at localhost:3000');
  19. });

2、找个引入jquery的页面，执行post请求：

  1. $.ajax({
  2. url:"http://localhost:3000",
  3. data:"我是快递小哥，请开开门",
  4. type:"post",
  5. success:function(d){console.log("success",d)},
  6. error:function(d){console.log("error",d)}
  7. })

执行请求，返回

  1. hello:我是快递小哥，请开开门

image.png

这个例子中，nodejs充当后台，app.js中实现了

  1. http://loadlhost:3000

接口，返回了前端提交的内容。

演示三：nodejs基于express插件，监听接口，返回数据

1、新建

  1. service.js

文件，然后执行

  1. 执行node service.js

。
代码如下：

  1. //demo
  2. const express = require('express');
  3. const app = express();
  5. //设置允许跨域访问该服务.
  6. app.all('*', function (req, res, next) {
  7.   res.header('Access-Control-Allow-Origin', '*');
  8.   //Access-Control-Allow-Headers ,可根据浏览器的F12查看,把对应的粘贴在这里就行
  9.   res.header('Access-Control-Allow-Headers', 'Content-Type');
  10.   res.header('Access-Control-Allow-Methods', '*');
  11.   res.header('Content-Type', 'application/json;charset=utf-8');
  12.   next();
  13. });
  15. app.post('/hello', function (req, res) {
  16.   res.json({title:"你好"});
  17.   
  18. });
  20. const server = app.listen(8082, function () {
  21.   console.log('Express app server listening on port %d', server.address().port);
  22. });

2、找个引入jquery的页面，执行post请求：

  1. $.ajax({
  2. url:"http://localhost:8082/hello",
  3. type:"post",
  4. success:function(d){console.log("success",d)},
  5. error:function(d){console.log("error",d)}
  6. })

返回数据：

image.png

演示四：nodejs+express+mysql搭建后端环境

引用：http://www.cnblogs.com/ssqqhh/p/6289690.html**1、创建数据库**
创建名为

  1. nodejs

的数据库，新建一张

  1. users

表，采用utf8编码。表结构和数据如下：

image.png

2、安装express

  1. npm i express -g//安装express
  2. npm i express-generator -g//安装命令行工具
  3. express --version//检测express是否安装成功

3、创建express项目
执行

  1. express express-demo

，新建express项目，文件目录说明：

  1. app.js//启动文件，或者说入口文件。新的页面以及页面相应的路由需要在这里配置；
  2. package.json//存储着工程的信息及模块依赖，当在 dependencies 中添加依赖的模块时，运行 npm install，npm //会检查当前目录下的 package.json，并自动安装所有指定的模块
  3. node_modules//存放 package.json 中安装的模块，当你在 package.json 添加依赖的模块并安装后，存放在这个文件夹下
  4. public//存放 image、css、js 等文件
  5. routes//存放路由文件
  6. views//存放视图文件或者说模版文件
  7. bin//存放可执行文件

4、运行express项目

  1. cd express-demo//进入项目
  2. npm i//安装依赖文件
  3. npm start//启动项目

启动成功，空荡荡的页面中就出现下面内容

image.png

5、写项目代码
需要创建以下文件：

  1. model\config.js

：数据库配置

  1. module.exports = {
  2.     mysql: {
  3.         host: 'localhost',
  4.         user: 'root',
  5.         password: '123123',
  6.         database: 'nodejs',
  7.         port: 3306
  8.     }
  9. };
  1. views\login.jade

：登录页面

  1. doctype html
  2. html
  3.   head
  4.     title
  5.     link(href='/stylesheets/style.css', rel='stylesheet')
  6.     link(href='/bootstrap-3.3.7/css/bootstrap.min.css', rel='stylesheet')
  7.     script(src='/javascripts/jquery.min.js')
  8.     script(src='/bootstrap-3.3.7/js/bootstrap.min.js')
  9.   body(style='background: #dcd9da')
  10.     // h1= title
  11.     .container
  12.       .row
  13.         .col-md-4.col-md-offset-4
  14.           .panel.panel-default(style='margin-top: 100px')
  15.             .panel-heading(style='background: #0d6aad')
  16.               h4(align='center', style='color: #ffffff;')
  17.                 | express-jade-bootstrap-mysql-demo
  18.             .panel-body(style='background: #e0e1ea')
  19.               .form-group
  20.                 .input-group
  21.                   span.input-group-addon 账号
  22.                   input#username.form-control(type='text', placeholder='请输入账号')
  23.               .form-group
  24.                 .input-group
  25.                   span.input-group-addon 密码
  26.                   input#password.form-control(type='password', placeholder='请输入密码')
  27.               .form-group
  28.                 .col-lg-offset-7
  29.                   | 没有账号？
  30.                   a(href='/register') 注册
  31.               .form-group
  32.                 button#login.btn.btn-success.btn-block(type='button')
  33.                   | 登录
  34.               #popup.alert.alert-warning
  35.                 a#close.close(href='#') ×
  36.                 div(align='center')
  37.                   strong#popup-content(style='color: #b12e30;')
  38.     script(type='text/javascript').
  39.       $(document).ready(function () {
  40.         var username = $("#username");
  41.         var password = $("#password");
  42.         var login = $("#login");
  43.         var popup = $("#popup");
  44.         var popupContent = $("#popup-content");
  45.         var close = $("#close");
  46.         popup.hide();
  47.         close.click(function () {
  48.           popup.hide();
  49.         });
  50.         login.click(function () {
  51.           if (username.val() == "" || password.val() == "") {
  52.             popup.show();
  53.             popupContent.html("账号或密码不能为空！");
  54.           } else {
  55.             $.ajax({
  56.                       url: "/login/userLogin",
  57.                       data: {
  58.                         username: $("#username").val(),
  59.                         password: $("#password").val()
  60.                       },
  61.                       type: "POST",
  62.                       timeout: 36000,
  63.                       dataType: "text",
  64.                       success: function (data, textStatus) {
  65.                         //alert(data);
  66.                         var dataJson = eval("(" + data + ")");
  67.                         if (dataJson.code == 200) {
  68.                           alert("登录成功");
  69.                           window.location.href = "/";
  70.                         } else if (dataJson.code == 300) {
  71.                           popup.show();
  72.                           popupContent.html("账号不存在，请重新输入！");
  73.                         } else if (dataJson.code == 400) {
  74.                           popup.show();
  75.                           popupContent.html("密码有误，请重新输入！");
  76.                         } else {
  77.                           popup.show();
  78.                           popupContent.html("登录出错！");
  79.                         }
  80.                       },
  81.                       error: function (XMLHttpRequest, textStatus, errorThrown) {
  82.                         alert("error:" + textStatus);
  83.                       }
  84.                     }
  85.             );
  86.           }
  87.         })
  88.         ;
  89.       })
  90.       ;
  1. routes\login.js

：登录接口逻辑

  1. var express = require('express');
  2. var router = express.Router();
  3. // 实现与MySQL交互
  4. var mysql = require('mysql');
  5. var config = require('../model/config');
  6. // 使用连接池，提升性能
  7. var pool = mysql.createPool(config.mysql);
  8. /* GET home page. */
  9. router.get('/', function (req, res, next) {
  10.     res.render('login', { title: 'login' });
  11. });
  12. router.post('/userLogin', function (req, res, next) {
  13.     var username = req.body.username;//获取前台请求的参数
  14.     var password = req.body.password;
  15.     pool.getConnection(function (err, connection) {
  16.         //先判断该账号是否存在
  17.         var $sql = "select * from users where username=?";
  18.         connection.query($sql, [username], function (err, result) {
  19.             var resultJson = result;
  20.             console.log(resultJson.length);
  21.             if (resultJson.length === 0) {
  22.                 result = {
  23.                     code: 300,
  24.                     msg: '该账号不存在'
  25.                 };
  26.                 res.json(result);
  27.                 connection.release();
  28.             } else {  //账号存在，可以登录，进行密码判断
  29.                 var $sql1 = "select password from users where username=?";
  30.                 connection.query($sql1, [username], function (err, result) {
  31.                     var temp = result[0].password;  //取得数据库查询字段值
  32.                     console.log(temp);
  33.                     if (temp == password) {
  34.                         result = {
  35.                             code: 200,
  36.                             msg: '密码正确'
  37.                         };
  38.                     } else {
  39.                         result = {
  40.                             code: 400,
  41.                             msg: '密码错误'
  42.                         };
  43.                     }
  44.                     res.json(result); // 以json形式，把操作结果返回给前台页面
  45.                     connection.release();// 释放连接
  46.                 });
  47.             }
  48.         });
  49.     });
  50. });
  51. module.exports = router;
  1. views\register.jade

：注册页面

  1. doctype html
  2. html
  3.   head
  4.     title
  5.     link(href='/bootstrap-3.3.7/css/bootstrap.min.css', rel='stylesheet')
  6.     script(src='/javascripts/jquery.min.js')
  7.     script(src='/bootstrap-3.3.7/js/bootstrap.min.js')
  8.   body(style='background: #dcd9da')
  9.     nav.collapse.navbar-collapse.navbar-inverse
  10.       .navbar-header
  11.         a.navbar-brand express-jade-bootstrap-mysql-demo
  12.       ul.nav.navbar-nav.navbar-right
  13.         li(style='margin-right: 20px')
  14.           a(href='/login')
  15.             span.glyphicon.glyphicon-log-in
  16.             |  登录
  17.     .container
  18.       .row
  19.         .col-md-4.col-md-offset-4
  20.           .panel.panel-default(style='margin-top: 40px')
  21.             .panel-heading(style='background: #0d6aad')
  22.               h3(align='center', style='color: #ffffff;')
  23.                 | 账号注册
  24.             .panel-body(style='background: #e0e1ea')
  25.               .form-group
  26.                 .input-group
  27.                   span.input-group-addon   账   号  
  28.                   input#username.form-control(type='text', placeholder='请输入账号')
  29.               .form-group
  30.                 .input-group
  31.                   span.input-group-addon   密   码  
  32.                   input#password.form-control(type='password', placeholder='请输入密码')
  33.               .form-group
  34.                 .input-group
  35.                   span.input-group-addon 确认密码
  36.                   input#password1.form-control(type='password', placeholder='请再次输入密码')
  37.               .form-group
  38.                 .input-group
  39.                   span.input-group-addon   姓   名  
  40.                   input#name.form-control(type='text', placeholder='请输入姓名')
  41.               .form-group
  42.                 button#register.btn.btn-success.btn-block(type='button')
  43.                   | 注册
  44.               #popup.alert.alert-warning
  45.                 a#close.close(href='#') ×
  46.                 div(align='center')
  47.                   strong#popup-content(style='color: #b12e30;')
  48.     script(type='text/javascript').
  49.       $(document).ready(function () {
  50.         var username = $("#username");
  51.         var password = $("#password");
  52.         var password1 = $("#password1");
  53.         var name = $("#name");
  54.         var register = $("#register");
  55.         var popup = $("#popup");
  56.         var popupContent = $("#popup-content");
  57.         var close = $("#close");
  58.         popup.hide();
  59.         close.click(function () {
  60.           popup.hide();
  61.         });
  62.         register.click(function () {
  63.           if (username.val() == "" || password.val() == "" || password1.val() == "" || name.val() == "") {
  64.             popup.show();
  65.             popupContent.html("注册信息不能为空！");
  66.           } else if (password.val() !== password1.val()) {
  67.             popup.show();
  68.             popupContent.html("两次输入的密码不一样！");
  69.           } else {
  70.             //访问服务器，将注册信息写入数据库
  71.             $.ajax({
  72.               url: "/register/userRegister",
  73.               data: {
  74.                 username: $("#username").val(),
  75.                 password: $("#password").val(),
  76.                 name: $("#name").val()
  77.               },
  78.               type: "POST",
  79.               timeout: 36000,
  80.               dataType: "text",
  81.               success: function (data, textStatus) {
  82.                 var dataJson = eval("(" + data + ")");
  83.                 if (dataJson.code == 200) {
  84.                   alert("注册成功");
  85.                   window.location.href = "/login";
  86.                 } else if (dataJson.code == 300) {
  87.                   popup.show();
  88.                   popupContent.html("该账号已存在！");
  89.                 } else if (dataJson.code == 400) {
  90.                   popup.show();
  91.                   popupContent.html("注册失败，请重新注册！");
  92.                 } else {
  93.                   popup.show();
  94.                   popupContent.html("注册出错！");
  95.                 }
  96.               },
  97.               error: function (XMLHttpRequest, textStatus, errorThrown) {
  98.                 alert("error:" + textStatus);
  99.               }
  100.             });
  101.           }
  102.         });
  103.       });
  1. routes\register.js

：注册接口逻辑

  1. var express = require('express');
  2. var router = express.Router();
  3. // 实现与MySQL交互
  4. var mysql = require('mysql');
  5. var config = require('../model/config');
  6. // 使用连接池，提升性能
  7. var pool = mysql.createPool(config.mysql);
  8. /* GET home page. */
  9. router.get('/', function (req, res, next) {
  10.     res.render('register', { title: 'register' });
  11. });
  12. router.post('/userRegister', function (req, res, next) {
  13.     var username = req.body.username;
  14.     var password = req.body.password;
  15.     var name = req.body.name; //获取前台请求的参数
  16.     pool.getConnection(function (err, connection) {
  17.         //先判断该账号是否存在
  18.         var $sql = "select * from users where username=?";
  19.         connection.query($sql, [username], function (err, result) {
  20.             var resultJson = result;
  21.             console.log(resultJson.length);
  22.             if (resultJson.length !== 0) {
  23.                 result = {
  24.                     code: 300,
  25.                     msg: '该账号已存在'
  26.                 };
  27.                 res.json(result);
  28.                 connection.release();
  29.             } else {  //账号不存在，可以注册账号
  30.                 // 建立连接，向表中插入值  数据库表名为user-info会出错
  31.                 var $sql1 = "INSERT INTO users(id, username, password, name) VALUES(0,?,?,?)";
  32.                 connection.query($sql1, [username, password, name], function (err, result) {
  33.                     console.log(result);
  34.                     if (result) {
  35.                         result = {
  36.                             code: 200,
  37.                             msg: '注册成功'
  38.                         };
  39.                     } else {
  40.                         result = {
  41.                             code: 400,
  42.                             msg: '注册失败'
  43.                         };
  44.                     }
  45.                     res.json(result); // 以json形式，把操作结果返回给前台页面
  46.                     connection.release();// 释放连接
  47.                 });
  48.             }
  49.         });
  50.     });
  51. });
  52. module.exports = router;
  1. app.js

：修改代码

  1. ...
  2. var login = require("./routes/login");
  3. var register = require("./routes/register");
  4. ...
  5. app.use('/login', login);
  6. app.use('/register', register);
  7. ...
  1. jquery.min.js

：引入jquery，放到public文件夹

  1. bootstrap

：引入bootstrap，放到public文件夹

准备好以上代码后，执行

  1. npm start

命令启动项目，打开登录页面：

  1. http://localhost:3000/login

，注册页面：

  1. http://localhost:3000/register

登陆成功

注册成功

参考：
NodeJs+Express+SqlServer简易后台API服务搭建

标签： 数据库 java nodejs
本文转载自: https://blog.csdn.net/bobo789456123/article/details/122232678
版权归原作者 IT飞牛 所有， 如有侵权，请联系我们删除。
登录后发布评论

“Nodejs后端架构基础知识和案例展示”的评论:

还没有评论
关于作者
...
overfit同步小助手
文章同步
相关阅读

网络安全法-网络运行安全

使用selenium/drissionpage时如何阻止chrome自动跳转http到https

docker desktop 里部署的Open WebUI 管理员密码忘记了的处理方法

在ubuntu20.04中搭建onsite比赛运行环境

利用开源的低代码表单设计器FcDesigner高效管理和渲染复杂表单结构

Kafka学习笔记

【前端】浏览器输入url到页面呈现发生了什么？