不以风骚惊天下,独以技术渡佳人。
大家好,嘿嘿嘿,我又来叨扰大家了。
文章背景
近来帝都天气炎热,致使内心浮躁,奈何无美女相伴,火气淤积日久而深,不得释放,然只好来朕的后宫来挑一个技术栈来进行连载,同大家一起学习,前面我有一篇文章MongoDB安装、启动以及可视化工具安装与使用已经介绍过了MongoDB数据库的安装和启动了,那么作为大前端的我们,如何来操作数据库呢?预知后事如何,且看下回。。。且看接下来一一分解 言归正传,接下来我们一起来操作koa2(群P还是很刺激的啊)
学习准备
要学习nodejs框架之koa框架,还是需要有一定的基础的,基础的一些技能如下:
如果以上知识还不是很熟悉,那么很可惜,请你先去其他大神的后宫中看看教学视频,等学成归来之时,我们在一起嘿嘿嘿
nodejs安装
1.进入nodejs官方中文网站
2.点击下载长期支持版本,也就是稳定版本(请下载7.6.0以上node.js版本,必须的哦)
3.下载完成后一路next傻瓜式安装就可以了 备注:mac系统亦可以直接用brew来安装nodejs
brew install node -g #-g是指全局安装
好了关于node环境搭建不在赘述了。 我喜欢直接进入。。。主题
koa框架
koa框架基本介绍
Koa 就是一种简单好用的 Web 框架。它的特点是优雅、简洁、表达力强、自由度高。本身代码只有1000多行,所有功能都通过插件实现,很符合 Unix 哲学。 我们为什么用koa而不用express,说实话我喜欢小的,我喜欢从小玩到大的那种感觉,可能这就是青梅竹马的执着吧。敲黑板,总结来说,koa就是小快灵,哎,你别看我短(小),我可会旋转。
koa项目目录新建
node -v
注意啊,node版本必须大于7.6.0,你不行的话就换我来,如果是windows系统的话,直接按照上面的nodejs安装方法重新安装一下就可以了,如果是mac系统,有更简单的办法
sudo npm install -g n
sudo n stable
就是这么简单,所以老师用的是mac,毕竟有钱还帅,接下来,创建项目文件
cd Desktop
mkdir code #创建文件夹
cd code
mkdir koa2_demo
cd koa2_demo
npm init -y #初始化项目,生成package.json包管理文件
项目文件初始化完成之后,打开该项目文件,老师这里用的事sublime text 3,所以,只需要在终端键入
subl . #配置了subl环境变量后可以直接通过命令行启动sublime打开所造目录下的文件,非常方便
打开后项目非常简单,只有一个package.json文件
好了,万事俱备,只欠东风了,我们打开npm网站,输入koa,点击回车
进入koa文档介绍以后我们可以从头到尾,从尾到头来盘她了
从这里我们可以得知,koa在文章撰写的时候版本是2.7.0,以及koa的依赖,好了文档就大家业余时间自己去读,如果英语不好的同学也可以一键翻译网页,从头到尾的看一下
安装koa框架
npm install koa --save #--save命令是为了将koa包安装在本项目下,并且添加到package.json中进行管理
安装完之后(网速慢的同学自己去配置淘宝镜像啊),我们可以看一下项目目录和package.json的变化
可以看到,koa框架已经安装到本地项目当中了,存放在node_modules文件夹中,以后我们通过node所安装的包或者中间件,都会存放到这个文件夹中。
使用koa框架
诸位爱卿都知道,学习一个新框架,hello world是少不了的,掌握了hello world,你就掌握了全世界,我比较喜欢单手掌握,你们呢?
1.在koa_demo文件夹下新建app.js文件
cd Desktop/code/koa_demo
touch app.js
2.引入koa框架
const Koa = require('koa'); //引入koa框架
/**
* 实例化koa,其实就和我们调用构造函数是一个道理,本身koa就是个构造函数
*/
const app = new Koa();
//注意:koa是一个中间件框架,所有的一切都视为中间件,就和我们的react组件一样,万物皆组件
/**
* [description] 将中间件添加到应用当中
* @param {[type]} ctx [description] 请求上下文,context的缩写,包含了一切请求信息
* @return {[type]} String [description] 返回一个字符串
*/
app.use(async ctx => {
ctx.body = 'Hello World';
});
/**
* 监听3000端口
*/
app.listen(3000)
console.log('service is running 3000 port')
代码我已经给各位爱卿了哈,但是还是希望把手从桌子底下拿上来,放到键盘上,自己亲自动手码一码,毕竟自己动手丰衣足食。好的接下来我们返回终端通过node启动服务,下面就是见证奇迹的时候了
这时候我们打开客户端浏览器,在地址拦输入: http://localhost:3000,可以看到Hello World字样显示在页面上了
时间过得真快啊,哎,年纪大了,原来可以坚持两个小时的,现在只能坚持一个小时了,人到中年不得已啊,保温杯里泡枸杞,好了这节课就先啰嗦到这里吧,有不懂的爱卿留言就行,朕看到会回复的。我是一名全端小学生。文章有纰漏的还要请各位大神多多指点。
创建了一个qq群695712519,有兴趣的可以添加一下,有免费的科学上网方法哦。。。
个人格言: 花堪折时直须折 莫待无花空折枝。生死看淡,不服就干...