Koa2
安装
yarn add koa
代码
Koa的核心代码就三行
const Koa = require('koa')
const app = new Koa()
app.use(async (ctx, next) => {
ctx.body = 'Hello World!'
})
app.listen(8080)
至此一个简单的服务器运行成功。
koa脚手架
npm install -g koa2-generator
koa2 koa-demo
编写一个静态页面
module.exports = `
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Koa Server HTMl</title>
<link href="https://cdn.bootcss.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdn.bootcss.com/jquery/3.2.0/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/bootstrap/4.0.0-beta.2/js/bootstrap.bundle.min.js"></script>
</head>
<body>
<div class="container">
<div class="row">
<div class="col-md-8">
<h1>Hi Susan</h1>
<p>This is a test</p>
</div>
<div class="col-md-4">
<p>测试静态 HTML 页面</p>
</div>
</div>
</div>
</body>
</html> `
const Koa = require('koa')
const app = new Koa()
const {normal} = require('./tpl/index')
app.use(async(ctx, next) => {
ctx.type = 'text/html;charset=utf-8;'
ctx.body = normal
})
app.listen(8080)
编写模板页面
安装pug模板引擎
yarn add pug
动态模板引擎代码
module.exports = `
doctype html
html
head
meta(charset='utf-8')
meta(name='viewport=', content='width=device-width, initail-scale=1')
title Koa Server Pug
link(href='https://cdn.bootcss.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css',rel='stylesheet')
script(src='https://cdn.bootcss.com/jquery/3.2.0/jquery.min.js')
script(src='https://cdn.bootcss.com/bootstrap/4.0.0-beta.2/js/bootstrap.bundle.min.js')
body
.container
.row
.col-md-8
h1 Hi #{ name }
p This is a test
.col-md-4
p 测试动态PUG模板引擎 `
js代码
const Koa = require('koa')
const app = new Koa()
const pug = require('pug')
const {pugTpl} = require('./tpl/index')
app.use(async(ctx, next) => {
ctx.type = 'text/html;charset=utf-8;'
ctx.body = pug.render(pugTpl, {
name: 'Susan'
})
})
app.listen(8080)
使用模板引擎中间件，支持ejs，pug
koa-views
pug模板引擎代码
doctype html
html
head
meta(charset='utf-8')
meta(name='viewport=', content='width=device-width, initail-scale=1')
title Koa Server Pug
link(href='https://cdn.bootcss.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css',rel='stylesheet')
script(src='https://cdn.bootcss.com/jquery/3.2.0/jquery.min.js')
script(src='https://cdn.bootcss.com/bootstrap/4.0.0-beta.2/js/bootstrap.bundle.min.js')
body
.container
.row
.col-md-8
h1 Hi #{ name }
p This is a test
.col-md-4
p 测试动态PUG模板引擎
js代码
const Koa = require('koa')
const app = new Koa()
const views = require('koa-views')
const {resolve} = require('path')
app.use(views(resolve(__dirname, './views'), {
extension: 'pug'
}))
app.use(async(ctx, next) => {
await ctx.render('index', {
name: 'Susan'
})
})
app.listen(8080, () => {
console.log('http://localhost:8080')
})
koa-router
yarn add koa-router
代码
const router = require('koa-router')()
router.get('/news', async (ctx, next) => {
ctx.body = '路由'
})
router.get('/news/:id', async (ctx, next) => {
ctx.body = '动态路由'
})
app.use(router.routes())
路由分离
代码
const router = require('koa-router')()
router.prefix('/user')
router.get('/', async ctx => {
ctx.body = 'Hello Koa2'
})
router.get('/info', async ctx => {
ctx.body = 'Hello UserInfo'
})
module.exports = router
const user = require('./routes/user')
app.use(user.routes()).use(user.allowedMethods())
GET
通过ctx.query/ctx.querystring/ctx.request.query/ctx.request.querystring
代码
router.get('/news', async (ctx, next) => {
console.log('ctx.query', ctx.query)
console.log('ctx.querystring', ctx.querystring)
console.log('ctx.request.query', ctx.request.query)
console.log('ctx.request.querystring', ctx.request.querystring)
})
curl i http://localhost:3000/news?name='Susan&age=12'
POST
通过koa-body
const koaBody = require('koa-body')
app.use(koaBody())
router.post('/doAction', async ctx => {
console.log('ctx.request.body', ctx.request.body)
})
curl i http://localhost:3000/doAction -d 'name=Susan,age=20'
静态资源
安装koa-static
代码
const server = require('koa-static')
app.use(server(resolve(__dirname, './static')))
router.get('/', async ctx => {
await ctx.render('index')
})
<link href="css/style.css" rel="stylesheet" /> <img src="img/1.jpg"/> <script src="js/index.js"></script>
Cookie
ctx.cookies.set(name, value, [options]) ctx.cookies.get(name)
如何处理中文
使用Buffer转换
// 将中文转换base64字符串
new Buffer(value).toString('base64')
// 将base64字符串转换为中文
new Buffer(value, 'base64').toString()
Session
安装koa-session
const session = require('koa-session')
app.keys = ['some secret hurr']
const CONFIG = {
key: 'koa:sess',
maxAge: ,
autoCommit: true,
overwrite: true,
httpOnly: true,
signed: true,
rolling: false,
renew: false
}
app.use(session(CONFIG, app))
router.get('/', async ctx => {
let n = ctx.session.view ||
ctx.session.view = ++ n
ctx.body = n
})
Mongodb
https://www.mongodb.com/download-center?jmp=nav#community
操作数据库
http://mongodb.github.io/node-mongodb-native/
安装mongodb
连接数据库，创建集合，插入数据
const MongoClient = require('mongodb').MongoClient
const url = 'mongodb://127.0.0.1:27017' // URL
const dbName = 'dbs' // 数据库名称
const client = new MongoClient(url) // 创建一个Mongodb Client
client.connect(err=>{ // 连接数据库
if (err) return
console.log('Connected successfully to server')
const db = client.db(dbName)
// 插入数据
db.collection('documents').insertMany([
{a:},
{b:},
{c:}
])
db.collection('documents').insertOne(
{d:}
)
client.close()
})
查找数据
db.collection('documents').find({})
.toArray((err, docs) => {
if (err) return
console.log(docs)
})
更新数据
db.collection('documents')
.updateOne({a:}, {$set: {a: }}, (err, res) => {
if (err) return
console.log(res)
})
db.collection('documents')
.updateMany({a:}, {$set: {a: }}, (err, res) => {
if (err) return
console.log(res)
})
删除数据
db.collection('documents')
.deleteOne({a:}, (err, res) => {
if (err) return
console.log(res)
})
Robo 3T
Mongoose
https://mongoosejs.com/docs/api.html
连接数据库
首先配置数据库，创建一个dbs的数据库
module.exports = {
dbs:'mongodb://127.0.0.1:27017/dbs'
}
数据库创建完毕，那么创建model也就是集合，即表
const mongoose = require('mongoose')
let personSchema = new mongoose.Schema({
name: String,
age: Number
})
module.exports = mongoose.model('Person', personSchema)
数据库和表创建完毕，那么开始连接数据库
const mongoose = require('mongoose')
const dbConfig = require('./dbs/config')
mongoose.connect(dbConfig.dbs, {
useNewUrlParser: true
})
此刻数据库连接成功，那么我们开始
添加数据
router.post('/addPerson', async ctx => {
const person = new Person({
name: ctx.request.body.name,
age: ctx.request.body.age
})
let code
try {
await person.save()
code =
} catch (error) {
code =
}
ctx.body = {
code
}
})
查询数据
const res = await Person.findOne({name:ctx.request.body.name})
const ress = await Person.find({name: ctx.request.body.name})
更新数据
const result = await Person.where({
name: ctx.request.body.name
}).update({
age:ctx.request.body.age
})
删除数据
const result = await Person.where({
name: ctx.request.body.name
}).remove()
Redis
访问网页服务器端会在客户端设置cookie保存session
每次请求把cookie中session发送到服务器端
服务端用session保存客户端状态
服务器端会把session的值保存到Redis中
浏览器用cookie保存session
而且Redis是一个非常快速的读写数据库
案例：登录校验
安装
https://github.com/MicrosoftArchive/redis/releases
启动Redis
安装koa中间件操作Redis
yarn add koa-generic-session koa-redis
连接Redis
app.keys=['keys','keyskeys'] // session加密处理，随便两个值
app.use(session({
key:'mt',
prefix:'mtpr',
store: new Redis(),
}))
使用session
ctx.session.count++
我们也可以直接对Redis操作
const Store = new Redis().client
const st = await Store.hset('fix', 'name', Math.random())
使用redis-cli.exe查看数据
key *
get
hset
hget
Koa2的更多相关文章
- Koa2 的安装运行记录（二）
参考 :koa2-boilerplate https://github.com/superalsrk/koa2-boilerplate Ajax Login and Ajax Logout in ...
- Koa2 的安装运行记录（一）
1.参考koa+react(一) http://blog.suzper.com/2016/10/19/koa-react-%E4%B8%80/ 为了使用 KOA2 能够运行,必须能够使用ES7语法 a ...
- koa2＋koa-views示例
app.js var Koa = require('koa') var fs = require('fs') var path = require('path') var koaStaticPlus ...
- Koa2 源码解析(1)
Koa2 源码解析 其实本来不想写这个系列文章的,因为Koa本身很精简,一共就4个文件,千十来行代码. 但是因为想写 egg[1] 的源码解析,而egg是基于Koa2的,所以就先写个Koa2的吧,用作 ...
- nodejs6下使用koa2
koa2里面使用ES7的语法,如async.await所以需要运行在node7.6之后:但在node7.6之前也可以利用babel是的koa2可以运行. 首先项目中安装babel,和babel的几个模 ...
- koa2 use里面的next到底是什么
koa2短小精悍,女人不爱男人爱. 之前一只有用koa写一点小程序,自认为还吼吼哈,知道有一天某人问我,你说一下 koa或者express中间件的实现原理.然后我就支支吾吾,好久吃饭都不香. 那么了解 ...
- koa2 controller中实现类似sleep的延迟功能
今天有同事问我如何在koa2中的controller中使用延迟执行的功能,他直接在controller中使用setTimeout,但是没效果. 错误的代码类似下面这样: // 错误的方法 export ...
- 使用下一代web开发框架koa2搭建自己的轻服务器
Koa 是由 Express 原班人马亲情打造的新一代web框架.既然已经有 Express 了,为什么又要搞一个Koa出来呢?因为 Koa 相比 Express 体积更小,代码更健壮,作用更纯粹. ...
- 一键生成koa/koa2项目：
一键生成koa/koa2项目: 1. npm install -g koa-generator 2.新建项目目录 koa mytest (koa1项目) koa2 koa2test (koa2项目) ...
- Nodejs学习笔记（十五）--- Node.js + Koa2 构建网站简单示例
目录 前言 搭建项目及其它准备工作 创建数据库 创建Koa2项目 安装项目其它需要包 清除冗余文件并重新规划项目目录 配置文件 规划示例路由,并新建相关文件 实现数据访问和业务逻辑相关方法 编写mys ...
随机推荐
- react-redux性能优化之reselect
在React-redux深入理解中,我们知道了 react-redux 是如何将 React 和 Redux 进行连接的,今天来说一下其中存在的性能问题以及改进的方式. 一.存在的性能问题 以 Red ...
- 前端工程化基础-vue
由浅入深支持更多功能 1.安装最新版本的node.js和NPM,并了解NPM基本用法. 2.创建一个目录demo.使用npm 初始化配置: npm init ,执行后会有一系列选项,可按回车快速确认 ...
- vue修改框架样式/deep/
/deep/ 父元素的样式名 /deep/ 要修改的样式名 使用 ... 貌似不行
- Qt学习2---信号与槽
connect(&b1,&QPushButton::pressed,this,&MainWidget::close); &b1:信号发出者,指针类型 &QPus ...
- webpack 插件库
webpack常用的插件安装命令 webpack常用的插件安装命令:1:npm install html-webpack-plugin --save-dev //自动快速的帮我们生成HTML.2:np ...
- Spring EnableWebMvc vs WebMvcConfigurationSupport
EnableWebMvc vs WebMvcConfigurationSupport spring doc解释 WebMvcConfigurationSupport: This is the main ...
- 2018-2019-2 20165313 Exp2 后门原理与实践
实践基础问题回答 (1)例举你能想到的一个后门进入到你系统中的可能方式? 应用程序设定后门,用户安装后,后门就可以进入.例如课堂上讲到的百度. (2)例举你知道的后门如何启动起来(win及linux) ...
- HTC Vive设备拥有陀螺仪。
//设置设备陀螺仪的开启/关闭状态,使用陀螺仪功能必须设置为 true Input.gyro.enabled = true; //获取设备重力加速度向量 Vector3 deviceGravity = ...
- IDT表连接
一.table A为基础表,左外连接table B,若要限制B的条件,需加(+),否则会对结果集以B表的条件进行过滤. DWD_REASON_CODE.CODE(+)=DWR_EDA_CL_TST_D ...
- oracle错误汇总2
http://blog.itpub.net/30430420/viewspace-1799925/ ============================= 现象!!!!!!!!!!!!!!!!!S ...