微信小程序做一个调查问卷(二)

即将不定期的开放代码

  • 核心代码呈现
    • 源码下载
    • 在微信小程序如何展示富文本编辑器设置的内容
    • 多使用缓存技术,防止过多无效的访问
    • 题目分为单选题、多选题、简答题
    • 设置有其他选项,可进行手动输入选项
    • 多选题选择个数设置,只可最多选择三个

核心代码呈现

由于这是私有项目,防止代码泄密。只能部分展示核心逻辑代码,说话要算数,但是不能违反纪律。

源码下载

https://download.csdn.net/download/weixin_42799222/10958116

在微信小程序如何展示富文本编辑器设置的内容

1.这里离不了一个特别重要的插件 wxParse,下载地址:
https://download.csdn.net/download/weixin_42799222/10909212
2.在app.wxss中,顶部引入插件

/**app.wxss**/
@import 'wxParse/wxParse.wxss';

3.在每个页面模块中的js,添加如下语句,加载路径为wxParse目录的存放路径,我的是在根目录。

//引入文件
var WxParse = require('../../wxParse/wxParse.js');

4.在每个页面模块中的wxml,添加如下语句,这也是用来载入插件文件的。

<import src="../../wxParse/wxParse.wxml"/>

5.加载完毕后,进入正题。如何将富文本编辑器的内容正常展示到微信小程序中。首先要将wx.request({})获取回来的数据进行解析。(在页面模块的js文件中)

wx.request({url: config.service.host + '/Index/index',dataType: 'json',success: function (res) {if (res.data.status == 200) {//内容解析var content = res.data.data.foreword;WxParse.wxParse('content', 'html', content, that, 3);// 开启数据缓存cache.put('questionnaire', res.data.data);} else {util.showBusy('未获取新的内容');}}, fail: function (msg) {util.showBusy('请求失败');}})

关键的就在于
WxParse.wxParse(‘content’, ‘html’, content, that, 3);
这里的WxParse的命名是根据本js文件头部加载插件文件声明的变量名命名的,与var WxParse相同即可。
6. 最后就是在wxml页面中进行数据展示了。

      <scroll-view class="main-content"><template is="wxParse" data="{{wxParseData:content.nodes}}"/></scroll-view>

外部的scroll-view这个标签就不多解释了,带有滚动条的内容块。内部的template是必须这么写的,id是为了让插件找到需要转换的数据标签内容。data就是对应的数据内容信息了。大家可以在调试区输出查看具体的内容信息。
有疑问或者不懂的可以在评论区评论。

多使用缓存技术,防止过多无效的访问

我们开发人员都知道,小程序中的页面缓存是没有时间限制的,你不操作,它会存在很长时间,这一方面不利于数据的及时更新,相反也在耗费服务端的请求压力。
在utils目录中创建cache.js文件。内容是:
我这里默认有效时间为7200s,具体的使用方法在代码底部。

var dtime = '_deadtime';
function put(k, v, t=7200) {wx.setStorageSync(k, v)var seconds = parseInt(t);if (seconds > 0) {var timestamp = Date.parse(new Date());timestamp = timestamp / 1000 + seconds;wx.setStorageSync(k + dtime, timestamp + "")} else {wx.removeStorageSync(k + dtime)}
}function get(k, def) {var deadtime = parseInt(wx.getStorageSync(k + dtime))if (deadtime) {if (parseInt(deadtime) < Date.parse(new Date()) / 1000) {if (def) { return def; } else { return; }}}var res = wx.getStorageSync(k);if (res) {return res;} else {return def;}
}function remove(k) {wx.removeStorageSync(k);wx.removeStorageSync(k + dtime);
}function clear() {wx.clearStorageSync();
}module.exports = {put: put,get: get,remove: remove,clear: clear,
}// 使用方法:在需要使用的js中引入改js文件(比如文件名为:cache.js),var util = require('../../utils/cache.js');// 设置缓存:  util.put('key', 'value', 20) 表示设置缓存失效时间为20秒;// 获取缓存:util.get('key')// 清除缓存:util.remove('key')// 清除所有缓存:util.clear()

题目分为单选题、多选题、简答题

在这里插入图片描述在这里插入图片描述在这里插入图片描述在这里插入图片描述

设置有其他选项,可进行手动输入选项

有空写代码

多选题选择个数设置,只可最多选择三个

在这里插入图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.rhkb.cn/news/60776.html

如若内容造成侵权/违法违规/事实不符,请联系长河编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

我想做国外问卷调查该怎么去入门?

目前2021年&#xff0c;很多的互联网创业项目横空出世。但是在这其中大家要有很好的眼光去识别并判断这个项目到底好不好呢&#xff1f;那我们该怎么样去判断这个呢&#xff0c;这是很多人存在疑惑的地方。 小编这里可以给大家说下咱们可以怎么样去判断一个创业项目的好与坏&am…

国外问卷调查该怎么做?入门须知!

现在跨境问卷调查的风越来越大&#xff0c;许多人想做但却苦于没有入门的方法&#xff0c;今天就来给大家讲讲做跨境调查问卷怎么做&#xff1f; 跨境问卷调查就是针对国外一些部门与各类组织机构等发布的问卷调查进行解答以获取报酬佣金。而且它操作简单&#xff0c;易上手&a…

国外调查问卷怎么做?

首先&#xff0c;我来说说什么是问卷调查&#xff1f;问卷调查是指通过制定详细的问卷&#xff0c;要求被调查者根据问卷进行回答来收集数据的方法。所谓问卷&#xff0c;就是与研究目标相关的一组问题&#xff0c;或者是为调查而编制的问题形式&#xff0c;也称调查表。 我们…

哪些软件可以做国外问卷调查

大家好&#xff0c;我是大成工作室大成&#xff0c;一个踩过很多坑的老韭菜&#xff0c;每天会给大家分享和拆解各种项目&#xff0c;引流思路。帮助每一个互联网的网漂人员&#xff0c;找到自己的方向&#xff0c;成为自己时间的主人&#xff0c;达到时间自由。 知道很多项目…

国外问卷调查这个项目可以做吗?国外问卷调查怎么赚钱?

大家好&#xff0c;我是小飞匠&#xff0c;今天来聊聊国外问卷调查这个项目可以做吗&#xff1f;国外问卷调查怎么赚钱&#xff1f; 我的答案是必须可以做&#xff01; 先来说我自己做国外问卷调查的一个工作状态&#xff0c;听着小说&#xff0c;点着鼠标然后就把美金挣了&a…

学习计算机基础有什么推荐的书和视频?

大家好&#xff0c;我是小林。 之前有读者问我&#xff0c;学习计算机基础有什么推荐的书&#xff1f; 这一个我就很有心得了&#xff0c;因为我大学的专业并不是计算机专业的&#xff0c;是电气自动化专业的&#xff0c;所以学校的课程并没有操作系统、计算机网络、计算机组…

文笔山记

上海的天空下着雨&#xff0c;我的心情也下着雨&#xff0c;最近因为工作的事情搞得我自己都感觉到心理上的扭曲&#xff0c;我很烦恼……按理说这个时候我什么也不会干&#xff0c;但这次我无论如何得找些事情&#xff0c;于是打算写篇游记&#xff0c;也算对 2006年“闷了一…

快冲!淘宝无货源副业,傻瓜式操作,日赚300-500元!!

如果有人问&#xff1a;有什么事&#xff0c;比穷更难受&#xff1f; 我的回答一定是&#xff1a;今年过半了&#xff0c;我还在喝西北风&#xff0c;我的朋友先暴富了&#xff01; 这段时间&#xff0c;我就被闺蜜美美狠狠扎了心。 以前她和我一样是个普通上班族&#xff0c;去…

Kotlin Flow响应式编程,操作符函数进阶

本文同步发表于我的微信公众号&#xff0c;扫一扫文章底部的二维码或在微信搜索 郭霖 即可关注&#xff0c;每个工作日都有文章更新。 大家好&#xff0c;今天原创。 在上一篇原创文章当中&#xff0c;我跟大家说了会开启一个新的系列&#xff0c;讲一讲Kotlin Flow响应式编程…

如果再来一次,你还会选择互联网么?

现在互联网的就业环境&#xff0c;大家都在感受着一股寒意。也不知道从什么时候开始&#xff0c;身边悲观的声音越来越多了。 如果再给你一次机会&#xff0c;你还会选择互联网吗&#xff1f; 回答这个问题之前&#xff0c;我想跟大家聊聊一个我朋友的故事。 他从学渣到大厂程…

奉劝各位学弟学妹们,该打造你的技术影响力了!

CSDN 的学弟学妹们&#xff0c;大家好呀&#xff0c;我是沉默王二。放在一年前&#xff0c;打死我也不相信&#xff0c;这四个平淡无奇的字组合在一起竟然充满了魔力&#xff01; 2019 年的时候&#xff0c;我看过一本书&#xff0c;名叫《影响力》&#xff0c;应该有不少学弟…

文笔如何迅速提升?国企老员工和你聊聊

很多人说在我们国企混&#xff0c;人际交往能力很重要&#xff0c;然而还有一项能力和人际交往能力一样重要&#xff0c;那就是——文笔。 文笔好有哪些好处&#xff1f; 1、工作总结汇报的时候&#xff0c;能让自己的工作看起来更有价值 2、在公司的一些活动比赛中&#xff…

刘宇凡:浅谈文笔、文采、文案的区别

声明:刘宇凡不是这方面的专家,我只是作为一个喜爱文字的搬运工谈谈自己的体会罢了。 此文的缘起,是一位微信好友的问题。本来当时就该回答的,但是一直拖到现在才以文章的形式作答,实在是对不住,也许你已经通过其它渠道了解到其本质与区别。但还是希望我的见解能够给你不…

5G与AI“点燃”数字应用,云原生重塑数据库未来

进入2023年&#xff0c;5G与AI技术逼近爆发的临界点&#xff0c;即将点燃数字应用的宇宙。以ChatGPT为代表的AI大模型&#xff0c;引发了机器智能的涌现&#xff0c;不仅能够与人类进行创造性对话&#xff0c;还能代替程序员编写代码&#xff01;而5G全面加速了物理世界的数字化…

下一代数据中心怎么建?数据中心能源十大趋势揭秘答案

国家发改委的信息显示&#xff0c;当前&#xff0c;“东数西算”工程的8个国家算力枢纽节点建设已全部开工&#xff0c;2023年新开工的数据中心项目近70个&#xff0c;“东数西算”工程正从系统布局进入全面建设阶段。可以预见&#xff0c;新一轮的数据中心建设大潮将蓬勃兴起。…

全网最详细中英文ChatGPT-GPT-4示例文档-从0到1快速入门自然语言指令创建支付API代码——官网推荐的48种最佳应用场景(附python/node.js/curl命令源代码,小白也能学)

从0到1快速入门自然语言指令创建支付API代码 Introduce 简介setting 设置Prompt 提示Sample response 回复样本API request 接口请求python接口请求示例node.js接口请求示例curl命令示例json格式示例 其它资料下载 ChatGPT是目前最先进的AI聊天机器人&#xff0c;它能够理解图片…

大模型与端到端会成为城市自动驾驶新范式吗?

摘要&#xff1a; 最近可以明显看到或者感受到第一梯队的城市自动驾驶量产已经进入快车道&#xff0c;他们背后所依靠的正是当下最热的大模型和端到端的技术。 近期&#xff0c;城市自动驾驶量产在产品和技术上都出现了新的变化。 在产品层面&#xff0c;出现了记性行车或者称…

跳妹儿读绘本:我家孩子爱不释手的经典绘本之套装书

上篇分享了我给跳妹儿买书的经验&#xff0c;这里我就来说说这些跳妹儿非常喜欢并点读率高的绘本。 今天分享的主要是套装书&#xff0c;套装书的优点我在之前的文章中有提到过&#xff0c;而且迄今为止我买回来的套装书&#xff0c;每一套我家跳妹儿都非常喜欢&#xff0c;读了…

儿童绘本

亲情类绘本&#xff1a; 1、猜猜我有多爱你 适合年龄段&#xff1a;2-4岁 2、爱心树 适合年龄段&#xff1a;3-6岁 3、巴巴爸爸 适合年龄段&#xff1a;3-6岁 情商教育类绘本&#xff1a; 随着社会的发展&#xff0c;对宝宝 的教育&#xff0c;已经不仅仅关注与脑力开…

合格的CTO应该是什么样?雷军王海峰王小川等共谈「技术创新」| CNCC2020

金磊 发自 CNCC现场 量子位 报道 | 公众号 QbitAI 企业在社会中的分量有多重&#xff1f; 从17世纪到20世纪70年代&#xff0c;改变人类生活的160种主流创新工业&#xff0c;80%以上是由公司来完成。 今天&#xff0c;全世界70%的专业和三分之二的研究的开发经费&#xff0c;都…