浅谈Koa2框架

news2025/1/11 6:31:00

框架和库

什么是框架

前端框架一般指用于简化网页设计的框架,使用广泛的前端开发套件。

比如,jquery,extjs,bootstrap等等,这些框架封装了一些功能,比如html文档操作,漂亮的各种控件(按钮,表单等等),使用前端框架可以帮助快速地搭建网站。

框架是提供一套完整的解决方案,按照规定好的代码结构来做编排,使用前段框架可以降低界面开发周期和提高界面的美观性。

特点:

  • 封装原生代码的API
  • 规范流程和格式
  • 让开发人员更加关注于业务代码,提高开发效率

更多精彩内容,请微信搜索“前端爱好者戳我 查看

框架和库的区别

库(Libraries)是提供特定功能(如建立网络连接)的低级组件。

框架(Framework)是已知的编程环境,比如 Spring Boot。

库和软件框架都有助于应用程序的开发

区别:

  • 框架(frame)是唯一的【一个项目只能有一个框架】,库(lib)是可以共存的
  • 框架关注全流程,库关注单个功能

Koa2 是什么

  • koa2 是 Node.js Web Server 框架
  • Koa2的安装和基本使用

Koa2框架介绍

Koa 是一个新的 web 框架,由 Express 幕后的原班人马打造, 致力于成为 web 应用和 API 开发领域中的一个更小、更富有表现力、更健壮的基石。

通过利用 async 函数,Koa 帮你丢弃回调函数,并有力地增强错误处理。 Koa 并没有捆绑任何中间件, 而是提供了一套优雅的方法,帮助您快速而愉快地编写服务端应用程序。

特点:

  • Koa2 是 Node.js Web Server 框架
  • 官网 http://koa.bootcss.com/
  • 通过 async/await 语法高效编写 Web Server
  • 中间件机制,能合理拆分业务代码

Koa2的安装

Koa 依赖 node v7.6.0 或 ES2015及更高版本和 async 方法支持.

你可以使用自己喜欢的版本管理器快速安装支持的 node 版本:

步骤:

  • 初始化 npm init -y
  • 安装 npm install kao2 --save
  • 简写 cnpm i koa2 -S

实例

const koa = require('koa')

const app = new koa()

//context 上下文
app.use(ctx => {
    ctx.body = 'Hello World!'
})

app.listen(3000)

app.listen(…)

Koa 应用程序不是 HTTP 服务器的1对1展现。 可以将一个或多个 Koa 应用程序安装在一起以形成具有单个HTTP服务器的更大应用程序。

创建并返回 HTTP 服务器,将给定的参数传递给 Server#listen()。这些内容都记录在 nodejs.org.

以下是一个无作用的 Koa 应用程序被绑定到 3000 端口:

const Koa = require('koa');
const app = new Koa();
app.listen(3000);

这里的 app.listen(...) 方法只是以下方法的语法糖:

const http = require('http');
const Koa = require('koa');
const app = new Koa();
http.createServer(app.callback()).listen(3000);

这意味着您可以将同一个应用程序同时作为 HTTP 和 HTTPS 或多个地址:

const http = require('http');
const https = require('https');
const Koa = require('koa');
const app = new Koa();
http.createServer(app.callback()).listen(3000);
https.createServer(app.callback()).listen(3001);

app.callback()

返回适用于 http.createServer() 方法的回调函数来处理请求。你也可以使用此回调函数将 koa 应用程序挂载到 Connect/Express 应用程序中。

app.use(function)

将给定的中间件方法添加到此应用程序。app.use() 返回 this, 因此可以链式表达.

app.use(someMiddleware)
app.use(someOtherMiddleware)
app.listen(3000)

使用脚手架搭建Koa应用程序

在做koa框架开发的时候,会发现在一个项目中咱们的目录结构是非常清晰的,第三方包,模板,路由都会被规范到对应的文件夹中,

但是在最后做项目的时候如果所有的文件和文件夹都需要自己创建,就会非常的麻烦,

这时候koa中给咱们提供了一个叫做脚手架的东西;

什么是脚手架呢

大家都知道盖房子的时候,特别是盖楼房的时候,都会需要先搭框架,这个框架呢,就被称为脚手架。

她的作用是什么呢?

就是能简单搭建出房子的结构,让后期我们盖房子的时候能够更加快捷方便。

那么koa中的脚手架也是这样的作用。

脚手架可以帮助我们快速搭建起项目的架构,能够让我们用更少的时间关注项目结构,而有更多的时间关注项目的逻辑。

koa2脚手架

koa-generator 脚手架可以帮我们快速搭建koa2框架的目录结构

使用步骤

  • 安装koa-generator
npm install -g koa-generator
  • 使用koa脚手架创建项目 server (项目名称可以自定义)
koa server

也可以

koa -e server

后面的servert表示项目的名称,(-e 代表使用模板引擎ejs)

此命令会自动生成koa2所需的文件以及创建app.js以及路由和静态文件等内容。

koa2项目目录详解:

.
+-- bin
|   +-- www               // 项目启动必备文件,配置端口等服务信息
+-- node_modules          // 项目依赖,安装的所有模块都会在这个文件夹下
+-- public                // 存放静态文件,如样式、图片等
|   +-- images            // 图片
|   +-- javascript        // js文件
|   +-- stylesheets       // 样式文件
+-- routers               // 存放路由文件,如果前后端分离的话只用来书写api接口使用
|   +-- index.js
|   +-- user.js
+-- views                 // 存放存放模板文件,就是前端页面,如果后台只是提供api的话,这个就是备用
|   +-- error.pug
|   +-- index.pug
|   +-- layout.pug
+-- app.js                // 主入口文件
+-- package.json          // 存储项目名、描述、作者、依赖等等信息
+-- package-lock.json     // 存储项目依赖的版本信息,确保项目内的每个人安装的版本一致
  • 进入项目,安装所需依赖
cd server 
npm install
  • 启动项目
npm run dev

完成到这里项目就可以跑起来了, 命令:

参考文档

  • https://koa.bootcss.com/index.html
  • https://mp.weixin.qq.com/s?__biz=MzIxMjAzNDUzOQ==&mid=2454692608&idx=1&sn=47d6c349703330f43e8519a4400e6f7c&chksm=80f73584b780bc926652924bbf1984201f764cf7c1cde84a2cd1f5be1b017417bfcb7a15a747&scene=178&cur_album_id=2681073765665030144#rd
  • https://www.cnblogs.com/ranyihang/p/12668201.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/538616.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

springboot+vue农机电招平台(源码+文档)

风定落花生,歌声逐流水,大家好我是风歌,混迹在java圈的辛苦码农。今天要和大家聊的是一款基于springboot的农机电招平台。项目源码以及部署相关请联系风歌,文末附上联系信息 。 💕💕作者:风歌&a…

Django基础框架01——安装与配置

Django基础框架01——安装与配置 1.Django是什么2.Django的由来3.Django的命名4.Django的版本发布5.Django框架的特点6.Django的设计模式6.1 MVC设计模式——Web6.2 MTV设计模式——Django 7.Django安装与配置8.Django创建第一个项目8.1 第一个项目Bookstore8.2 Django项目配置…

SolidWorks二次开发(C#)-环境搭建

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档 文章目录 1、前言2、按照Solidworks2022和VS20223、在VS2022中创建一个Winform工程4、添加SolidWorks动态链接库5、在按钮中添加代码6、测试 1、前言 做了有些SolidWorks二次…

博客园一些主题皮肤汇总记录

文章目录 1、SimpleMemory2、Silence3、Make CNblogs Better4、cnblogs-theme-next5、CNblogs-Theme-Sakura6、其他7、总结 1、SimpleMemory 作者:BNDong - 博客园 (cnblogs.com) 美化博客地址:关于本博客样式 - BNDong - 博客园 (cnblogs.com) GitHub地…

动态规划-买卖股票的最佳时机 II and III

动态规划-买卖股票的最佳时机 III 1 买卖股票的最佳时机 II1.1 题目1.2 示例1.2.1 示例 1:1.2.2 示例 2:1.2.3 示例 3: 1.3 算法题解1.3.1 动态规划代码实现1.3.2 贪心实现代码 2 买卖股票的最佳时机 III2.1 题目2.2 示例2.2.1 示例 1:2.2.2 …

网络安全复习

目录 低层协议安全性 IP协议 ARP协议 TCP协议 NAT协议 单钥加密体制 DES算法 课后习题 双钥加密体制 🐇怎么说 欧几里得算法求逆 RSA算法 椭圆曲线加密 Diffie- Hellman 密钥交换算法 ElGamal签名机制 Schnorr签名机制 DSS签名算法——DSA 低层协…

基于harbor安装私有镜像仓库

目录 Harbor介绍 Harbor安装 下载完成后,在压缩包解压到/usr/local目录下: 修改Harbor配置文件 推送本地镜像到harbor上 1、给本地镜像打一个标签 2、 设置docker的daemon.json 3、重启docker 4、使用docker登录harbor 5、把本地的镜像push到harbor…

【C++】内存管理 |new和delete | 定位new

目录 1. C/C内存分布 2. C内存管理方式 2.1 new/delete操作内置类型 2.2 new和delete操作自定义类型 3. new和delete的实现原理 3.1 内置类型 3.2 自定义类型 4. 定位new 1. C/C内存分布 说明: 1. 栈又叫堆栈--非静态局部变量/函数参数/返回值等等&#xff…

机器学习之线性回归

往期目录 python在线性规划中的应用 文章目录 一、线性回归算法概述1.1 什么是线性回归?1.2 线性回归算法原理1.3 线性回归的应用场景 二、线性回归算法Python实现2.1 导入必要的库2.2 随机生成数据集2.3 拟合模型2.4 预测结果2.5 结果可视化 三、完整代码 线性回归…

(5)串口

串口是一种应用十分广泛的通讯接口,串口成本低、容易使用、通信线路简单,可实现两个设备的互相通信。 单片机的串口可以使单片机与单片机、单片机与电脑、单片机与各式各样的模块互相通信,极大的扩展了单片机的应用范围,增强了单…

十大排序算法(中):冒泡排序,快速排序(递归和非递归)、归并排序(递归和非递归)

这篇文章,我们接着来讲剩下的排序算法:冒泡排序,快速排序(递归和非递归)、归并排序(递归和非递归) 目录 3.3 交换排序3.3.1 冒泡排序3.3.2 快速排序递归优化非递归优化 3.4 归并排序3.4.1 递归…

Jmeter处理接口签名sign

写接口脚本的时候,很多接口涉及到签名,今天介绍下用Jmeter编写签名脚本的方法。 举个例子,开启红包接口,请求方式为post POST /v1/api/red/open json请求参数 { "red_id":1, "timestamp":"166703384…

springboot+vue学生成绩管理系统(源码+文档)

风定落花生,歌声逐流水,大家好我是风歌,混迹在java圈的辛苦码农。今天要和大家聊的是一款基于springboot的学生成绩管理系统。项目源码以及部署相关请联系风歌,文末附上联系信息 。 💕💕作者:风…

例1:混合物压缩、冷却、分离

例:如图所示流程,一烃类混合物Feed含乙烷0.15(摩尔分数,下同)、丙烷0.20、异丁烷0.60和正丁烷0.05,温度10℃,压力101.3kPa,流量45kmol/h。将其压缩至345kPa后冷却至0℃,送…

博客园主题样式,添加背景音乐,鼠标点击等样式设置

文章目录 1)、 博客园主题样式设置1.1)、 主题文档及地址1.2)、获取文件1.3)、配置CSS1.4)、配置JS1.5)、配置Loading1.6)、其他配置1.7)、个性化配置1.8)、效果预览 2)、背景音乐设置2.1)、单曲添加2.2)、歌单添加2.3)、总结 3)、鼠标点击样式3.1)、Js3.2)、效果预览3.3)、更多…

西门子SCL编程指令状态信息

一、编程时需要考虑的状态信息 在逐步执行运动控制命令时,确保等待激活的命令执行完成后再启动新命令! 使用运动控制指令的状态消息和工艺对象的“StatusBits”变量,可以检查激活的命令是否已完成。 在下例中,请按照所示顺序执行…

51单片机控制步进电机Protues仿真设计

一、概述 1.1步进电机简介 步进电机(Stepper Motor)是一种将电信号转换为机械运动的电动机,是一种专用于精密控制的电机。一般步进电机运行稳定,并且精度较高,因此常用于精密仪器、自动化设备、机器人等需要高精度的…

上传漏洞,后端黑白名单绕过(21)

文件上传常见的验证,:后缀名,类型,文件头等 后缀名指的是白名单和黑名单 文件类型:mime的信息 文件头:内容头信息 我们一个一个来说,这个后缀名,大部分可以上传的对方都不允许脚…

【TCP/IP】TCP报文段的首部格式和流量控制

TCP 报文段的首部格式 TCP 虽然是面向字节流的,但其传送的数据单元却是报文段。一个TCP报文段分为首部和数据两部分,而 TCP 的全部功能的体现在它首部中各字段的作用。 因此,弄清 TCP 报文段首部各字段的作用对掌握 TCP 的工作原理非常重要。…

排查jacoco覆盖率对反射问题的影响

最近业务部门开始推行,在全部后台应用中自动开启覆盖率测试。然而,不久后就有业务测试的同学反馈出现问题。 问题的现象如下: 我们的业务通过 HTTP 调用腾讯OSS的服务,结果得到了以上的报错信息。测试同学验证后发现&#xff0c…