大数据可视化3（项目创建部分）

项目持续更新完善中，点赞收藏。。。。。。

步骤1：大数据可视化，我们采用的是koa2去制作，koa基于node.js进行工作，首先koa要求node.js必须满足7.6版本以上。

步骤2：接下来先创建一个文件夹，添加至编译器中，查看node.js的版本大小node -v 符合条件后，在咱们创建的文件中安装npm init -y

步骤3：安装完成后继续安装npm install koa 此操作需要联网才可以，否则不会实现

步骤4：在上述的内容都实现好后，下面需要在文件中建立一个app.js入口的文件

步骤5：在app.js中，需要做好三件事,1，创建koa对象，2，编写响应式函数（中间件）3，绑定端口号：3000

步骤6：在app.js中编写如下代码

//1,创建koa对象
//刚刚创建了一个包，我们只需将该包引入进来即可
const koa = require('koa')
const app = new koa()
//2,编写响应式函数(中间件)
//首先第一个参数的含义是ctx：上下文 web容器 ctx.request ctx.response
//next是下一个中间件   下一层中间件是否能够得到执行 ，取决于next这个函数有没有被调用
 //第一层中间件
app.use((ctx,next)=>{
  console.log(ctx.request.url)
  console.log('第一层中间件')
  ctx.response.body = 'hello world'
})
 //第二层中间件
app.use((ctx,next)=>{
    console.log('第二层中间件')
  })
 //第三层中间件
  app.use((ctx,next)=>{
    console.log('第三层中间件')
  })
//3,绑定端口号:3000
app.listen(3000)

编写完成后启动服务器 ： node app.js 

在浏览器输入如下路径地址:

http://127.0.0.1:3000/

即可查看是否成功

在编译的终端就会出现如下的结果：

/
/favicon.ico

第一个是我们按的回车  第二个是浏览器所执行的 

以上中间的特点是未来常见的： 

 洋葱模型：

 

 需要注意的是中间的函数发生了改变：

 采用async去修饰，

 结构：

 

项目持续更新完善中，点赞收藏。。。。。。