搭建本地服务器

使用node.js（要安装node.js）搭建本地HTTP服务器，在小程序所在目录创建web目录
，并在web目录下打开CMD，初始化项目

npm init -y

然后安装express框架

npm install express --save

安装nodemon监控文件

npm install nodemon -g

在web目录下新建index.js文件，编写代码如下：

const express=require('express');
const bodyParser=require('body-parser');
const app=express();
app.use(bodyParser.json());
//处理post请求
app.post('/',(req,res)=>{console.log(req.body);res.json(req.body);
});
//服务器内的初始数据
var data={name:'张三',gender:[{name:'男',value:'0',checked:false},{name:'女',value:'1',checked:false},],skills:[{name:'HTML',value:'html',checked:false},{name:'CSS',value:'cs',checked:false},{name:'JavaScript',value:'js',checked:false},{name:'PS',value:'ps',checked:false},],opinion:'测试',};
app.get('/',(req,res)=>{res.json(data);});
//监听3000端口
app.listen(3000,()=>{console.log('server running at http://127.0.0.1:3000');
});

最后使用cmd启动服务器

nodemon index.js

看到server running at http://127.0.0.1:3000，表示启动成功。

新建小程序

（可以自己添加页面，也可以在小程序中的index目录下编写）

创建新的页面check
在check.wxml文件里编写问卷调查表单

<view class="container"><form bindsubmit="submit"><view><text>姓名：</text><input name="name" value="{{name}}"/></view><view><text>性别：</text><radio-group name="gender"> <label wx:for="{{gender}}" wx:key="value"><radio value="{{item.value}}" checked="{{item.checked}}">{{item.name}}</radio></label></radio-group></view><view><text>专业技能：</text><checkbox-group name="skills"><label wx:for="{{skills}}" wx:key="value"><checkbox value="{{item.value}}" checked="{{item.checked}}">{{item.name}}</checkbox></label></checkbox-group></view><view><text>您的意见：</text><textarea name="opinion" value="{{opinion}}"></textarea></view><button form-type="submit">提交</button></form>
</view>

在check.js文件下编写js代码

 data: {name:'张三',gender:[{name:'男',value:'0',checked:false},{name:'女',value:'1',checked:false},],skills:[{name:'HTML',value:'html',checked:false},{name:'CSS',value:'cs',checked:false},{name:'JavaScript',value:'js',checked:false},{name:'PS',value:'ps',checked:false},],opinion:'测试',},/*** 提交事件*/submit:function(e){wx.request({url: 'http://127.0.0.1:3000/',method:'POST',data:e.detail.value,success:function(res){console.log(res)}})}, /*** 生命周期函数--监听页面加载（获取服务器中的初始表单）*/onLoad: function (options) {var that=thiswx.request({url: 'http://127.0.0.1:3000/',success:function(res){that.setData(res.data)}})},