小程序

这篇文章主要介绍了关于微信小程序实现折叠与展开文章功能，有着一定的参考价值，现在分享给大家，有需要的朋友可以参考一下 最近做项目遇到这样的需求，页面折叠超出的的部分显示省略号，点击展开后显示全部内容。具体实现代码 需求 页面折叠超出的的部分显示省略号，点击展开后显示全部内容 需要解决的问题 箭头随展开折叠后箭头方向的变化 当点击箭头文本显示内容的变化 如何解决？ 箭头方向的变化是一个点击事件bindtap,点击后更换小图标； 文本变化是一个show或者hide的事情，折叠的时候有个多行文本溢出得问题五个属性（display: -webkit-box，-webkit-box-orient: vertical， -webkit-line-clamp，text-overflow，overflow） 状态与数据绑定控制样式 具体实现 wxml   <view>     <view>       <view>         <view>公司介绍</view>       </view>       <view>         <text>           创业是个失败概率很大的事情，我们很高兴从2012底到现在还活着， 而且还活的很不错。 目前有赞旗下的产品有：有赞微商城、有赞收银、有赞零售、有赞美业、有赞批发、有赞买家版、有赞微小店.         </text>         <text>           我们认为，相比较业务来说，团队才是公司的核心。有赞没有“员工”只有“小伙伴”，也没有人姓“公”名“司”，我们有一群聪明、有要性、又皮实的伙伴，这才是我们最大的资产。         </text>…

微信小程序开发支持什么语言     1、支持的前端开发语言有： 前端主要是用WXML、WXSS以及JavaScript来开发。本质上就是JS+CSS+HTML5，不过不能直接用HTML标签，微信提供一个组件库，没有DOM和其他浏览器上的API；网络、Canvas等也重新包装过。 2、支持的后端开发语言有： 其实理论上后端用什么语言都可以，只要能够从服务器上获取到数据，例如：PHP、Java或者Python来开发。一般对于企业而言，都是采用php程序开发微信小程序；技术要求高一点的可以采用java程序开发。 PHP中文网，大量免费，欢迎学习！ 以上就是微信小程序开发支持什么语言的详细内容，更多请关注米云其它相关文章！

小程序上线后可以改名称吗 个人类型小程序可以改名，而且每年拥有两次改名机会。 新的改名规则，与目前个人主体公众号改名规则一致。 那么，个人主体的小程序，如何更改小程序的名称呢？ 1、首先，你需要进入公众平台，使用小程序帐户登录，然后点击左侧的「设置」； 2、在「基本设置」中，我们可以看到，「小程序名称」右侧的名称规则被修改了：微信小程序发布后，个人帐号可一年内修改 2 次名称； 3、点击右侧的「修改」链接，公众平台会要求管理员扫码验证； 4、扫码验证通过之后，你就可以为自己的小程序换个「名称」了。 需要注意的是，如果你的小程序还没发布，你依然有三次为小程序改名的机会，还请善加利用。 PHP中文网，大量免费，欢迎学习！ 以上就是小程序上线后可以改名称吗的详细内容，更多请关注米云其它相关文章！

下载IView Weapp https://github.com/TalkingData/iview-weapp 导入文件 下载完后将dist文件夹中的所有文件（也可以只选择需要的组件）导入到mpvue项目的static文件夹中。 使用组件 在需要使用组件的页面中配置。 main.js 立即学习“”； import Vue from 'vue'import App from './index'const app = new Vue(App) app.$mount()export default {  config: {    usingComponents: {      'i-card': '../../../static/iview/card/index'     }   } } 登录后复制 然后在页面中使用标签就可成功调用  <i-card>       <view>内容不错</view>       <view>尾部内容</view>     </i-card> 登录后复制 相关文章： 以上就是微信小程序mpvue框架中如何使用iView Weapp？的详细内容，更多请关注米云其它相关文章！

这篇文章主要介绍了微信小程序 详解page中data数据操作和函数调用的相关资料,需要的朋友可以参考下 微信小程序 详解Page中data数据操作和函数调用 Page() 函数用来注册一个页面。接受一个 object 参数，其指定页面的初始数据、生命周期函数、事件处理函数等。 //index.js  <pre class="brush:php;toolbar:false">Page({   data: {    text: "This is page data.", 登录后复制   sliderOffset: 0,    sliderLeft: 0,    state:{       genre:[],       genre_index: 0,       model:[],       model_index: 0,       terminalStatus:'',    }   },   onLoad: function(options) {    // Do some initialize when page load.   },   onReady: function() { …

一、总体流程 第三方平台帮助旗下已授权的小程序进行代码管理时，需先开发完成小程序模版，再将小程序模版部署到旗下小程序帐号中，具体流程如下： 1：绑定开发小程序 （1）第三方平台的开发人员需先到微信公众平台（mp.weixin.qq.com）申请一个普通的小程序并完善小程序的信息、绑定开发者。 （2）进入微信开放平台，在第三方平台详情中，将该小程序添加为开发小程序。 注意：绑定为开发小程序后，该小程序的在开发工具中上传，代码会直接上传到开放平台，不会上传到公众平台。 2：小程序模版的开发和上传 使用开发小程序的开发者微信号登录微信web开发者工具（IDE），开发者工具中按照正常的小程序开发流程进行代码开发和调试。开发完成后，在开发工具中点击上传。 3：添加到小程序模版库，获得模版ID 从开发者工具中上传的代码，会先存在草稿箱中，每个开发小程序只保留最新一份上传记录。开发者可将草稿箱中的代码添加到小程序模版库中，小程序模版库中的模版不会被覆盖。最多可以有五十个代码模版，添加后可以获得模版ID（TemplateID）。 4：调用接口，为旗下授权的小程序部署代码 详细文档见代码管理。 二、如何开发 1、创建项目 与开发普通小程序一致，第三方平台开发者填入相关的 3rdMiniProgramAppid ，设定项目名称和选择项目目录即可创建项目。 对于第三方平台小程序，可以在项目页卡查看到相关的 open3rd 信息以及当前的第三方的 3rdMiniProgramAppid ，如若项目配置了相关的 extAppid ，那么项目页卡中也会有相关信息。 2、小程序模板开发 与开发普通小程序一致，开发者在开发工具上开发好相关的业务逻辑之后，在项目页卡中提交预览既可以在微信中查看小程序的真实表现， 有所不同的是，第三方平台小程序的提交上传是上传至该第三方平台的 open…

本篇文章主要介绍了小程序对接七牛云存储的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧 前言： 做小程序有一段时间了，总结一下做过的技术点，特此贡献给小伙伴们！项目中，有图片存储、视频存储、录音存储这三个需要云对接存储。 一、图片/视频/录音上传七牛对接 准备工作： a、你要有一个七牛账号，实名认证后，在七牛的个人中心，有个秘钥管理-里面有一对秘钥，是上传必须的。这对秘钥，配置在后端，配置时可以设置允许上传格式，也可以设置为任何格式都可上传，让我们的后端大哥去慢慢弄吧。另外，还需要在七牛的对象存储里新建一个存储空间，所要上传的文件就是存储在你创建的空间里，如果你为了方便管理，也可以图片/视频/录音/其他各创建一个存储空间。这个存储空间名字，也要配置在后端的。 b、需要一个上传令牌token，一个文件上传对应一个token，这是必须的。上传令牌token还有时效性，后端配置1h，足以让你完成上传操作就行。这个token由我们自己后端生成，前端调接口获取token，或者像我这样，直接把接口丢在[uptokenURL]后面，七牛的会自己去取。也可以由我们自己先得到token，再丢给七牛。 uptokenURL:'https://get.qiniutoken.com/minibx/geo_f/gain_qn_toke', uploadURL:'https://up.qbox.me',//华东 登录后复制 uptoken: token,uploadURL:'https://up.qbox.me',//华东 登录后复制 c、七牛的js文件qiniuUploader.js，在下面给的七牛地址里面，可以去下载。里面有个小程序的SDK，解压找到里面的qiniuUploader.js，在你需要上传的页面，导入这个js。https://developer.qiniu.com/sdk#community-sdk 1、图片上传七牛 通过小程序的方法，为用户提供添加本地图片，或者拍照，之后你会得到方法返回的图片临时路径。我们可以把图片维护在一个数组里，这样在上传七牛时，以队列的形式上传。 constqiniuUploader = require("../../libs/qiniuUploader.js"); var sourceType = [['camera'], ['album'], ['camera','album']]; var sizeType = [['compressed'], ['original'], ['compressed','original']]; var imageArray = [];// 点击事件，从本地相册选择图片或使用相机拍照。 chooseImage: function (e) { var that =this; wx.chooseImage({ 　　sourceType: sourceType[this.data.sourceTypeIndex], 　　sizeType: sizeType[this.data.sizeTypeIndex], 　　count:this.data.count[this.data.countIndex],//这个count可以用来删除当前图片 　　success: function (res) { 　　// 返回照片的本地文件路径，tempFilePath可以作为img标签的src属性显示图片vartempFilePaths = res.tempFilePaths; 　　imageArray.push(tempFilePaths);…

这篇文章主要介绍了微信小程序网络请求wx.request详解及实例的相关资料,需要的朋友可以参考下 微信小程序网络请求wx.request详解及实例 如果说小程序API里面最重要一个接口是哪一个？那么首推wx.request()。相当于在小程序内请发起一个https请求（本地调试模式下支持HTTP）。HTTP协议中共定义了八种方法或者叫“动作”来表明对Request-URI指定的资源的不同操作方式。 GET：向特定的资源发出请求。 POST：向指定资源提交数据进行处理请求。数据被包含在请求体中。 PUT：向指定资源位置上传其最新内容。 DELETE：请求服务器删除Request-URI所标识的资源。 HEAD：向服务器索要与GET请求相一致的响应，只不过响应体将不会被返回。 TRACE：回显服务器收到的请求，主要用于测试或诊断 OPTIONS：返回服务器针对特定资源所支持的HTTP请求方法。 CONNECT：HTTP/1.1协议中预留给能够将连接改为管道方式的代理服务器。 小程序对以上8种方法全部支持。不过对于网络资源主要还是增删改查四种类型就够了，小程序后台接口主要使用还是类似RESTFull的方式。 put请求string     wx.request({     url: 'https://a86.cn/chishenme/ChishenmeDeciper',     method:'PUT',     dataType:'STRING',     data:'this is strng data 这是一个中文数据',     header: {'content-type': 'application/json'},     success:function(res){       console.log('this is put request result'+ res.data)     }   }) 登录后复制 post请求 string  header 不同 …

微信小程序如何生成二维码？下面本篇给大家介绍一下利用小程序的canvas能力绘制二维码的方法，希望对大家有所帮助！ 在微信小程序的业务中会有一些需要展示二维码的场景。静态二维码可以直接存放在本地，使用图片方式展示，但不适合根据用户相关信息生成动态的二维码。本文将介绍下利用小程序的canvas能力绘制二维码。 1 方法一：通过wx-qr直接生成 1.1 DEMO 含背景图 含logo 含logo+背景图 1.2 安装 # 通过 npm 安装 npm i wx-qr -S # 通过 yarn 安装 yarn add wx-qr 登录后复制 1.3 使用组件 首先在你所开发的小程序根目录 app.json 或需要使用该组件的 xxx.json 中引用组件 （注意：请不要将组件命名为 wx-xxx 开头，可能会导致微信小程序解析 tag 失败 ） {   "usingComponents": {     "qr-container": "wx-qr"   } }…

接下来将讲后台如何与前台进行数据及图片之间的交互，相信这一点是很多人所关注的，因为当时我实在团队中负责后台开发，因此对前端不是特别了解，这里我会贴出前端开发时的部分代码截图，微信小程序的官方api介绍地址是：     https://mp.weixin.qq.com/debug/wxadoc/dev/api/api-network.html 微信与后台服务器之间的数据通信是调用wx.request(OBJECT)实现的，官方api接口里有对此说明， 例如前台向后台发送数据，需要链接服务器php作用路径下的具体php文件，并以key-value形式封装json格式数据，请看以下代码：      url是服务器的域名及isbn.php在服务器的位置，这个位置是相对位置，在我上一篇购买的镜像里默认php文件路径为：    /yjdata/www/  ，这就意味着直接放在这个文件夹下的php只需要在域名后直接/+*.php即可，如果为了方便管理在这个目录下建了一个文件夹则在域名后/文件夹名字/*.php即可。     此外前端向后台传输的数据是以json格式封装的，如图中的data里写的数据，前面是key，后面是具体的value值，后台取得时候是要根据前面的key值取值，此外，method决定了后台与前台通过什么方式交流，这里是用的GET方法，后台与前台方法必须配对使用，不能一个是GET，另一端是POST，在做微信支付功能时，有些安全性隐私性较高的数据必须采用POST进行交互。     这里的前端向后台传输的result是图书的ISBN码，因为我们做的小程序有个功能是调用相机扫描书本后面的条形码从而获得ISBN码，前端将ISBN码发送到后台，后台程序将调用第三方豆瓣图书接口来依据ISBN码查询图书信息，并将图书信息返回给前台，这里我贴出服务器端的代码供大家参考： <?php $result=$_GET["result"];/*获取前端微信小程序扫书的isbn结果*/ 登录后复制 /*与第三方接口通信获取书本信息*/ 登录后复制 $book_info=file_get_contents("https://api.douban.com/v2/book/isbn/:".$result);$jsondecode = json_decode($book_info,true);/*将获取到的书本信息JSON解码*/$title=$jsondecode["title"];/*将解码后书名赋值给title变量*/$author=$jsondecode["author"];/*将解码后作者赋值给author变量*/$publisher=$jsondecode["publisher"];/*将解码后出版社名赋值给publisher变量*/echo "title=".$title; /*向前端返回书名*/echo "author=".$author; /*向前端返回作者名*/echo "publisher=".$publisher; /*向前端返回出版社名*/?&gt; 登录后复制     具体的注释都写得很详细，向前台返回数据则直接用echo即可，一般开发都要与数据库打交道，因此，后台程序就需要依据前台传来的数据对数据库进行操作，这一部分其实也就是接受前台的数据，执行对应的数据库操作，这一部分只要是讲到php数据库操作的都会有，这里我不再进行过多阐述。     此外，对于一个微信小程序来说，图片是必不可少的，而图片资源都是存储在服务器中的，因此如何对图片进行存储是一个关键。接下来将结合一个书本信息的具体插入数据库的过程来进行讲解。。。（其实注释特别详细） <?phpheader ('content-type:application/json;charset=utf8');$mysql_server_name="localhost";/*数据库服务器名称*/$mysql_username="root";/*数据库用户名*/$mysql_password="123456";/*数据库用户密码*/$mysql_databasename="zhishu";/*进入数据库后数据库名*/$conn=mysqli_connect($mysql_server_name,$mysql_username,$mysql_password,$mysql_databasename);/*数据库连接语句*/;;$bookname=$_POST["bookname"];/*从小程序前端获取书本名字*/$authorname=$_POST["authorname"];/*从小程序前端获取书本作者名字*/$bookintroduce=$_POST["introduce"];/*从小程序前端获取书本介绍信息*/$bookholder_name=$_POST["openid"];/*从小程序前端获取书本持有人昵称*/$bookclass=$_POST['classification'];;/*从小程序前端获取书本分类*/date_default_timezone_set('PRC'); /*设置默认时区为中国*/$time=(string)date("Y-m-d-h-i",time());/*获取时间*/function Unioname($a)…