首页
所有分类
TAGS
文字工具 EMOJI BIBLE
编程 Javascript

node使用Koa2搭建web项目的方法

Posted in Javascript onOctober 17, 2017

随着Node.js的日益火热，各种框架开始层出不穷的涌现出来，Node.js也开始逐渐的被应用到处理服务端请求的场景中。搭建Web项目的框架也随之开始出现——express、koa、koa2、egg等，当然要了解其好坏还是要自己去啃源码的。本文将不会涉及到源码，只是带领初学者简单了解下Koa2的基本使用，欢迎大家在评论中互相交流学习。

注意：koa2使用了ES7的语法，所以使用时请升级Node版本到最新。了解更详细的源码信息可以到git上的koajs/koa去了解

1. 项目目录结构

node使用Koa2搭建web项目的方法

2. 代码逻辑解析

2.1. 包结构文件

[package.json]

{
 "name": "weixin-node-koa",
 "version": "1.0.0",
 "description": "node.js with koa2",
 "private": true,
 "dependencies": {
  "koa": "^2.0.0",
  "koa-router": "^7.0.0",
  "mysql":"2.13.0"
 },
 "scripts": {
  "start": "node app.js"
 },
 "engines": {
  "node": ">=6.0.0"
 },
 "author": "Fly",
 "license": "CENTERM"
}

2.2. 启动入口文件

[app.js]

const Koa = require('koa');
const app = new Koa();
const router2controller = require('./app/router2controller.js');
const config = require('./config/config.local.js');

app.use(router2controller());
app.listen(config.port);
console.log("Server started and listen on port " + config.port);

如果请求的报文体是XML格式，可以添加下面的代码自动解析报文（注意引用koa-xxx的版本要与koa2对应）

const Koa = require('koa');
const app = new Koa();
const router2controller = require('./app/router2controller.js');
const config = require('./config/config.local.js');

//start接收到的xml数据请求单独解析存储
const xmlParser = require('koa-xml-body');
app.use(xmlParser()).use((ctx,next) => {
  ctx.data = ctx.request.body;
  return next();
});
//end

app.use(router2controller());
app.listen(config.port);
console.log("Server started and listen on port " + config.port);

从代码看到引入了一个router2controller.js的文件，这个文件是完成前端请求到具体处理方法的路由过程

2.3. 路由器文件

[router2controller.js]

该类将会自动扫描controller文件夹中的文件来加载请求映射，不需要挨个请求单独配置

koa-router原生提供方法如下：

router
 .get('/', async (ctx,next) => {
  this.body = 'Hello World!';
 })
 .post('/users', async (ctx,next) => {
  //TODO
 })
 .put('/users/:id', async (ctx,next) => {
  //TODO
 })
 .del('/users/:id', async (ctx,next) => {
  //TODO
 });

自动扫描controller包实现方法如下

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

function addMapping(router, mapping) {
  for (var url in mapping) {
    if (url.startsWith('GET ')) {
      var path = url.substring(4);
      router.get(path, mapping[url]);
      console.log(`register URL mapping: GET ${path}`);
    } else if (url.startsWith('POST ')) {
      var path = url.substring(5);
      router.post(path, mapping[url]);
      console.log(`register URL mapping: POST ${path}`);
    } else if (url.startsWith('PUT ')) {
      var path = url.substring(4);
      router.put(path, mapping[url]);
      console.log(`register URL mapping: PUT ${path}`);
    } else if (url.startsWith('DELETE ')) {
      var path = url.substring(7);
      router.del(path, mapping[url]);
      console.log(`register URL mapping: DELETE ${path}`);
    } else {
      console.log(`invalid URL: ${url}`);
    }
  }
}

function addControllers(router, dir) {
  fs.readdirSync(__dirname + '/' + dir).filter((f) => {
    return f.endsWith('.js');
  }).forEach((f) => {
    console.log(`process controller: ${f}...`);
    let mapping = require(__dirname + '/' + dir + '/' + f);
    addMapping(router, mapping);
  });
}

module.exports = function (dir) {
  var controllersDir = dir || 'controller';
  addControllers(router, controllersDir);
  return router.routes();
};

2.4. 控制器

[userController.js]

***Controller.js是用来处理具体请求信息以及返回数据的，userController.js中处理了GET请求获取用户信息，POST请求保存用户信息

const userService = require('./../service/userService.js');

var getUserinfo = (ctx, next) => {
  let query = ctx.query;
  let userId = query.id;
  let userInfo = userService.getUserById(userId);

  let html = '<html><body>'
    + '<div> userinfo: ' + userInfo + '</div>'
    + '</body></html>';
  ctx.response.type ='text/html';
  ctx.response.body = html;
};

var saveUserinfo = (ctx, next) => {
  const requestString = ctx.data;
  //TODO数据处理
  Console.log(requestString);
};

module.exports = {
  'GET /getUserinfo': getUserinfo,
  'POST /saveUserinfo': saveUserinfo
};

2.5. 数据处理

[userService.js]

处理封装从***Dao.js获取到的数据返回给Controller

const userDao = require('./../dao/userDao.js');

var getUserById = async (userId) => {
  var users = userDao.getUserById(userId);
  var responseContent = '';
  for(let user of users) {
    reaponseContent += '姓名：' + user.name + ' |';
    reaponseContent += '年龄：' + user.age + ' |';
    reaponseContent += '身高：' + user.height + '<br />';
  }
  return responseContent;
}

module.exports = {
  getUserById : getUserById
};

2.6. 数据获取

[userDao.js]

通过请求传入参数来获取user数据

const mysql = require('./../utils/mysqlUtil.js');

var getUserById = async (userId) => {
  let mysqlOptions = {
    sql : 'select * from table_user where user_id = ?',
    args : [userId]
  };

  var users = await mysql.execQuery(mysqlOptions);
  if(users.length == 0) {
    return null;
  } else {
    return users;
  }
};

module.exports = {
  getUserById : getUserById
};

2.7. 数据库操作

[mysqlUtil.js]

包含了数据库连接池控制，连接建立、释放管理，执行Dao发起的数据库操作请求

const mysql = require('mysql');
const config = require('./../../config/config.local.js');

var connectionPool = mysql.createPool({
  'host' : config.database.host,
  'port':config.database.port,
  'user' : config.database.user,
  'password' : config.database.password,
  'database' : config.database.database,
  'charset': config.database.charset,
  'connectionLimit': config.database.connectionLimit,
  'supportBigNumbers': true,
  'bigNumberStrings': true
});

var release = connection => {
  connection.end(function(error) {
    if(error) {
      console.log('Connection closed failed.');
    } else {
      console.log('Connection closed succeeded.');
    }
  });
};

var execQuery = sqlOptions => {
  var results = new Promise((resolve, reject) => {
      connectionPool.getConnection((error,connection) => {
      if(error) {
        console.log("Get connection from mysql pool failed !");
        throw error;
      }

      var sql = sqlOptions['sql'];
      var args = sqlOptions['args'];

      if(!args) {
        var query = connection.query(sql, (error, results) => {
          if(error) {
            console.log('Execute query error !');
            throw error;
          }

          resolve(results);
        });
      } else {
        var query = connection.query(sql, args, function(error, results) {
          if(error) {
            console.log('Execute query error !');
            throw error;
          }

          resolve(results);
        });
      }

      connection.release(function(error) {
        if(error) {
          console.log('Mysql connection close failed !');
          throw error;
        }
      });
    });
  }).then(function (chunk) {
    return chunk;
  });

  return results;
};

module.exports = {
  release : release,
  execQuery : execQuery
}

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持三水点靠木。

node使用Koa2搭建web项目的方法

- Author -

爱清清

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐
你必须知道的JavaScript 变量命名规则详解
May 07 Javascript
JS组件系列之Bootstrap Icon图标选择组件
Jan 28 Javascript
Bootstrap被封装的弹层
Jul 20 Javascript
ECMAScript6轮播图实践知识总结
Aug 17 Javascript
jQuery实现 RadioButton做必选校验功能
Jun 15 jQuery
vue利用axios来完成数据的交互
Mar 23 Javascript
vue.js打包之后可能会遇到的坑！
Jun 03 Javascript
WebGL学习教程之Three.js学习笔记(第一篇)
Apr 25 Javascript
基于vue+axios+lrz.js微信端图片压缩上传方法
Jun 25 Javascript
Nuxt v-bind绑定img src不显示的解决
Dec 05 Javascript
vue实现前端分页完整代码
Jun 17 Javascript
canvas绘制折线路径动画实现
May 12 Javascript
Node 自动化部署的方法
Oct 17 #Javascript
利用JS实现scroll自定义滚动效果详解
Oct 17 #Javascript
jquery实现图片跟随鼠标的实例
Oct 17 #jQuery
vue获取input输入值的问题解决办法
Oct 17 #Javascript
node.js 用socket实现聊天的示例代码
Oct 17 #Javascript
Bootstrap图片轮播效果详解
Oct 17 #Javascript
vue组件之Alert的实现代码
Oct 17 #Javascript
波兰购物网站(52) 卡塔尔购物网站(3) 奥地利购物网站(28) 智利购物网站(5) 捷克购物网站(26) 斯洛伐克购物网站(7) 新西兰购物网站(42) 阿联酋购物网站(26) 沙特阿拉伯购物网站(9) 菲律宾购物网站(13)
You might like
一个简易需要注册的留言版程序
2006/10/09 PHP
PHP仿盗链代码
2012/06/03 PHP
解析Win7 XAMPP apache无法启动的问题
2013/06/26 PHP
PHP5中GD库生成图形验证码(有汉字)
2013/07/28 PHP
php cli模式下获取参数的方法
2017/05/05 PHP
用js实现控制内容的向上向下滚动效果
2007/06/26 Javascript
Prototype RegExp对象 学习
2009/07/19 Javascript
js数组的操作详解
2013/03/27 Javascript
原生javascript实现图片无缝滚动效果
2016/02/12 Javascript
jQuery Html控件基本操作(日常收集整理)
2016/03/11 Javascript
jQuery插件扩展extend的简单实现原理
2016/06/24 Javascript
Angular.js去除页面中显示的空行方法示例
2017/03/30 Javascript
Vue.js如何优雅的进行form validation
2017/04/07 Javascript
深入理解javascript prototype的相关知识
2019/09/19 Javascript
一文读懂vue动态属性数据绑定（v-bind指令）
2020/07/20 Javascript
Vue中nprogress页面加载进度条的方法实现
2020/11/13 Javascript
[01:02:55]CHAOS vs Mineski 2019国际邀请赛小组赛 BO2 第二场 8.16
2019/08/18 DOTA
python基于itchat实现微信群消息同步机器人
2017/02/27 Python
Python实现返回数组中第i小元素的方法示例
2017/12/04 Python
python3+requests接口自动化session操作方法
2018/10/13 Python
Python3内置模块之json编解码方法小结【推荐】
2020/12/09 Python
通过实例解析python and和or使用方法
2020/11/14 Python
python实现杨辉三角的几种方法代码实例
2021/03/02 Python
css3中transition属性详解
2014/09/02 HTML / CSS
Html5百叶窗效果的示例代码
2017/12/11 HTML / CSS
英国袜子店：Sock Shop
2017/01/11 全球购物
LN-CC美国：伦敦时尚生活的缩影
2019/02/19 全球购物
当文件系统受到破坏时，如何检查和修复系统？
2012/03/09 面试题
教师申诉制度
2014/01/29 职场文书
2014领导班子四风剖析对照检查材料思想汇报
2014/09/20 职场文书
住宿生擅自离校检讨书
2014/09/22 职场文书
湖南省召开党的群众路线教育实践活动总结大会报告
2014/10/21 职场文书
2014年科协工作总结
2014/12/09 职场文书
求职简历自我评价怎么写
2015/03/10 职场文书
php 解析非标准json、非规范json
2021/04/01 PHP
如何正确理解python装饰器
2021/06/15 Python