微信小程序 教学质量问卷调查 小程序实现

界面


功能描述

1.在首页获得openid后,填写按钮生效
2.当未在填写页面提交数据时,在我的页面会提示先去填写
3.对于必选选择题,未填写会提示并不提交数据
4.当填写页面提交数据后,不可再次填写,可以在我的页面进行修改
5.当填写页面提交数据后,我的页面会展示出曾经的填写数据,可以多次修改

代码下载

gitee:https://gitee.com/Liu-Nvqing/questionnaire
坚果云:https://www.jianguoyun.com/p/DeDnpNwQzv6wChje27ME

代码(有点多就放主要代码)

<view class="title">
<image src="https://ae01.alicdn.com/kf/Hae03e05519a54df08fd8af0a946ada79t.png"></image>
</view>
<view class="content">
<text style="font-family:DFKai-SB;font-size:30rpx;">亲爱的同学:\n </text>
<text decode="{{true}}" style="font-family:DFKai-SB;font-size:30rpx;">&ensp;&ensp;您好!为了了解本校软件学院学生对学校教学质量的满意度,我们特开展这次调查活动,搜集同学们的意见和建议,以提供我们改进的方向。本问卷采取不记名方式,请您放心填答。\n </text>
<text style="font-family:DFKai-SB;font-size:30rpx;color:#f4b13c;">填写说明:"*"号为必填项,谢谢!\n</text><view class='list-msg2' bindtap='bindSex' ><text value="{{sex}}">{{sex}}</text><image style='height:20rpx;width:20rpx;' src='/icon/choose.png'></image></view><view class="select_box" wx:if="{{select_sex}}" name="sex"><view class="select_one" bindtap="sexSelect" data-name="男" value="男">男</view><view class="select_one" bindtap="sexSelect" data-name="女" value="女">女</view></view><view class='list-msg2' bindtap='bindGrade'><text value="{{grade}}">{{grade}}</text><image style='height:20rpx;width:20rpx;' src='/icon/choose.png'></image></view><view class="select_box" wx:if="{{select_grade}}"  name="grade"><view class="select_one" bindtap="gradeSelect" data-name="大一" value="大一">大一</view><view class="select_one" bindtap="gradeSelect" data-name="大二" value="大二">大二</view><view class="select_one" bindtap="gradeSelect" data-name="大三" value="大三">大三</view></view><view class='list-msg2' bindtap='bindSpeciality'><text value="{{speciality}}">{{speciality}}</text><image style='height:20rpx;width:20rpx;' src='/icon/choose.png'></image></view><view class="select_box" wx:if="{{select_speciality}}"  name="speciality"><view class="select_one" bindtap="specialitySelect" data-name="软件开发" value="软件开发">软件开发</view><view class="select_one" bindtap="specialitySelect" data-name="企业信息化管理" value="企业信息化管理">企业信息化管理</view><view class="select_one" bindtap="specialitySelect" data-name="移动互联网开发" value="移动互联网开发">移动互联网开发</view><view class="select_one" bindtap="specialitySelect" data-name="网站建设" value="网站建设">网站建设</view><view class="select_one" bindtap="specialitySelect" data-name="网络规划与设计" value="网络规划与设计">网络规划与设计</view><view class="select_one" bindtap="specialitySelect" data-name="云应用开发与管理" value="云应用开发与管理">云应用开发与管理</view></view>
<view class="sChoice"><radio-group  bindchange='radioChange' wx:for="{{qnaire}}" wx:key="id" data-radioId="{{item.id}}" name="radio-group">  <view class='question'>{{item.question}}</view><view class='radio-group'><label class='radio'><radio value="a" color='#3ecdb5' />{{item.option.a}}</label><label class='radio' ><radio value="b" color='#3ecdb5' />{{item.option.b}}</label><label class='radio'><radio value="c" color='#3ecdb5' />{{item.option.c}}</label></view></radio-group></view><view class="mChoice"><view class='question'>*7. 以下方法你觉得哪些可以提高教学质量[多选]</view><checkbox-group bindchange="handleItemChange" class='radio-group'><checkbox value="{{item.value}}" wx:for="{{qnaire_m}}" wx:key="id" class='radio' >{{item.name}}</checkbox></checkbox-group></view><button bindtap="submit">提交</button>
</view>
<view class="title">
<image src="https://ae01.alicdn.com/kf/Hae03e05519a54df08fd8af0a946ada79t.png"></image>
</view>
<view class="content">
<text style="font-family:DFKai-SB;font-size:30rpx;">亲爱的同学:\n </text>
<text decode="{{true}}" style="font-family:DFKai-SB;font-size:30rpx;">&ensp;&ensp;您好!为了了解本校软件学院学生对学校教学质量的满意度,我们特开展这次调查活动,搜集同学们的意见和建议,以提供我们改进的方向。本问卷采取不记名方式,请您放心填答。\n </text>
<text style="font-family:DFKai-SB;font-size:30rpx;color:#f4b13c;">填写说明:"*"号为必填项,谢谢!\n</text><view class='list-msg2' bindtap='bindSex' ><text value="{{sex}}">{{sex}}</text><image style='height:20rpx;width:20rpx;' src='/icon/choose.png'></image></view><view class="select_box" wx:if="{{select_sex}}" name="sex"><view class="select_one" bindtap="sexSelect" data-name="男" value="男">男</view><view class="select_one" bindtap="sexSelect" data-name="女" value="女">女</view></view><view class='list-msg2' bindtap='bindGrade'><text value="{{grade}}">{{grade}}</text><image style='height:20rpx;width:20rpx;' src='/icon/choose.png'></image></view><view class="select_box" wx:if="{{select_grade}}"  name="grade"><view class="select_one" bindtap="gradeSelect" data-name="大一" value="大一">大一</view><view class="select_one" bindtap="gradeSelect" data-name="大二" value="大二">大二</view><view class="select_one" bindtap="gradeSelect" data-name="大三" value="大三">大三</view></view><view class='list-msg2' bindtap='bindSpeciality'><text value="{{speciality}}">{{speciality}}</text><image style='height:20rpx;width:20rpx;' src='/icon/choose.png'></image></view><view class="select_box" wx:if="{{select_speciality}}"  name="speciality"><view class="select_one" bindtap="specialitySelect" data-name="软件开发" value="软件开发">软件开发</view><view class="select_one" bindtap="specialitySelect" data-name="企业信息化管理" value="企业信息化管理">企业信息化管理</view><view class="select_one" bindtap="specialitySelect" data-name="移动互联网开发" value="移动互联网开发">移动互联网开发</view><view class="select_one" bindtap="specialitySelect" data-name="网站建设" value="网站建设">网站建设</view><view class="select_one" bindtap="specialitySelect" data-name="网络规划与设计" value="网络规划与设计">网络规划与设计</view><view class="select_one" bindtap="specialitySelect" data-name="云应用开发与管理" value="云应用开发与管理">云应用开发与管理</view></view><wxs module="m2">
var getEqual=function(array,number,string){var equal=false;var a=array[number];if(a==string){equal=true;
}
return equal
}
module.exports.getEqual= getEqual;
</wxs>
<view class="sChoice"><radio-group  bindchange='radioChange' wx:for="{{qnaire}}" wx:key="id" data-radioId="{{item.id}}">  <view class='question'>{{item.question}}</view><view class='radio-group'><label class='radio'  ><radio value="a" color='#3ecdb5' checked="{{m2.getEqual(sChoice1, item.id,'a') ? 'true':''}}" />{{item.option.a}}</label><label class='radio' ><radio value="b" color='#3ecdb5' checked="{{m2.getEqual(sChoice1, item.id,'b') ? 'true':''}}" />{{item.option.b}}</label><label class='radio' ><radio value="c" color='#3ecdb5' checked="{{m2.getEqual(sChoice1, item.id,'c') ? 'true':''}}" />{{item.option.c}}</label></view></radio-group></view><wxs module="m1">function fn(arr, arg) {var result = {indexOf: false,toString: ''}result.indexOf = arr.indexOf(arg) > -1;result.toString = arr.join(",");return result;}module.exports.fn = fn;
</wxs><view class="mChoice"><view class='question'>*7. 以下方法你觉得哪些可以提高教学质量[多选]</view><checkbox-group bindchange="handleItemChange" class='radio-group'><checkbox value="{{item.value}}" wx:for="{{qnaire_m}}" wx:key="id" class='radio' checked="{{m1.fn(checkedList, item.value).indexOf ? 'true':''}}">{{item.name}}</checkbox></checkbox-group></view><button bindtap="alter">修改</button>
</view>

代码链接

https://download.csdn.net/download/Jing0921/12625320

微信小程序 教学质量问卷调查 小程序实现相关推荐

  1. 初级中学计算机教师考核方案,计算机科学学院2019年教师课堂教学质量考核实施方案...

    为深入贯彻落实<教育部关于深化高校教师考核评价制度改革的指导意见><教育部关于加快建设高水平本科教育全面提高人才培养能力的意见>,落实"以本为本".&quo ...

  2. 计算机毕业设计Python+uniapp教学质量评价系统小程序(小程序+源码+LW)

    计算机毕业设计Python+uniapp教学质量评价系统小程序(小程序+源码+LW) 该项目含有源码.文档.程序.数据库.配套开发软件.软件安装教程 项目运行 环境配置: Pychram社区版+ py ...

  3. 微信团队放大招!他们为了小程序居然...

    微信小程序作为腾讯的战略级产品,无需下载,上手即用,推出1年多凭借其强大的连接能力,迅速累积高达1.7 亿日活. 小程序巨大商机催生人才需求 小程序到底有多火?网曝微信"跳一跳"小 ...

  4. 直击微信公开课:2019年小程序将会有哪些改变?

    又是一年一度的微信公开课 PRO,犹记去年,张小龙曾说小程序是微信期望最大的项目,而在过去的一年中,百度.支付宝.头条小程序接连上线,对微信小程序进行围攻,对此,微信在新的一年会如何反击?来看Info ...

  5. 计算机毕业设计之微信小程序的废品回收类程序 垃圾回收app论文

    摘 要 随着我国经济迅速发展,人们对手机的需求越来越大,各种手机软件也都在被广泛应用,但是对于手机进行数据信息管理,对于手机的各种软件也是备受用户的喜爱,废品回收类小程序被用户普遍使用,为方便用户能够 ...

  6. 我是如何用问卷调查小程序来赚钱的

    小程序简介 问卷调查.投票.信息收集.信息统计.群统计.群报名.活动报名接龙统计等,支持加密问卷调查,支持一键导出Excel. 广告收入截图 小程序适合人群和受众 学校老师.班主任,培训机构负责人,驾 ...

  7. 基于微信小程序的选课系统小程序

    文末联系获取源码 开发语言:Java 框架:SpringBoot JDK版本:JDK1.8 服务器:tomcat7 数据库:mysql 5.7/8.0 数据库工具:Navicat11 开发软件:ecl ...

  8. 微信小程序----第一天(小程序 - 起步)

    一.小程序简介 1. 小程序与普通网页开发的区别 1.1 运行环境不同 网页运行在浏览器环境中 小程序运行在微信环境中 2. API 不同 由于运行环境的不同,所以小程序中, 无法调用 DOM 和 B ...

  9. 微信小程序(一)初步,包括(初步了解微信小程序,小程序项目结构,小程序宿主环境,发布与上线等)

    文章目录 前言 一 微信小程序 1. 小程序与普通网页开发的区别 2. 注册小程序开发帐号 3. 安装开发者工具 4. 创建小程序项目 5. 查看项目效果 6. 主界面的 5 个组成部分 二 项目结构 ...

最新文章

  1. IOS开发之UI手势
  2. 考虑用Task.WhenAll
  3. Android Studio项目整合PullToRefresh的问题记录
  4. 矩阵经典题目六:poj 3070 Fibonacci
  5. Java学习笔记2.5.2 循环结构 - 计数循环
  6. “达观杯”文本智能处理挑战赛代码示例
  7. Linux内核深入理解中断和异常(2):初步中断处理-中断加载
  8. 数据中心高速需求 推动光通信迈向100Gbps
  9. 解决报错(4种情况):0x00007FF614F73B96 处(位于 XXX.exe 中)引发的异常: Microsoft C++ 异常: cv::Exception,位于内存位置 0x000XXX
  10. css让div背景变成半透明
  11. Ubuntu 配置固定IP方法
  12. 在Letax中使用enumerate编辑 Step1 , Step2, ..... ,并设置缩进
  13. Win7任务管理器进程一直在跳动选中不了的处理方法
  14. 干货|仿古瓷砖的专业知识总结
  15. BFD1从北京顺义新国展到酒仙桥特斯拉办公室
  16. 通信教程 | 常见串行通信基础原理
  17. Acrel-2000Z变电站综合自动化系统
  18. 递归算法中的时间复杂度分析
  19. Java 关于中文乱码问题的解决方案与经验【转载】
  20. 深入理解Solaris X64系统调用

热门文章

  1. Warning: [antdv: LocaleProvider] `LocaleProvider` is deprecated. Please use `local
  2. VC学习路线书籍+视频
  3. PMP/CAPM/PgMP/ACP考试报名资格
  4. 计算未来离现在最近的是星期天的年份
  5. hibernate使用Query进行查询
  6. 20162330 第十周 蓝墨云班课 十字链表
  7. 烤仔TVのCCW | 智能合约间的四种调用(下)
  8. html如何转换为母版页,如何在模板中指定/或取消母版页
  9. node.js版本问题
  10. Python 免费教程视频-微软教学