小程序已成为当下很火热的开发方式,它的普及程度越来越高。小程序作为一种新型应用,能够将pc和mobile端的优点集合在一起。小程序的最大优势在于它的轻量化,小程序不需要安装,也不需要卸载,可以在手机的任何一个角落打开,给用户带来更好的体验。
小程序表单是小程序里面的一种重要的数据录入方式,因为它能够把用户输入的真实数据存储到后端数据库上。而一般的前端工程师并不会mysql,所以在对小程序表单数据录入mysql方面很多人并不会,接下来我们就来看看小程序表单如何录入mysql。
wx.request({
url: 'http://www.example.com/api/add-info',
method: 'POST',
data: {
name: '小明',
age: 18,
school: '清华大学'
},
success: function (res) {
console.log(res)
}
})
上面的代码是小程序中和后端进行交互的基本请求格式。通过wx.request方法,我们可以将表单的信息发送到指定的后端服务器上,完成接下来的数据库存储操作。
在后端服务器中,利用Node.js的技术,可以完成如下的操作:
const express = require('express')
const bodyParser = require('body-parser')
const mysqlutil = require('../common/mysqlutil')
const app = express()
app.use(bodyParser.json())
app.use(bodyParser.urlencoded({extended: false}))
app.post('/api/add-info', function (req, res) {
const name = req.body.name
const age = req.body.age
const school = req.body.school
const values = [name, age, school]
const sql = 'INSERT INTO student(name, age, school) VALUES (?, ?, ?)'
mysqlutil.query(sql, values, function (err, result) {
if (err) {
console.error(err)
} else {
console.log(result)
}
})
res.send({
code: 0,
msg: 'success'
})
})
app.listen(3000, function () {
console.log('server running on port 3000')
})
在后端服务器中,我们使用了Node.js和mysqlutil来完成对mysql数据库的操作。我们通过使用body-parser模块,解析客户端通过post方法传递过来的数据,再将数据插入到mysql数据库中。
总结:小程序表单数据录入mysql是一项不可忽视的技术细节。通过wx.request方法可以将表单信息发送到服务器上,而使用Node.js和mysqlutil操作mysql数据库,可以实现数据的存储。实践中需要注意数据类型的对应,避免出现不必要的错误。