微信小程序开发案例二调查问卷

第一步：主界面代码

<view >
<form bindsubmit="submit"><view>
<text>姓名：</text>
<input name="张三" value = "张三"/>
</view><view>
<text>性别：</text><radio-group name="gender">
<label ><radio value="0" checked>男</radio></label>
<label ><radio value="1" >女</radio></label>
</radio-group>
</view><view>
<text>专业技能</text>
<checkbox-group name = "skills">
<label > <checkbox value="html" checked>HTML</checkbox></label>
<label > <checkbox value="css" >CSS</checkbox></label>
<label > <checkbox value="js" >JS</checkbox></label>
<label > <checkbox value="ps" >PS</checkbox></label>
</checkbox-group>
</view>
<view>
<text>您的意见</text>
<textarea name="opinion" value="测试"></textarea>
</view>
<button form-type="submit">提交</button>
</form></view>

**第二步：css样式修改

`/**index.wxss**/
.container{margin: 50prx;
}
view{margin-bottom: 30rpx;
}
input{width: 600rpx; margin-top: 10rpx;border-bottom: 2rpx solid #ccc;
}
label{display: inline;margin: 8rpx;
}
textarea{width: 600rpx;height: 100rpx;margin-top: 10rpx;border: 2rpx solid #eee;
}`

第三步：安装环境
先安装node.js
node.js官网
进入官网安装稳定版本
安装完毕后在同一级创建一个空文件夹最好都用英文文件夹名
打开新文件夹
打开命令提示符cmd 地址找到新建的文件夹

输入 npm init -y
再输入 npm install express --save
用完之后不要关
会创建好如图一个文件夹一个json文件

然后再这个文件夹内创建一个index.js文件用记事本打开输入内容

const express = require('express')
const bodyParser = require('body-parser')
const app = express()
app.use(bodyParser.json())
//处理POSE请求
app.post('/',(req,res) =>{console.log(req.body)res.json(req.body)
})
//监听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即为成功

然后回到微信小程序点击提交按钮打开cmd框回车
出现以下图示即为成功项目完成

微信小程序开发案例二调查问卷相关推荐

微信小程序开发笔记二（WXSS和CSS样式美化）
微信小程序开发笔记二(WXSS和CSS样式美化) 一.CSS基本知识 1.Class选择器的定义 2.ID选择器的定义 3.ID选择器和class选择器的区别 4.CSS中设置颜色 5.CSS中的文本 ...
微信小程序开发系列二：微信小程序的视图设计
大家如果跟着我第一篇文章微信小程序开发系列一:微信小程序的申请和开发环境的搭建一起动手,那么微信小程序的开发环境一定搭好了.效果就是能把该小程序的体验版以二维码的方式发送给其他朋友使用. 这个系列 ...
WordPress版微信小程序开发系列(二):安装使用问答
自WordPress版微信小程序发布开源以来,受关注的程度超过我原来的想象.这套程序主要面对的用户是wordpress网站的站长,如果wordpress站想在微信的生态圈得到推广,小程序成为一种重要的 ...
Python+微信小程序开发（二）代码构成和宿主环境
一.小程序代码构成在上一篇文章中,我们通过开发者工具载入模板快速创建了一个QuickStart项目.这个项目里边生成了不同类型的文件: .json 后缀的 JSON 配置文件 .wxml 后缀的 ...
现学现卖微信小程序开发（二）
现学现卖微信小程序开发(一) 现学现卖微信小程序开发(三):引入Rx,为小程序插上翅膀一个Todo应用的小程序版好的,那么下一步我们就先照猫画虎,新建一个todos文件夹,然后一套四样同名文件准备 ...
微信小程序开发系列 (二) ：微信小程序的单步调试和控制器实现步骤概述
笔者由于工作需要,曾经参加过一个微信小程序同 SAP 系统集成的项目,因此从零开始学习了微信小程序的开发知识.这里通过系列文章把自己所学分享出来,希望对相关学习者有所帮助. 本系列的前一篇文章:微信小 ...
从零开始 | 原生微信小程序开发（二）
!打好最基础的部分,为后期的项目做好准备 ** 学习注册App函数和Page函数 ** 认识一些常见组件,其余组件使用时查找文档 ** 对于wxss和css,两种区分好 App函数.Page函数 1. ...
微信小程序开发案例分享-必背诗：从0到1，从前端到数据库
序大概在2018年8月份,突发的一个想法就是接触下微信小程序来练练手,虽说这个时间点微信小程序已经很火了,但想想古人说的话:"整就中咧,干就完啦".所以还是坚持走一遍,建一个自己 ...
手把手教你进行微信小程序开发案例1---计算器
由于之前的文章中已经教会了大家如何注册自己的一个微信小程序,并且利用微信开发工具进行小程序的开发,所以这里不再介绍如何下载工具和注册账号,不懂的小伙伴们可以观看我之前发过的教程哦. #####下面我将 ...

微信小程序开发案例二调查问卷

微信小程序开发案例二调查问卷相关推荐

最新文章

热门文章

微信小程序开发 案例二 调查问卷

微信小程序开发 案例二 调查问卷相关推荐

最新文章

热门文章

微信小程序开发案例二调查问卷

微信小程序开发案例二调查问卷相关推荐