wafer2的几个简单示例
如何快速新建路由
服务端 Demo 采用 Koa.js 框架编写,腾讯云基于 Koa 对上层进行一个简单的封装,方便你快速的添加新建路由
只需要在 controllers
目录下新建一个文件,例如为 demo.js
,写入如下代码:
module.exports = function (ctx, next) {
ctx.state.data = { msg: 'Hello World' }
}
保存之后,接着在 routes/index.js
的 module.exports = router
之前添加如下路由并保存:
router.get('/demo', controllers.demo)
接着点击右上角的“腾讯云”按钮,选择“上传测试代码”,勾选“智能上传”,点击确定即可上传并部署代码,等到提示开发环境部署成功了之后,打开浏览器,访问 https://腾讯云分配的域名/weapp/demo
,即可看到刚刚编写的返回,是一个 JSON 字符串:
{"code":0,"data":{"msg":"Hello World"}}
如何使用服务端 SDK 连接和操作数据库
服务端 SDK 还暴露出了内部使用的 MySQL 连接,由于 SDK 内部使用 Knex.js 连接数据库,SDK 暴露的 MySQL 实例就是 Knex.js 连接实例,具体使用方法可以查看 Knex.js 文档:
const { mysql } = qcloud mysql('db_name').select('*').where({ id: 1 }) // => { id:1, name: 'leo', age: 20 }
数据库增删改查
腾讯云SDK是用Knex操作MySQL的,它已经帮我们配置了一个knex的实例,包括在config.js里填写的用户名,密码等,所以这个实例可以引用出来直接用。因为腾讯云没给操作数据库的demo,所以我自己试了一下。
我的思路是:客户端post请求(包含了数据),经过服务端路由,然后用这个Knex实例操作数据库,最后返回结果。
服务端
添加路由
首先,在/server/routes/index.js中新添4行:
router.post('/mysql/insert', controllers.database.insertRecord); //增添
router.post('/mysql/delete', controllers.database.deleteRecord); //删除
router.post('/mysql/update', controllers.database.updateRecord); //更新
router.post('/mysql/select', controllers.database.selectRecord); //查询
添加增删改查函数
首先取得Knex实例的引用:
const { mysql } = require('../qcloud.js');
然后定义4个函数,分别对应增、删、改、查,并将它们导出。这些函数是异步函数,要使用async
/await
关键字,因为使用数据库是耗时操作。
const tableName = 'demo';
const keyField = 'myKey';
const valueField = 'myValue'; async function insertRecord(ctx) { ... }
async function deleteRecord(ctx) { ... }
async function updateRecord(ctx) { ... }
async function selectRecord(ctx) { ... } module.exports = {
insertRecord,
deleteRecord,
updateRecord,
selectRecord,
};
比如,function insertRecord(ctx)
是这么写的:
async function insertRecord(ctx) {
var obj = ctx.request.body;
// 查询是否键重复
await mysql(tableName)
.select()
.where(JSON.parse(`{"${keyField}":"${obj.key}"}`))
.then(async function(res) {
// 插入记录
if(!res.length) {
await mysql(tableName)
.insert(JSON.parse(`{"${keyField}":"${obj.key}","${valueField}":"${obj.value}"}`))
.then(function(res) {
ctx.state.data = {
code: 0,
message: "ok",
};
});
}
// 查询得知已有该键
else {
ctx.state.data = {
code: 1,
message: "key already exists",
}
}
})
}
这里核心是Knex的query builder,也就是用insert()
,delete()
,update()
,select()
,where()
等函数构造出完整的MySQL语句。这些链式调用返回JavaScript的Promise
,最后用.then(success, fail)
结尾,两个参数分别是Promise
被解决(resolve)或拒绝(reject)的回调函数。
Koa中间件支持async
/await
。所以最好用async
关键词,然后在数据库操作前写上await
。我试过,如果不写的话,会出现客户端收不到响应,
删、改和查也都是类似的。
客户端
setCloudStorage: function() {
var key = this.dbtest.keyInput1;
var data = this.dbtest.dataInput1;
var obj = {
key: key,
value: data,
};
qcloud.request({
url: `${config.service.host}/weapp/mysql/insert`,
method: "POST",
data: obj,
login: false,
success(result) {
console.log(result.data.data);
if(result.data.data.code == 0)
util.showSuccess('请求成功');
else
util.showModel('数据库操作失败', result.data.data.message);
},
fail(error) {
util.showModel('请求失败', error);
},
});
}
这个qcloud
是从SDK引出来的。qcloud.request()
是wx.request()
的一个封装,差不多的。主要是要设置好正确的URL,选择用POST还是GET方法,然后把数据塞进去,然后设置一下成功和失败之后的回调函数。
另外第11行的data
必须是个Object,字符串试了一下不行。
删、改和查也都是类似的。
参考链接:
1. https://blog.majinyu.xyz/index.php/weapp/operate-mysql-with-wafer2/
wafer2的几个简单示例的更多相关文章
- Linux下的C Socket编程 -- server端的简单示例
Linux下的C Socket编程(三) server端的简单示例 经过前面的client端的学习,我们已经知道了如何创建socket,所以接下来就是去绑定他到具体的一个端口上面去. 绑定socket ...
- C# 构建XML(简单示例)
C# 构建XML的简单示例: var pars = new Dictionary<string, string> { {"url","https://www. ...
- 根据juery CSS点击一个标签弹出一个遮罩层的简单示例
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <m ...
- ACEXML解析XML文件——简单示例程序
掌握了ACMXML库解析XML文件的方法后,下面来实现一个比较完整的程序. 定义基本结构 xml文件格式如下 <?xml version="1.0"?> <roo ...
- demo工程的清单文件及activity中api代码简单示例
第一步注册一个账户,并创建一个应用.获取app ID与 app Key. 第二步下载sdk 第三步新建工程,修改清单文件,导入相关的sdk文件及调用相应的api搞定. 3.1 修改清单文件,主要是加入 ...
- spring-servlet.xml简单示例
spring-servlet.xml简单示例 某个项目中的spring-servlet.xml 记下来以后研究用 <!-- springMVC简单配置 --> <?xml versi ...
- SignalR 简单示例
一.什么是 SignalR ASP.NET SignalR is a library for ASP.NET developers that simplifies the process of add ...
- Web API 简单示例
一.RESTful和Web API Representational State Transfer (REST) is a software architecture style consisting ...
- XML引入多scheme文件约束简单示例
XML引入多scheme文件约束简单示例,用company.xsd和department.xsd来约束company.xml: company.xsd <?xml version="1 ...
随机推荐
- acwing 60. 礼物的最大价值
地址 https://www.acwing.com/problem/content/56/ 在一个m×n的棋盘的每一格都放有一个礼物,每个礼物都有一定的价值(价值大于0). 你可以从棋盘的左上角开始拿 ...
- 04. Go 语言流程控制
Go 语言流程控制 流程控制是每种编程语言控制逻辑走向和执行次序的重要部分,流程控制可以说是一门语言的"经脉". Go 语言的常用流程控制有 if 和 for,而 switch 和 ...
- Centos7升级gcc极简教程
centos7默认gcc版本为4.8,一般不满足编译需求,因此升级gcc版本为常见操作: 现有博客中,大多数教程都是基于源码重新编译安装:但是源码编译过程等待时间很长且编译麻烦. 因此,直接基于命令升 ...
- luogu5823 课表的排列
题目链接 problem 构造一个长度为\(2n\)的数列.满足: 1.[1,n]中每个数字恰好出现两次. 2.将所有相同数字之间相隔的数字个数排序后,得到公差为1的等差数列. 保证n为奇数. sol ...
- 使用Runtime自定义KVO,原理浅析
一.介绍 什么是KVO?全称key-value-observer,键值观察,观察者设计模式的另一种实现.其作用是通过观察者监听属性值的变化而做出函数回调. 二.原理 KVO基于Runtime机制实现, ...
- 重载&重写的区别
重载(Overload) 1.重载(Overload)是让类以统一的方式处理不同类型数据的一种手段.多个同名函数同时存在,具有不同的参数个数/类型. 2.重载(Overload)是一个类中多态性的一种 ...
- python之面向对象设计、编程
面向对象 一.编程三个范式 1.面向过程编程 2.函数式编程 数学层面的函数 python中的函数编程 3.面向对象编程 二.面向对象设计 1.类:把一类事物共同的特征和共同的动作整合在一起就是类: ...
- Mac下如何复制webp图片
将 WebP 格式图片拖到 Chrome 浏览器标签栏中(浏览器是肯定支持查看的,而且是 Google 自家的),这个时候图片是能够正常查看的.我们右键选中图片,选择「复制图片」. 打开 macO ...
- 解决HttpServletRequest的输入流只能读取一次的问题
背景 通常对安全性有要求的接口都会对请求参数做一些签名验证,而我们一般会把验签的逻辑统一放到过滤器或拦截器里,这样就不用每个接口都去重复编写验签的逻辑. 在一个项目中会有很多的接口,而不同的接口可能接 ...
- java高并发系列 - 第3天:有关并行的两个重要定律
有关为什么要使用并行程序的问题前面已经进行了简单的探讨.总的来说,最重要的应该是处于两个目的. 第一,为了获得更好的性能: 第二,由于业务模型的需要,确实需要多个执行实体. 在这里,我将更加关注第一种 ...