当前位置: 首页 > news >正文

learning koa2.x

koa2.x learning

路由 koa-router

const router = require('koa-router')()

ctx:封装了request 和 response变量

next: 传入将要处理的下一个异步函数

由async标记的函数称为异步函数,在异步函数中,可以用await调用另一个异步函数,这两个关键字将在ES7中引入。

${ctx.request.url} 输出 请求的url 地址 ctx.url相当于ctx.request.url,ctx.type相当于ctx.response.type

处理路由器的操作分为:views、 string、 json、 处理get请求、 处理post请求

views

router.get('/', async (ctx, next) => {
  await ctx.render('index', {
    title: 'Hello Koa 2!'
  })
})

string

router.get('/string',async (ctx, next) =>{ 
    ctx.response.body = `<h1>welcome, hello</h1>`;
})

json

router.get('/json', async (ctx, next) => {
  ctx.body = {
    title: 'koa2 json'
  }
})

处理get请求

var name = ctx.params.name;

router.get('/info/:name', async (ctx, next) => {
  var name = ctx.params.name;
  ctx.response.body = `<h1>Hello, ${name}!</h1>`;
})

处理post请求

var name = ctx.request.body.name || '';

需要引入 koa-bodyparser 中间件, 创建 info.pug 用于处理表单

extends layout

block content
  h1= title
  form(action="/signin" method="post")
    p= '用户名:'
    input(type="text" name="name" value="koa")
    p= '密码:'
    input(type="password" name="password" value="koa")
    p
    input(type="submit" value="提交")
router.get('/info', async (ctx, next) => {
  await ctx.render('info',{
    title: '用户信息'
  });
})
// 处理post请求
router.post('/signin', async (ctx,next) => {
  var name = ctx.request.body.name || '';
  var password = ctx.request.body.password || '';
  if(name === 'koa' && password === 'koa') {
    ctx.response.body = `<h1>welcome, ${name}</h1>`;
  }else{
    ctx.response.body = `<h1>Login faild!</h1>
    <p><a href="/">Login</a></p>
    `
  }
})

视图 - views层

适用于 koa 的模板引擎选择非常多,比如 jade、ejs、nunjucks、handlebars 、xtemplate 等。

Nunjucks是Mozilla开发的一个纯JavaScript编写的模板引擎 koa-nunjucks-2^3.0.2

https://mozilla.github.io/nun...

const koaNunjucks = require('koa-nunjucks-2')
app.use(koaNunjucks({
  ext: 'html',
  path: path.join(__dirname, 'views'),
  nunjucksConfig: {
    trimBlocks: true,
    noCache: false // 开发环境下
  }
}));
// 模块
{% extends 'base.html' %}
{% block body %} <div>No body</div> {% endblock %}

// 循环
{% for msg in data %}
  <p>{{ msg }}</p>
{% endfor %}

{% if hungry %}
  I am hungry
{% elif tired %}
  I am tired
{% else %}
  I am good!
{% endif %}

操作cookie

koa提供了从上下文直接读取、写入cookie的方法:

  • ctx.cookies.get(name, [options]) 读取上下文请求中的cookie
  • ctx.cookies.set(name, value, [options]) 在上下文中写入cookie
// 处理cookie
router.get('/cookie', async (ctx,next) => {
  const options = {
    domain:'127.0.0.1',
    path:'/',
    maxAge: 10 * 60 * 1000, // cookie有效时长
    expires: new Date('2019-02-02'),  // cookie失效时间
    httpOnly: false,  // 是否只用于http请求中获取
    overwrite: false  // 是否允许重写
  }
  ctx.cookies.set('id','test cookie',options)

  ctx.response.body = `<h1>cookies, ${ctx.cookies.get('id')}</h1>`; // 输出cookie值
})

操作session

将session存放在MySQL数据库中 koa-session-minimal、koa-mysql-session "koa-session-minimal":"^3.0.4","koa-mysql-session":"^0.0.2"

const session = require('koa-session-minimal')
const MysqlSession = require('koa-mysql-session')

// 配置存储session
let store = new MysqlSession({
  user: 'root',
  password: '',
  database: 'test',
  host: '127.0.0.1',
})
let cookie = {
  maxAge: '', // cookie有效时长
  expires: '',  // cookie失效时间
  path: '', // 写cookie所在的路径
  domain: '', // 写cookie所在的域名
  httpOnly: '', // 是否只用于http请求中获取
  overwrite: '',  // 是否允许重写
  secure: '',
  sameSite: '',
  signed: '',
  
}
app.use(session({
  key: 'SESSION_ID',
  store: store,
  cookie: cookie
}))
// 处理session
router.get('/session', async (ctx,next) => {
  ctx.session = {
    user_id: Math.random().toString(36).substr(2),
    count: 0
  }
  ctx.response.body = `<h1>session, ${ctx.session.user_id}, ${ctx.session.count}</h1>`; // 输出cookie值
})

操作mysql

安装 mysql "mysql":"^2.15.0"

用户增、删、改、查

// 查询
async function queryAll(){
    let sql = usersMapping.queryAll;
    let UsersList = await dbUtils(sql);
    return UsersList;
}
// 新增
async function insertUser(username,password,realname){
    let sql = usersMapping.insertUser;
    var values = [username,password,realname]; // 数组
    let result = await dbUtils(sql,values);
    if ( Array.isArray(result) && result.length > 0 ) {
        result = result[0]
    } else {
        result = null
    }
    return result
}
// 修改
async function queryById(id){
    let sql = usersMapping.queryById;
    let result = await dbUtils(sql,id);
    if ( Array.isArray(result) && result.length > 0 ) {
        result = result[0]
    } else {
        result = null
    }
    return result
}
async function updateUser(id,username,password,realname){
    // 从session中取 id
    let sql = usersMapping.updateUser;
    var values = [username,password,realname,id]; // 数组
    let result = await dbUtils(sql,values);
    if ( Array.isArray(result) && result.length > 0 ) {
        result = result[0]
    } else {
        result = null
    }
    return result
}
// 删除
async function deleteById(id){
    let sql = usersMapping.deleteById;
    let flag = await dbUtils(sql,id);
    return flag;
}

github:

https://github.com/lichuang44...

相关文章:

  • android开发(14) 可以横向滚动的ListView(固定列头)
  • 2017年度上海市人工智能创新发展项目开始申报
  • VRRP和HSRP
  • 如何编写一个高性能的Angular组件
  • 谷歌为Pwnium***竞赛再掷重金 将提供200万美元奖金
  • MySQL数据库日志介绍
  • heartbeat高可用+lvsDR
  • java并发编程充入锁:ReentrantLock
  • 鱼C扫描器
  • 云栖科技评论第29期:《MIT科技评论》杂志公布2017年度全球十大突破技术
  • 用C语言写的迅雷看看XV文件提取器及C语言源代码
  • NSF之旅:3月6号,今天要完成相关研究和前两个内容的技术路线
  • 通用业务系统基础平台(五) 工作流系统
  • zookeeper -- 第八章 zk开源客户端 Curator介绍 (下)
  • Flex中使用HTTPService与服务器端交换数据
  • 3.7、@ResponseBody 和 @RestController
  • ES6--对象的扩展
  • Mybatis初体验
  • Nacos系列:Nacos的Java SDK使用
  • nginx 配置多 域名 + 多 https
  • node.js
  • Phpstorm怎样批量删除空行?
  • 给Prometheus造假数据的方法
  • 后端_MYSQL
  • 简单实现一个textarea自适应高度
  • 蓝海存储开关机注意事项总结
  • 软件开发学习的5大技巧,你知道吗?
  • 数据仓库的几种建模方法
  • 一道面试题引发的“血案”
  • 掌握面试——弹出框的实现(一道题中包含布局/js设计模式)
  • 进程与线程(三)——进程/线程间通信
  • ​LeetCode解法汇总2583. 二叉树中的第 K 大层和
  • # Python csv、xlsx、json、二进制(MP3) 文件读写基本使用
  • (aiohttp-asyncio-FFmpeg-Docker-SRS)实现异步摄像头转码服务器
  • (C语言)二分查找 超详细
  • (Python第六天)文件处理
  • (搬运以学习)flask 上下文的实现
  • (二开)Flink 修改源码拓展 SQL 语法
  • (非本人原创)我们工作到底是为了什么?​——HP大中华区总裁孙振耀退休感言(r4笔记第60天)...
  • (附源码)springboot社区居家养老互助服务管理平台 毕业设计 062027
  • (附源码)计算机毕业设计ssm本地美食推荐平台
  • (附源码)计算机毕业设计ssm电影分享网站
  • (剑指Offer)面试题41:和为s的连续正数序列
  • (六)Hibernate的二级缓存
  • (一)Spring Cloud 直击微服务作用、架构应用、hystrix降级
  • (转)Oracle 9i 数据库设计指引全集(1)
  • (转)scrum常见工具列表
  • (转)四层和七层负载均衡的区别
  • (转)自己动手搭建Nginx+memcache+xdebug+php运行环境绿色版 For windows版
  • ./configure,make,make install的作用
  • .NET CORE 2.0发布后没有 VIEWS视图页面文件
  • .NET NPOI导出Excel详解
  • .net 发送邮件
  • /etc/fstab和/etc/mtab的区别
  • @LoadBalanced 和 @RefreshScope 同时使用,负载均衡失效分析