微信小程序
文章平均质量分 80
小墨工作室
一个热爱编程的产品新萌
展开
-
微信小程序 wxml组件开发(五) 电话号码和地图地址
在微信小程序开发中,有时候会遇到电话号码和地图信息需要展示的时候,接下来简单介绍电话号码和地图地址展示功能wxml页面<text bindtap="goMap">地址展示</text><text bindtap="call">电话号码</text>js端Page({ data:{}, //电话+地区 call...原创 2020-05-07 19:22:14 · 913 阅读 · 0 评论 -
微信小程序 wxml组件开发(四) 切换页面
微信小程序的开发过程中,总是有一个页面要点击切换不同内容的版块的需求,例如:那么,如何实现页面切换功能,要使用,wx:for,scroll-view,swiper的功能在一起才能达成这个效果wxml页面<!-- 切换栏 --><view class="swiper-tab"> <block wx:for="{{swipertab}}" w...原创 2020-05-07 19:13:47 · 2032 阅读 · 0 评论 -
微信小程序 wxml组件开发(三) wx:for页面传参
微信小程序是一个js和wxml端交互为主的前端设计,所以大部分小程序的设计都围绕着如何将js端的参数传递到wxml端,以及如何要用户通过wxml端调用参数到js端,进行交互。其中一个核心功能就是wx:for。我们首先看看没有wx:for的js,wxml传参:wxml端<view>{{index}}</view>js端Page({ da...原创 2020-05-07 18:08:24 · 2444 阅读 · 0 评论 -
微信小程序 wxml组件开发(二) swiper轮播页面
微信小程序有着强大而简洁设计的前端组件,这一章我们来看看轮播页面——swiper要如何进行设计部分基本参数介绍属性 类型 默认值 必填 说明 indicator-dots boolean false 否 是否显示面板指示点 autoplay boolean false 否 是否自动切换 current ...原创 2020-05-07 17:32:06 · 1212 阅读 · 0 评论 -
微信小程序 wxml组件开发(一) scroll-view
微信小程序是一款基于微信平台生态具有特色的APP,集中wxml(html),wxss(css),js(javascript),json(json)于一体的前端开发工具,主要开发空间是前端组件和功能,后端数据库一般采用对外对接的方式进行传参。前端通过调用和传递参数进行动态交互数据,再通过JS进行一定的处理和分析后传递给前端进行展示。 这次,我们来主要介绍微信小程序的可...原创 2020-05-07 16:08:29 · 986 阅读 · 0 评论 -
微信小程序 云开发——图片上传
微信小程序自带的云数据库是一个功能强大的数据库,这次我们来介绍如何进行云开发上传图片,并且保存临时链接和数据链接完整的代码在https://github.com/ksyueying/pic_updata.git中,接下来只讲解部分核心代码:微信小程序JS端:onLoad: function() { var that = this // 调用云函数 wx.clo...原创 2020-05-06 17:57:22 · 3726 阅读 · 1 评论 -
微信小程序wx.request(8) 实现增、删、改、查(后端为php版本)
增添数据 删除数据更改数据 查找数据原创 2020-04-26 16:40:01 · 1694 阅读 · 0 评论 -
微信小程序 用户openid获取
微信小程序在用户体验时,需要记录和辨别用户的信息,几乎任何用户相关的信息都可以用微信自带的用户openid来辨别,所以,如何简单的获取openid,成为了微信小程序开发的关键技术。 接下来,我们将要带来获取用户openid的技术wx.login({ success: function (res) { var d = {}; ...原创 2020-04-26 15:41:41 · 445 阅读 · 0 评论 -
微信小程序wx.request(7)——登录注册
我们假定云服务器为http://180.200.24.1:8080,接口为userinfo.php来实现登录功能,接口为adduser.php来实现注册功能,使用腾讯云数据库,内网地址为:172.15.0.2:3306,数据库结构如下: 数据库的名字为testinfo,数据表为datatest首先,我们来实现登录功能: userinfo.php...原创 2019-04-14 22:55:01 · 1268 阅读 · 0 评论 -
微信小程序wx.request(6)——查找数据
我们假定云服务器为http://180.200.24.1:8080,接口为search.php,使用腾讯云数据库,内网地址为:172.15.0.2:3306,数据库结构如下: 数据库的名字为testinfo,数据表为datatestsearch.php$name=$_GET['username'] ;//接收参数$conn = mysqli_connec...原创 2019-04-14 22:17:32 · 728 阅读 · 0 评论 -
微信小程序wx.request(5)——更改数据
我们假定云服务器为http://180.200.24.1:8080,接口为edit.php,使用腾讯云数据库,内网地址为:172.15.0.2:3306,数据库结构如下: 数据库的名字为testinfo,数据表为datatest接口edit.php如下: $id = $_GET["id"];$username = $_GET["usernam...原创 2019-04-14 22:12:03 · 1566 阅读 · 0 评论 -
微信小程序云数据库实现登录
微信小程序自带的云数据库的优势在于,不用搭建服务器和后端就可以直接调用数据库云数据库配置:假设环境ID:abss 数据库名为:abc微信小程序自带的云数据库可以生成登录注册系统,以下是简单实现功能的示例代码: 登录界面如下:login.wxml页面: <view class='username_it...原创 2019-04-14 17:49:53 · 15941 阅读 · 29 评论 -
微信小程序云数据库实现增,删,改,查
1. 初始化 首先,我们创建一个云数据库,环境名称为:BOOKS,环境ID为:BOOKS-ks911s 在一个小程序页面调用云数据库时要首先初始化, //index.js //获取应用实例 var app = getApp(); wx.cloud.i...原创 2019-04-01 22:17:31 · 2214 阅读 · 0 评论 -
微信小程序云数据库传输视频数据(WXML页面)
使用了微信小程序自产的云数据库近半年,有5GB的空间,和比较严格的用户权限系统。个人感觉是属于一个给小程序开发者测试线上数据传输使用的测试数据库,用作正式数据库并不实用,但是测试产品性能确十分在行。 这里简单展示下,如何使用云数据库调用数据和生成页面,以及进行数据传输 首先,生成基本的云数据库页面,集合名称为videodat...原创 2019-04-01 22:07:17 · 3983 阅读 · 3 评论 -
微信小程序各种数据传输(云数据库、外接服务器、页面引用、全局变量等)
微信小程序数据传输数据传输流的种类云开发数据传输其他后台数据传输当前页面数据传输页面之间数据引用页面之间数据传输全局变量数据传输不同数据传输之间的对比数据传输流的种类两个月前微信小程序提供云开发服务,为微信小程序开发者提供极大的便利,和省去了后台开发的工作量,使开发者得到了后台和数据的支撑,可以将精力集中在内容开发上。以下就介绍下小程序的几种后台数据传输形式。云开发数据传输初始化首先...原创 2018-10-30 22:54:43 · 9526 阅读 · 6 评论 -
微信小程序云数据库实现注册
微信小程序自带的云数据库的优势在于,不用搭建服务器和后端就可以直接调用数据库我们接下来使用云数据库实现注册功能,效果图如下云数据库结构如下:这是用云数据库实现注册功能,实现代码如下,: register.wxml <view class="page"> <view class="zhuce">注册</view&g...原创 2019-04-14 18:12:44 · 2676 阅读 · 4 评论 -
微信小程序wx.request(1)——基本操作
微信小程序的wx.request是微信小程序最早生成的数据库传输模式,数据传输简单明确。接下来,我们来操作下微信小程序如何链接数据库。 首先,wx.request整体的架构如下:wx.request({ url:'https://域名ID/index.php', //必填,其他的都可以不填 data:{ a:1, ...原创 2019-04-14 21:01:39 · 33019 阅读 · 0 评论 -
微信小程序wx.request(2)——获取数据
使用微信小程序的wx.request建立数据库链接时,要注意微信小程序有一个要加载的request合法域名。如果没有加载的域名可能无法使用,所以要提前进行如下操作: 点击右上角的中的详情: 在不校验合法域名、web-view(业务域名)、TLS版本以及HTTPS证书中划√ 这样就可以使用未录入的域名,...原创 2019-04-14 21:45:26 · 3672 阅读 · 0 评论 -
微信小程序wx.request(3)——增添数据
我们假定云服务器为http://180.200.24.1:8080,接口为add.php,使用腾讯云数据库,内网地址为:172.15.0.2:3306,数据库结构如下: 数据库的名字为testinfo,数据表为datatestadd.php如下$id = $_GET["id"];$username = $_GET["username"];$passwo...原创 2019-04-14 21:56:29 · 331 阅读 · 0 评论 -
微信小程序wx.request(4)——删除功能
我们假定云服务器为http://180.200.24.1:8080,接口为delete.php,使用腾讯云数据库,内网地址为:172.15.0.2:3306,数据库结构如下: 数据库的名字为testinfo,数据表为datatestdelete.php如下: $name=$_GET["username"] ;//接收参数$conn = mysqli_...原创 2019-04-14 22:03:04 · 2884 阅读 · 0 评论 -
微信小程序云数据基本操作(初始化和调用)
首先在 app.js页面输入 App({ onLaunch:function(){ wx.cloud.init({ env:'abc',--->这里是云数据库的环境ID traceUser:true }) } })...原创 2019-04-14 17:20:10 · 6574 阅读 · 1 评论