网站开发

由于身处于在线旅游行业，对OTA的行业动态都比较关心一些，前阵子研究体验了一下艺龙的微信小程序，虽然有些美中不足，但是小程序的组件还是非常好的，所以今天我们就来简单看看艺龙微信小程序组件。首先，我们将艺龙微信小程序的框架组件分为以下四个部分来分析：1.局部组件2.独立组件3.集成组件4.网络请求先看三张的动态效果图：总体而言，其如下： [AppleScript] 纯文本查看 复制代码 ├── README.MD ├── app.js ├── app.json ├── app.wxss ├── components ├── image ├── pages ├── service └── utils ├── api.js ├── cookie.js ├── data-center.js…

一、wxml 1.1：wx:if与wx:else 前端通过后端的接口获取信息列表，如果有数据则展示数据内容，否则则显示找不到信息。 如果if-else使用布尔值的状态作这个开关的话，页面会先出现false的状态，再更新为true，即闪现找不到信息的内容，这种交互不是很理想。 <view><text>这是信息列表</text></view><view><text>找不到信息</text></view> 登录后复制 登录后复制 最好的做法是使用下面这种，一开始设置info为null, data:{     info:null } 登录后复制 <view><text>这是信息列表</text></view><view><text>找不到信息</text></view> 登录后复制 登录后复制 1.2：wx:for for循环要添加wx:for-item=”item” wx:key=”item” 1.3：block标签 wx:if、wx:for、wx:else这些没有样式意义的语法尽量使用block 1.4：template组件模板 公共的页面模块/组件，可直接在wxml使用，也可以使用import方式。如果涉及到css，需要在wxss里@import引入。 /** * 方式一：直接使用 * 1. 给template 设置name属性 * 2. 组件传过来的值可以直接使用  hidden="{{!isloading}}" */ <template>…

这篇文章主要介绍了关于小程序之动态控制组件的显示和隐藏 ，有着一定的参考价值，现在分享给大家，有需要的朋友可以参考一下 组件有个属性：hidden=” ,值为true/false ，当false的时候说明不隐藏，当true的时候说明隐藏，注意该隐藏是不保留组件位置的。  实现即 .js 配合.wxml 文件  一、在.js 文件下的 Page({}) 里面 的data:{} 里面 创建一个布尔类型的属性 　　  二、在.wxml文件下构建一个view组件 　　 验证： 1、false，不隐藏的时候 　　 2、true，隐藏的时候 　　 以上就是本文的全部内容，希望对大家的学习有所帮助，更多相关内容请关注PHP中文网！ 相关推荐： 以上就是小程序之动态控制组件的显示和隐藏的详细内容，更多请关注米云其它相关文章！

这篇文章主要介绍了微信小程序联网请求的轮播图的相关资料,需要的朋友可以参考下 微信小程序的轮播图和Android的轮播图一点不一样 ，这里我们看一下我们需要用到的控件介绍 这里我们用到了swiper这个组件，上边的图片已经把这个组件的属性 都列出来了 我们用的时候直接用就可以了 接下来，再看一下网络请求的API,这里我们用到的是GET 请求，我们开一下微信小程序官方给我们的API 接下来就是开启我们小程序轮播图之旅了，附上一张效果图 首先，我们看一下我们的index.wxml文件 <view>  <swiper>  <block>   <swiper-item>   <image></image>   </swiper-item>  </block>  </swiper></view> 登录后复制 index.js文件 var app = getApp() Page({  /**  * 页面的初始数据  */  data: {  //是否显示指示点 true 显示 false 不显示  indicatorDots: true,…

小程序前台用什么写的 微信小程序的前台开发工具是：微信开发者工具，使用的语言有WXML、WXSS、JavaScript。 推荐学习： 小程序前台所使用的程序文件类型大致分为以下几种： 1、WXML(WeiXin Mark Language，微信标记语言) 2、WXSS(WeiXin Style Sheet，微信样式表) 3、JS(小程序的主体) 微信开发者工具界面如下： ，大量免费小程序开发教程，欢迎学习！ 以上就是小程序前台用什么写的的详细内容，更多请关注米云其它相关文章！

本篇文章主要介绍了微信小程序微信运动步数的实例代码，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧 现在运动计步很火，无论是蚂蚁森林，还是微信上都很火爆，本文介绍了微信小程序微信运动步数的实例代码，分享给大家 微信小程序API-微信运动  思路：wx.login获取的code请求获取的session_key，wx.getWeRunData获取的iv,encryptData，将它们一起发送到后台解密就行了。 安全顾虑，因为只是示例所以直接传递session_key了，为了安全最好按照下图的方式加密后存储到Redis中再传递key。 小程序端代码 get3rdSession: function () {   let that = this   wx.request({    url: 'https://localhost/login.php',    data: {     code: this.data.code    },    method: 'GET', // OPTIONS, GET, HEAD, POST, PUT, DELETE, TRACE, CONNECT    success: function (res) {     var sessionId = res.data;     that.setData({ sessionId: sessionId })     wx.setStorageSync('sessionId', sessionId)     that.decodeUserInfo()    }   })  },  decodeUserInfo: function () {   let that = this   wx.request({    url: 'https://localhost/decrypt.php',    data: {     encryptedData: that.data.encryptedData,…

微信使用的开发语言和文件很「特殊」。 小程序所使用的程序文件类型大致分为以下几种： ①WXML(WeiXin Mark Language，微信标记语言) ②WXSS(WeiXin Style Sheet，微信样式表) ③JS(Java，小程序的主体) 在语言方面，小程序看似重新定义了一套标准。但实际上，它们与「前端三件套」——HTML、CSS 和 Java——差不太多。 相关学习推荐： 下面，我们就来对比一下小程序开发语言和「前端三件套」有什么异同点： HTML 与 WXML：两者差异比较大，如果之前没有接触过 Android 开发，可能会觉得有些头疼。事实上，WXML 更像是 Android 开发中的界面 XML 描述文件，适合于程序界面的构建;而 HTML 则倾向于文章的展示(这与 HTML 的历史有关)，以及互联网页面的构建。…