
微信小程序
文章平均质量分 79
潘多编程
yinyouhai@aliyun.com
展开
-
记一次完整的uni-app微信小程序开发到上线过程
uni-app 是什么?uni-app 是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、H5、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉/淘宝)、快应用等多个平台。DCloud公司拥有500万开发者用户,几十万应用案例、10亿手机端月活用户,数千款uni-app插件、70+微信/qq群。阿里小程序工具官方内置uni-app(详见),腾讯课堂官方为uni-app录制培训课程(详见),开发者可以放心选择。uni-app在手,做啥都不愁。即使不原创 2020-09-12 15:51:44 · 6311 阅读 · 0 评论 -
uni-app 系列 三 微信小程序 网上商城实现演示
分类category.vue<template> <view class="content"> <scroll-view scroll-y class="left-aside"> <view v-for="item in flist" :key="item.id" class="f-item b-b" :class="{active: i...原创 2019-10-20 19:39:25 · 1709 阅读 · 2 评论 -
Vue 微信小程序 uni-app学习系列《三》 实现 英语字典功能
效果1 通过扇贝的接口,查询英语单词,并且拿到返回结果callsb:function(val){ console.log("**********callyoudao*******"+val); const duration = 2000; const requestUrl = 'https://api.shanbay.com/bdc/search/?word='+va...原创 2019-05-18 21:05:50 · 2576 阅读 · 0 评论 -
Vue 微信小程序 uni-app学习系列《二》添加搜索插件
使用插件导入插件成功以后复制上面插件的内容,到新的文件修改pages.json运行结果原创 2019-05-18 14:36:46 · 1259 阅读 · 0 评论 -
Vue 微信小程序 uni-app学习系列《一》
下载开发工具http://www.dcloud.io/hbuilderx.html创建项目文件–》项目运行下载微信小程序开发工具,并且完成安装https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html设置微信开发工具路径C:/Program Files (x86)/Tencent/微信web...原创 2019-05-18 13:48:55 · 1068 阅读 · 0 评论 -
Vue 微信小程序 uni-app学习系列《五》 获取用户openid
代码export default { components: {search}, data() { return { globalData: { userInfo: null, version: "1.7", appid: '', secret: '' } } }, methods: { ...原创 2019-05-22 16:35:53 · 4081 阅读 · 0 评论 -
微信小程序开发《二》 官方demo
下载官方demo的代码,zip文件通过开发者工具导入项目项目–》导入效果:原创 2019-05-12 21:43:54 · 788 阅读 · 0 评论 -
微信小程序开发《一》
注册https://mp.weixin.qq.com/wxopen/waregister?action=step1选择 “个人”登录以后 ,查看自己的appid下载最新的开发工具,打开第一个小程序https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html?t=19051021代码说明:.jso...原创 2019-05-12 21:13:11 · 393 阅读 · 0 评论 -
微信小程序开发《四》 执行后台服务接口
代码 clickMe:function(){ this.setData({ tt: 'http demoHello 你点了我' }) wx.request({ url: 'http://localhost:8080/get/1', // 仅为示例,并非真实的接口地址 data: { x: '', y: '' }...原创 2019-05-15 21:26:38 · 451 阅读 · 0 评论 -
微信小程序开发《三》 WXML
定义WXML(WeiXin Markup Language)是框架设计的一套标签语言,结合基础组件、事件系统,可以构建出页面的结构。数据绑定{{message}}// page.jsPage({data: {message: ‘Hello MINA!’}})列表渲染{{item}}// page.jsPage({data: {array: [1, 2, 3, 4,...原创 2019-05-14 22:27:37 · 379 阅读 · 1 评论 -
Vue 微信小程序 uni-app学习系列《四》 获取用户信息
接口uni.getUserInfo({ provider: this.loginProvider, success: (result) => { console.log('getUserInfo success', result); // this.hasUserInfo = true; // this.userInfo = result.us...原创 2019-05-19 22:06:35 · 1251 阅读 · 0 评论