分类归档

小程序

FWQ
小程序
一文看看如何撸出春节“智能迎春对联”小程序!
2022已经正式来临,距离中国人的农历春节仅剩十几天了,春节必不可少的就是春联了,下面本篇文章看看怎么实现春节“智能迎春对联”小程序,希望对大家有所帮助! 新年将至,做个智能迎春对联小程序给大伙助助兴!提前祝各位掘友们,2022新年快落!新春快落! 一、效果展示 随机春联 指定姓氏 体验地址微信扫描下面的二维码 or 微信搜索宝藏程序 源码地址Gitee:https://gitee.com/nanfangzhe/wechat_demo 二、准备工作 掌握语言:技术要点:① ② 三、游戏流程与规则 游戏流程:可以通过点击随机春联和指定姓氏来获取所想要的春联~名词解释:①随机春联,随机显示一对春联。 ②指定姓氏:输入你的姓氏,生成对联。 四、部署步骤 1️⃣注册微信小程序流程,开启云开发2️⃣注册百度AI平台——》控制台——》创建自然语言处理的应用——》百度认证授权,拿到token——》再拿token去智能春联API接口3️⃣需要修改的地方:APPID(用微信开发者工具打开时输入的APPID)、百度token(在couplet文件夹里的index.js文件)、云开发环境env(在app.js文件) 五、逻辑讲解与核心代码 1 随机春联的逻辑讲解 由于百度提供的智能春联API接口是需要传参的,所以我们可以提前预备一个小型数据集合,通过点击的时候能进行传值,然后返回需要的对联。因此,是收集了部分迎春过年的字词、词语。 var RANDOM_TEXT_LIST = ["虎", "虎年", "迎春", "春节", "过年", "年兽", "过春节", "初一", "年初", "红红火火", "红火", "开心", "开开心心", "健康", "健健康康", "长寿", "平安", "平平安安", "家庭", "家庭和睦", "和睦", "子子孙孙", "勤劳", "福气", "福", "致富", "富裕", "富", "合家欢喜", "合家", "欢喜", "喜庆", "喜", "囍", "生意兴隆", "恭喜发财", "大富大贵", "富贵", "富裕", "丰年", "子孙满堂", "心欢喜", "人间喜", "灯火", "灯笼", "烟花", "爆竹"] 登录后复制 2 指定姓氏的逻辑讲解 这个和随机春联是类似的逻辑,只不过需要用户输入姓氏,但是用到的api接口有点拉胯,输入单单一个姓的字,输出的内容是有点不合理。所以在这处理办法是拼接加一个“家”字进去,比如输入姓氏:柳,传值的就是柳家;输入的是张,就是张家…   ok: function () {     var text = this.data.textV…
2024-11-25 阅读全文 →
FWQ
小程序
小程序游戏开发之扎金花
微信小程序  扎金花 实现效果图: app.json: {     "pages": ["pages/index/index"],     "window": {         "navigationBarBackgroundColor": "#333333",         "navigationBarTextStyle": "white",         "navigationBarTitleText": "炸金花",         "backgroundColor": "#ffffff",         "backgroundTextStyle": "light",         "enablePullDownRefresh": false     } } 登录后复制   index.js: Page({     data: {         num1: 1,         num2: 2,         num3: 3,         imgNum1: 1,         imgNum2: 2,         imgNum3: 3,         b1: "white",         b2: "white",         b3: "white",…
2024-11-25 阅读全文 →
FWQ
小程序
微信小程序多层嵌套渲染列表及数据获取的代码
本篇文章给大家带来的内容是关于微信小程序多层嵌套渲染列表及数据获取的代码,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 起因:意图是想实现类似于安卓viewpager那样的效果,想到了用微信小程序的swiper组件,但如果每个swiper-item里都只用一个wx:for来渲染数据的话实在是太慢了,就想到多层嵌套数据渲染来提高效率。 直接上代码 wxml: <view wx:for="{{one}}" wx:key="id"> <view>----{{item.name}}----</view> <view wx:for="{{item.two}}" wx:for-item="two" wx:key="id"> <view>----{{two.name}}----</view> </view> <view wx:for="{{item.three}}" wx:for-item="three" wx:key="id"> ----{{three.name}}---- </view> ------------------------------------------- </view> 登录后复制 js one: [{ id: 1,…
2024-11-25 阅读全文 →
FWQ
小程序
微信小程序环境搭配实例用法汇总
这篇文章主要介绍了微信 小程序开发环境搭建详细介绍的相关资料,需要的朋友可以参考下微信小程序可谓是今天最火的一个名词了,一经出现真是轰炸了整个开发人员,当然很多app开发人员有了一个担心,微信小程序的到来会不会给移动端app带来一个寒冬,身为一个android开发者我是不相信的,即使有,那也是很遥远的未来。 不管微信小程序是否能颠覆当今的开发格局,我们都要以好奇的心态去接收,去学习。不排斥新技术,所以,心动不如行动,赶紧先搭建一个微信小程序开发工具。那么接下来就让我们一起来开始吧。先放一张github上demo的动态图开发工具下载是看到github上的分享。那么你可以直接进入该github,找下载链接即可下载。 当然我把安装顺序以及遇到的问题在此详细介绍一下。(接下来按照此步骤安装即可成功(windows版))下载微信小程序开发工具0.7.0版本,因为0.9.0版本有登陆验证,直接安装一直 1. 简介:这篇文章主要介绍了微信 小程序开发环境搭建详细介绍的相关资料,需要的朋友可以参考下 2. 简介:这篇文章主要介绍了微信 小程序开发环境搭建详细介绍的相关资料,需要的朋友可以参考下 3. 简介:php:PHP开发之环境搭建及配置:一、PHP5.4环境搭配基本流程Apache:Web服务提供者。官网:www.apache.orgPHP: 官网:www.php.netMysql:  官网:www.mysql.com二、软件下载Apache下载地址:http://download.csdn.net/detail/lxq_xsyu/7057423PHP下载地址:http://download.csdn.net/detail/lxq 4. 简介:: shopex主机报错误请求解决方案No such file or directory:一、shopex主机环境 1、windows 2003 R2 2、iis6.0+php5.0以上 3、mysql5.0以上 如果有希望了解php环境搭配的,请查阅: windows2003下如何配置搭建iis+php+mysql环境…
2024-11-25 阅读全文 →
FWQ
小程序
微信端登录小程序步骤开发教程
本篇文章主要介绍了微信端开发–登录小程序步骤,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧 这个小程序的主要目的是为了用户用微信的用户信息登录后将用户信息授权存入自己的数据库中,这样以后每次微信登录得到的code 所得到的 openid 可以在项目的数据库中查到该用户的相关信息。 在测试的过程中,需要用户登录得到的code,所以会用到微信开发小工具~! 该工具的使用必须被项目授权 所生成的code是有时间限制的 微信登录端口的api如下 接口地址:http://www.php.cn/ 请求参数: 参数 必填 说明 appid 是 小程序唯一标识 secret 是 小程序的 app secret js_code 是 登录时获取的 code grant_type 是…
2024-11-25 阅读全文 →
FWQ
小程序
微信小程序如何从数据库加载数据
本篇文章介绍了微信小程序从数据库加载真实数据的方法,主要是配置域名服务器和编写后台api,以及微信小程序中发送请求代码的编写,希望对学习小程序开发的朋友有帮助! 微信小程序如何从数据库加载数据 微信小程序要加载网站数据库里面的真实数据,有一个硬性的要求,就是你的网站域名必须是https协议才行,要不然你第一步服务器域名配置你都通过不了,具体申请步骤大家自行去申请吧,这里我就不做过多的介绍。下面我就以加载我博客素材最新的6条数据为案例来分析,下面是详细步骤。 一、进入小程序后台配置https服务器域名 二、程序中写好调用的数据,并返回json格式  //获取素材列表接口,该方法位于ApplicationHomeControllerWeixinController.class.php中   public function getdownList(){     $data=M('Material')-&gt;field('id,title,path,date,down,description,view')-&gt;order('date desc')-&gt;limit(6)-&gt;select();     echo json_encode($data);   } 登录后复制 三、调用数据 因为我的下载模板是在index中,所有逻辑代码要写在index.js中,下面是具体的代码 /**    * 生命周期函数--监听页面加载    */   onLoad: function () {     console.log('onLoad')     var that = this     wx.request({       url: 'https://www.100txy.com/weixin/getdownlist', //真实的接口地址       data: {},       header: {         'content-type': 'application/json'       },       success: function (res) {           console.log(res.data)…
2024-11-25 阅读全文 →
FWQ
小程序
深入了解微信小程序数据绑定
这篇文章主要介绍了微信小程序数据绑定详细介绍的相关资料,需要的朋友可以参考下 数据绑定有一部分前几个看着还行,后面的几个可能有几个不理解,界面展示的数据有的也因为条件没法显示。看不懂的可以先记着,后面真正用到时就会明白,反正我是这样想的。这里先记录下 data.wxml <!--数据绑定使用对象---内容--> <view>{{message}}</view><!--数据绑定使用对象---组件属性---需要在双引号之内--><view>组件属性</view><!--数据绑定使用对象---控制属性---需要在双引号之内--><view>控制属性</view><!--数据绑定使用对象---三元运算--><view>三元运算符</view><!--数据绑定使用对象---算数运算--><view>我是运算结果---{{a + b}} + {{c}} + d</view><!--数据绑定使用对象---逻辑判断--><view> 5}}"&gt;asdf</view><!--数据绑定使用对象---字符串运算--><view>{{"Hello " + name}}</view><!--数据绑定使用对象---数组组合--><view>{{item}}</view><!--数据绑定使用对象---对象--><template></template><!--数据绑定使用对象---扩展运算符对象 ... 将一个对象展开--><template></template><!--数据绑定使用对象---对象的key和value相同时--><template></template> 登录后复制 data.js Page({  data:{  //内容绑定  message: 'Hello WeApp',  //组件属性绑定  id: 0,  //控制属性绑定  condition: true,  //三元运算  flag:false,  //算数运算  a: 1,  b: 2,  c: 3,  //逻辑判断  length: 6,  //字符串运算  name: '顺子',  //数组组合…
2024-11-25 阅读全文 →
FWQ
小程序
微信小程序之页面传值详解
最近组里开发小程序,遇到了一个前端亘古不变的话题:页面刚开始使用路径传参解决,但是众所周知: 各浏览器HTTP Get请求URL最大长度并不相同,几类常用浏览器最大长度及超过最大长度后提交情况如下:IE6.0 :url最大长度2083个字符,超过最大长度后无法提交。IE7.0 :url最大长度2083个字符,超过最大长度后仍然能提交,但是只能传过去2083个字符。firefox 3.0.3 :url最大长度7764个字符,超过最大长度后无法提交。Opera 9.52 :url最大长度7648个字符,超过最大长度后无法提交。Google Chrome 2.0.168 :url最大长度7713个字符,超过最大长度后无法提交。 所以觉得不靠谱。研究了一下官网,发现有两种方式可以“比较优雅”地干这件事,当然不能和vuex/flux比。 使用全局变量在项目app.js中定义globalData App({  globalData:{  userInfo:'angeladaddy' } }); 登录后复制 在需要的地方使用: getGlobalVar:function(){  var that=this; that.setData({   globalvar_str:JSON.stringify(getApp().globalData) })  } 登录后复制…
2024-11-25 阅读全文 →
FWQ
小程序
怎么退出微信小程序的登录?
怎么退出微信小程序的登录? 1、进入微信界面,下拉展开最近使用的小程序,比如选择其中一个; 2、进入后点击下方我的; 3、点击上方头像; 4、弹出界面点击退出登录,完成退出; 5、或直接长按小程序拖动到下方红色区域删除。 推荐教程:《》 以上就是怎么退出微信小程序的登录?的详细内容,更多请关注米云其它相关文章!
2024-11-25 阅读全文 →
FWQ
小程序
小程序之字符串的使用
字符串或串(string)是由数字、字母、下划线组成的一串字符。一它是编程语言中表示文本的数据类型。在程序设计中,字符串(string)为符号或数值的一个连续序列,如符号串(一串字符)或二进制数字串(一串二进制数字)。 通常以串的整体作为操作对象,如:在串中查找某个子串、求取一个子串、在串的某个位置上插入一个子串以及删除一个子串等。在微信小程序中,string字符串可用”或””声明,可用length属性获取长度。常用方法可分为查找、截取和转换。 1 查找 charAt(index) : 获取指定位置的字符(下标index从0开始); charCodeAt(index) : 获指定的位置的字符的Unicode编码(下标index从0开始); indexOf(searchvalue,start): 从字符串开头向后搜索子字符串,没有找到匹配的返回-1; searchvalue为需检索的字符串值, start为开始位置,默认为0。 lastIndexOf(searchvalue,start):从字符串尾向前开始搜索子字符串,没有找到匹配的返回-1; searchvalue为需检索的字符串值,start为开始位置,默认为最后一个字符处。 localeCompare(target): 用本地特定的顺序来比较两个字符串; match(regexp): 存放匹配结果的数组; search(searchvalue): 指定查找的字符串的起始位置; searchvalue为查找的字符串或者正则表达式。 Page({ //字符串查找方法例子 onLoad: function(options) { let str = '我不是程序,我是码农。'; let at = str.charAt(3); let codeAt…
2024-11-25 阅读全文 →