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 ...
随机推荐
- BeanCopyUtil
package com.rscode.credits.util; import java.util.HashSet; import java.util.Set; import org.springfr ...
- 在Django中使用ForeignKey()报错问题的解决
在Django2的models中建立一对多的关系使用ForeignKey(): student = models.ForeignKey("Classes") 报错: TypeErr ...
- 基于mpvue搭建微信小程序
mpvue是美团开源的一套语法,语法与vue.js一致,快速开发小程序的前端框架.框架基于vue.js核心,修改了vue.js的runtime和compiler实现,使用此框架,开发者可以完全使用vu ...
- 学习笔记TF056:TensorFlow MNIST,数据集、分类、可视化
MNIST(Mixed National Institute of Standards and Technology)http://yann.lecun.com/exdb/mnist/ ,入门级计算机 ...
- 20164301 Exp5 MSF基础应用
Exp5 MSF基础应用 1. 实践内容 1.1一个主动攻击实践,如ms08_067,smb_delivery(唯一) 1.2 一个针对浏览器的攻击,如ms10_046: 1.3 一个针对客户端的攻击 ...
- java基本数据类型和运算符
一.基本数据类型 种类: 内置数据类型 引用数据类型 1.内置数据类型 一共有八种基本类型,六个数字类型(四个整数类型,两个浮点型),一个布尔型,一个字符类型. (1)byte: byte数据类型是8 ...
- Comedi的安装
1.comedi的安装:(需要注意的是comedi和comedilib安装顺序随意) 1.comedi与大多数2.2,2.4和2.6Linux内核配合使用,不支持2.6-2.6.6的内核,对2. ...
- 巴黎游戏周: PS4独占游戏《重力少女2》
http://blog.us.playstation.com/2015/10/27/gravity-rush-2-coming-to-north-america-on-ps4/
- 使用samba共享文件夹,提供给window访问
1. 下载yumdownloader yum install -y yum-utils 2. 下载samba mkdir samba cd samba yumdownloader --resolve ...
- 怎样Debug Dynamics 365 CRM Plugin
写了这么多期的随笔,很多人会问,怎么debug写好的plugin呢 首先我们需要准备以下内容 Visual Studio Plugin Registration Tool CRM Instance E ...