.微信小程序中form表单存入到mysql中,求利用腾讯云中的node.js实现代码 5C

客户端代码:
formSubmit: function (e) {
var that = this;
var formData = e.detail.value;

console.log(formData);

wx.request({
  url: config.service.dataReportUrl,
  data: formData,
  header: {
    'Content-Type': 'application/json'
  },
  success: function (res) {
    console.log(res.data)
    that.modalTap();
  }
})

},
服务器端代码不知道怎么写了
module.exports = ctx => {

.....

}

麻烦大神帮忙填一下空,谢谢!

1

2个回答

用sequelize吧,将你要存入数据库的form表单内容定义为模型,再用create方法创建新的实例,然后就保存到数据库中了。

0

var mysql = require('mysql');
var qs = require('querystring');

module.exports = ctx => {

var data = ctx.req.data;
var item = ctx.req.item;
var datePicker = ctx.req.datePicker;
var itemNum = ctx.req.itemNum;
console.log(data);
console.log(datePicker);
console.log(itemNum);

var connection = mysql.createConnection({
host: 'localhost',
user: 'root',
password: 'wxbdc64c8a4fdab7b2',
port: '3306',
database: 'cuiping',
});

connection.connect();

var addSql = 'INSERT INTO HatRecord(Id,Item,ItemNum,ReportDate) VALUES(0,?,?,?)';
var addSqlParams = [item, itemNum, datePicker];
//增
connection.query(addSql, addSqlParams, function (err, result) {
if (err) {
console.log('[INSERT ERROR] - ', err.message);
return;
}

console.log('--------------------------INSERT----------------------------');
//console.log('INSERT ID:',result.insertId); 
console.log('INSERT ID:', result);
console.log('-----------------------------------------------------------------\n\n');

});

connection.end();
}

我这样写行吗?怎么不能保存到数据库啊?

0
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
微信小程序中使用form表单
首先,我同事说微信小程序中不能使用form。what?他妈的逗我呢。那么多数据一个一个的赋值不麻烦么?怎么可能。只是自作做一下了。看了一下文档,就有form的组件,也给了案例。心中千万个..... 不多吐槽了,说一下步骤: 文档中的说明:当点击<form>表单中 form-type 为 submit 的<button>组件时,会将表单组件中的 value 值进行...
微信小程序form表单登录
1.首先是wxml文件布局设计 <!--pages/login/login.wxml--> <view class='page'> <form bindsubmit='formSubmit' bindreset='formReset' report-submit='true'> <view class='set1'> ...
微信小程序form表单的应用
选择类别: 爱情 事业 友情 责任 前途 我的姓名: 我的头衔: 介绍一下我自己: 需要支付: 提交 Page({ data: { height: 20, f
微信小程序--form表单消息推送
小程序实现向用户发推送消息,需要前端传formid给后台。后台便可以实现消息推送。那么formid怎么获取呢? formid 肯定是写在form表单中的,通过button按钮触发,一个简单的例子: <form bindsubmit="formSubmit" report-submit="true" > <button class='btnclass input-btn' ...
利用node.js 抓取小程序前端代码
利用node.js小程序来抓取小程序前端,购买后联系我QQ 1147456940
利用form表单实现小功能
1.限制文本框输入字数:例:限制最小为1000,最大为1000000; 代码实现:<input type="number" min="1000" max="10000000"/> 2.限制输入字符的长度/提示输入内容 代码: <input type="text" placeholder="输入名字不能超过九位" maxlength="9"> 3.表单实现显示隐藏内容。
微信小程序node.js框架
微信小程序node.js框架.下载之后需要按照官方文档进行调配即可看到效果
微信小程序开发——form表单
WeChat小程序交流(QQ群:769977169)效果图代码示例1、xxx.wxml&amp;lt;form bindsubmit='submitClick' bindreset='resetClick'&amp;gt; &amp;lt;switch name=&quot;status&quot; bindchange='switchClick'&amp;gt;{{switchTitle}}&amp;lt;/switch&amp;gt; &amp;lt;inp...
腾讯云中安装Mysql和部分基本命令
安装 腾讯云中安装常规软件,直接使用apt-get即可。安装步骤如下: $ sudo apt-get install mysql-client-core-5.6 $ sudo apt-get install mariadb-client-core-10.0 $ sudo apt-get install mysql-server 安装过程中会提示设置root密码 用如下命...
小程序中利用三目运算简化代码
虽然微信小程序提供给了wx:if,但是有时候可以使用三元运算去简化问题. 例如 &amp;lt;view class='{{activeIndex==1?&quot;active&quot;:&quot;&quot;}}'&amp;gt;&amp;lt;/view&amp;gt; 外面如果是单引号,那么里面在添加类的时候需要写为双引号以区分,反之亦然。 当然如果这里假的不是固定的字符串,而是一个变量,那么就不需要任何引号了。 同样在添加样式的时候,也可以这样 &amp;lt...
微信小程序利用picker实现时间选择器
这是一个利用微信小程序实现时间选择器的例子 希望大家可以喜欢 // pages/map/driverServer/driverServer.js const handler = require(&quot;../../../utils/function.js&quot;); Page({   /** * 页面的初始数据 */ data: { controls: [{ id: 1, icon...
微信小程序 利用组件实现星级
使用组件 iVew Weapp 新建文件夹 组件拷入   rate  引用的iview组件 rate/index.js Component({ externalClasses: ['i-class'], properties : { count : { type : Number, value...
MySQL在腾讯云中设置开启3306端口
django.db.utils.OperationalError: (2003, &quot;Can't connect to MySQL server on '118.24.95.20' ([Errno 111] Connection refused)&quot;)
微信小程序中实现地图导航
<map id="map" longitude="116.715790" latitude="23.362490" markers="{{markers}}" scale="18" style="width: 100%; height: 300px;" bindtap="click"> 以《微信小程序快速开发:视频指导版》第8章微网站中的地图为例,在map.wxml中增加bindtap="c
微信小程序中遮罩层的实现
近期在写一点小东西,碰到遮罩层,今天把它总结下来,方便大家共同学习:有好几种方法,今天先来第一种。准备工作:一张图片:close.png 一、方法1先上效果: 点击“核算”以后,遮罩层出现,同时conts(即面板)出现。再次点击“核算”或conts右上角的关闭按钮时,遮罩层消失,conts隐藏。 源码:wxml代码&amp;lt;view class=&quot;wrap&quot;&amp;gt; &amp;lt;!-----...
微信小程序 实现 加载中 效果
经常看到小程序里有加载中效果出来。其实敲简单鸭。记录一下 页面中代码: js里面: 等在初始化程序里你的请求数据返回后将loadingHidden改成true, 是不是超级简单鸭~~ ...
在微信小程序中实现进度条实例
微信文档有相关介绍https://mp.weixin.qq.com/debug/wxadoc/dev/component/progress.html 使用progress实现如下: 我们这个案例围绕这这个来实现,进入页面加载进度条; 在wxml模版中 percent:进度条显示百分比0~100 progress percent="{{progress}}" s
微信小程序中轮播图的实现
微信小程序中轮播图的实现 最近在使用WePY框架开发一款微信小程序,下面是记录的在首页中实现一个图片轮播功能的具体实现。 1.template中使用swiper标签。 &amp;lt;swiper class=&quot;swiper&quot; indicator-active-color=&quot;{{indicatorActiveColor}}&quot; indicator-dots=&quot;{{indicatorDots}}&quot; a...
微信小程序中实现微信支付
最近做小程序,涉及到微信支付,看了看微信小程序开发文档,尽管之前做过微信支付,还是有点懵逼,不过好在之前研究过,不然真的是无从下手。对比了一下发现,其实小程序中做支付比公众号支付要省事很多,因为不需要支付授权目录,也不需要授权域名,但是支付流程却比公众号多了一步,就是统一下单是预支付,然后需要对预支付的结果再次签名之后,才调起支付。前期准备:1.开通了微信支付,并且小程序绑定了微信支付;2.准备好...
微信小程序——在 video 中添加无广告腾讯视频
2019/3/15 更新 根据下载评论区老哥的评论,本方法可能已经被屏蔽。大家可以继续尝试本方法,但不推荐下载组件。 具体做法可以参考这位 https://blog.csdn.net/sd19871122/article/details/80431565 如过你不想写的话,我已经将它写成一个组件。点击以下链接前往下载。 https://download.csdn.net/do...
微信小程序中腾讯位置API使用
微信小程序中腾讯位置API使用 本例主要是针对于微信小程序的定位功能和获取周边的poi信息 准备工作 申请开发者密钥(key):申请密钥 开通webserviceAPI服务:控制台 -&gt; key管理 -&gt; 设置(使用该功能的key)-&gt; 勾选webserviceAPI -&gt; 保存 下载微信小程序JavaScriptSDK,微信小程序JavaScriptSDK v1.2...
微信小程序中的Page
微信小程序中的PagePage()定义在js文件中,Page() 函数用来注册一个页面。Page()函数接受一个 object 参数,其指定页面的初始数据、生命周期函数、事件处理函数等。object参数为:怎么理解Page()函数接受一个 object 参数??形如:Page({data,onLoad,onReady,...}),其中data,onLoad,onReady都是page的参数。举个例...
微信小程序中的启动过程
微信小程序中的启动过程小程序的启动小程序启动前,会加载代码到本地。通过读取全局app.json里的pages,就能知道你所有注册的页面。{ &quot;pages&quot;:[ &quot;pages/index/index&quot;, &quot;pages/logs/logs&quot; ] }如pages/index/index:表示第一页面所有内容在index下pages/index/logs:表示第二页面所有内容在lo...
微信小程序中的wx.request
在我们写微信小程序的时候,常常会用到wx.request发起请求的API.我们就了解一下wx.request。1.首先我们先了解一下wx.request是怎样写的。一般这个API是写在js文件中onLoad函数中,例如以下代码:onLoad: function (options) { // console.log(options.id); var url = &quot;https://w...
微信小程序中的渐变色
前言 更多内容,请访问我的 个人博客。 CSS3 渐变(gradients)可以在两个或多个指定的颜色之间显示平稳的过渡。 CSS3 定义了两种类型的渐变(gradients): 线性渐变(Linear Gradients)- 向下/向上/向左/向右/对角方向 径向渐变(Radial Gradients)- 由它们的中心定义 线性渐变 - 从上到下(默认情况下) .gradual{...
微信小程序中的eCharts
小程序中的eCharts
微信小程序中的JS
微信小程序中的JS作用:JS主要是用来做交互,比如:响应用户的点击、获取用户的位置等等。通过编写 JS 脚本文件来处理用户的操作。简单来说,WXML决定有什么内容,WXSS决定内容长什么样子,JS呢,决定了页面和用户操作的交互,体验好不好就看JS了。例如,页面中有个按钮,&amp;lt;view&amp;gt;{{ msg }}&amp;lt;/view&amp;gt; &amp;lt;button bindtap=&quot;clickMe&quot;&amp;...
微信小程序中的onLoad
微信小程序中的onLoad onLoad是一个生命周期函数,表示页面加载 onLoad默认有一个Object类型的参数,是指其他页面打开当前页面所调用的 query 参数 举个栗子~ 当我们在页面first的js脚本中有一个点击方法onTap 当点击时页面跳转到second页面,用?id = secondId的形式为second页面传递一个值(这里的secondId是一个已经获取
微信小程序中的弹出框
1.不带图标的信息提示 wx.showToast({ title: '弹出框', icon: 'none', duration: 2000 }) 2.带图标得提示:加载中、提示成功 显示 loading 提示框。需主动调用 wx.hideLoading 才能关闭提示框 wx.showLoading({ title: '加载中', }) setTimeout(functi...
微信小程序中微信支付
clickzhifu() { var that = this; wx.request({ url: that.data.url + '******', data: { user_id: that.data.user_id, order_id: that.data.order_id }, success...
微信小程序中分享
1.分享 onShareAppMessage: (res) =&gt; { if (res.from === 'button') { console.log("来自页面内转发按钮"); console.log(res.target); } else { console.log("来自右上角转发菜单") console.lo...
微信小程序中的跳转
小程序页面跳转失败的原因可能是: 1:检查你跳转的地址是否有误; 2:检查你要跳转的地址是否在app.js中注册过; 3:当你跳转的地址位于TabBar中时,要使用wx.switchTab来跳转页 接下来总结一下跳转的方法: 1.API跳转 wx.navigateTo({...}) wx.redirectTo({...}) wx.switchTab({...}) wx...
微信小程序中的setData
setData() 方法并不是一个同步的方法,而是一个异步的方法,所以当我们用 setData() 修改 data 中的值时,为了保证可以拿到修改之后的值,就可以在 setData() 的回调里面拿: data: { options: {} }, onload: function (options) { this.setData({ options: options ...
微信小程序中的图片处理
微信小程序中的图片处理 微信小程序中的用于向页面中插入图片。有两个重要的属性 1、src  要插入图片的资源地址 2、mode   图片裁剪、缩放的模式 下面仔细说一下mode属性 当我们不知道获取到图片的宽高或者需要对图片进行一些处理时,这个属性十分有用! mode属性为大家提供了4 种是缩放模式,9 种是裁剪模式。 缩放模式: (1)scaleToFill
微信小程序中的web-view
官网上关于web-view的解释: 一个页面只能有一个web-view,web-view打开时会覆盖其他组件 : 在没有任何设置当情况下: 开发工具会报错: 个人开发用户想要在开发工具中查看效果可以设置一下红色部分,默认不校验合法域名,但是android和ios无法预览效果,调试模式下也可以查看效果:   比较坑的一点是: 个人类型和海外类型的小程序暂不支持使用web-vie...
【微信小程序】微信小程序中WeUI的使用
首先来看下WeUI的介绍: WeUI 是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信内网页和微信小程序量身设计,令用户的使用感知更加统一。 在微信小程序的开发过程中,涉及到的前端复杂的样式界面的问题,就需要使用个UI框架,这样可以省去以后很多麻烦。WeUI作为一个开源的移动端UI框架,由于它是微信官方提供的对微信的兼容性没有太大问题,而且和各组件的样式和微信一样,能够很
【微信小程序】微信小程序中掉进的坑之一
分享做小程序过程中遇到的一些坑
微信小程序的实现
哪位大牛知道,如果已经有了前台,那么后台如何写?那位知道具体操作步骤及使用了何种技术?
Node.js微信小程序商城nideshop源码下载
高仿网易严选的微信小程序商城界面高仿网易严选商城(主要是2016年wap版)测试数据采集自网易严选商城服务端api基于Node.js+ThinkJS+MySQL安装文档和github地址:https://github.com/tumobi/nideshop-mini-program
微信小程序 Node.js (基础四) 事件循环
Node.js 是单进程单线程应用程序,但是通过事件和回调支持并发,所以性能非常高。 Node.js 的每一个 API 都是异步的,并作为一个独立线程运行,使用异步函数调用,并处理并发。 Node.js 基本上所有的事件机制都是用设计模式中观察者模式实现。 Node.js 单线程类似进入一个while(true)的事件循环,直到没有事件观察者退出,每个异步事件都生成一个事件观察者,如果有事件发生就调