![](https://img-blog.csdnimg.cn/20210606172848451.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
小程序
文章平均质量分 56
微信小程序开发学习
晚风也很浪漫
Java是世界上最好的语言
展开
-
微信小程序云开发:command指令
数据库操作符,通过 db.command 获取(一)比较操作符command.eq( num ) 等于numcommand.neq( num ) 不等于numcommand.lt( num ) 小于numcommand.lte( num ) 小于等于numcommand.gt( num ) 大于numcommand.gte( num ) 大于等于numcommand.in( array ) 在array数组中command.nin(原创 2021-02-27 15:09:32 · 2447 阅读 · 0 评论 -
微信小程序云开发:提交表单数据到数据库
name属性在小程序开发中,input,textarea这样的可输入内容的组件,可以添加name属性作为该组件输入内容的字段名,以便将其传递到后端进行处理<form bindsubmit="Submit"> <input type="text" name="title"></input> <button form-type="submit">提交</button></form>特殊的的组件还有radio(单选),check原创 2021-02-26 15:29:44 · 2391 阅读 · 0 评论 -
微信小程序云开发:数据库增删改查及查询条件
查询数据库中的数据定义一个const常量,使用wx.cloud.database()方法const db = wx.cloud.database(); //将db连接数据库,用const定义,定义为全局变量使用collection().doc().get()方法获取数据库中的数据db.collection("Demolist").get({ //获取数据库,db为已连接到数据库的值 success:res=>{ this.setData({原创 2021-02-24 15:17:22 · 6337 阅读 · 2 评论 -
微信小程序云开发:基本介绍及云端数据库的使用
基本介绍开发者可以使用云开发快速开发小程序、小游戏、公众号网页等,并且原生打通微信开放能力。发布小程序需要使用云开发。开发者无需搭建服务器,可免鉴权直接使用平台提供的 API 进行业务开发。配有云端数据库,与传统数据库相比操作简单方便开通云服务:在云开发控制台或者小程序网页中进行开通初始化云开发项目:1.删除cloudfunction文件夹中的全部内容2.删除images文件夹中的所有内容3.pages文件夹中只保留index页面,其他删除4.删除style文件夹数据库的使用1.在云原创 2021-02-23 21:48:44 · 3206 阅读 · 0 评论 -
微信小程序开发初学:公共方法封装
utils.js文件为公共js文件,与app.wxss文件相似,每个页面都可以调用utils.js中的方法。1.在utils.js文件夹创建一个新的js文件,如common.js2.在common.js中写入方法体var common={ //注意格式 getRealTime:function(pt){ //时间戳转换 var time = pt*1000; //将秒数转换为毫秒 var timeDate = new Date原创 2021-02-08 15:42:32 · 471 阅读 · 0 评论 -
微信小程序开发:时间戳格式及其转化函数
什么是时间戳格式时间戳是一种特殊的事件表示方式,单位为秒,需要在javascript代码中将其转换为真实时间。转换方式:new Date(number num)num是数字类型的参数,单位为毫秒例如:onLoad: function (options) { var posttime = 1523240130; //原时间戳数据 var time1 = new Date(posttime*1000); //转化为毫秒数 conso原创 2021-02-08 13:19:00 · 2842 阅读 · 0 评论 -
微信小程序开发初学:自定义组件component
component创建1.创建存放自定义组件的文件夹,最好命名为components,在此文件夹中创建一个文件夹,右键新建component,里面包含wxml,wxss,js,json文件2.在四个文件中编写好自定义组件的框架,样式等component调用1.在需要调用component组件的页面的配置文件json中,写入配置项:"usingComponents":{ "组件名1":"组件路径1", "组件名2":"组件路径2"}例如/* json文件 */"usingComp原创 2021-02-07 22:00:27 · 579 阅读 · 0 评论 -
微信小程序开发初学:Javascript ES6语法简介
onReady: function () { //const定义常量 console.log("const定义常量") var str1 = "WeChatlll"; //var定义的变量可覆盖 str1 = "wechatLLL"; console.log(str1); const str = "WeChatlll";//const定义的常量不允许二次修改,否则出错 console.log(s原创 2021-02-04 08:50:15 · 695 阅读 · 0 评论 -
微信小程序开发初学:API - 路由
wx.navigateTo(Object object)保留当前页面,跳转到应用内的某个页面。但是不能跳到 tabBar 页面。object属性(1)String url:跳转路径,若该页面在tabBar中存在,则无法跳转wx.navigateBack(Object object)关闭当前页面,返回上一页面或多级页面。object属性(1)number delta:返回页面数,默认为1wx.switchTab(Object object)跳转到 tabBar 页面,并关闭其他所有非 tab原创 2021-02-03 12:02:37 · 247 阅读 · 0 评论 -
微信小程序开发初学:request网络请求及资讯类小案例
wx.request(Object object)发起 HTTPS 网络请求。(获取网络数据库)object属性(1)String url:网络地址(2)String/Object data:请求的参数(3)function success:接口调用成功的回调函数资讯类小案例<!-- wxml --><view class="View"> <view class="viewList" wx:for="{{requestData}}" wx:key="inde原创 2021-02-03 12:02:14 · 332 阅读 · 0 评论 -
微信小程序开发初学:API - 基础及交互
基础wx.getSystemInfoSync(Object object)返回值:Object res其中包括设备型号,屏幕尺寸等信息交互wx.showLoading(Object object)显示 loading 加载提示框。需主动调用 wx.hideLoading 才能关闭提示框object中的属性:(1)String title:提示内容(2)boolean mask:是否显示透明蒙层,防止触摸穿透(若为true,则显示提示框时不可操作)wx.hideLoading()隐原创 2021-02-02 11:35:02 · 205 阅读 · 0 评论 -
微信小程序开发初学:自定义事件函数及setData使用
事件使用方式在组件中绑定一个事件处理函数。事件分为冒泡事件和非冒泡事件:冒泡事件:当一个组件上的事件被触发后,该事件会向父节点传递。非冒泡事件:当一个组件上的事件被触发后,该事件不会向父节点传递。如<!-- wxml文件 --><view bindtap="myTap" data-title="LZH" data-id="12334" data-back-color="BLUE"> {{backColor}}</view> <!--bindt原创 2021-01-31 20:00:15 · 1275 阅读 · 0 评论 -
微信小程序开发初学:生命周期函数
生命周期函数用于响应页面动作的事件。onLoad类型:function生命周期回调—监听页面加载onLoad:function(){ //页面加载时的事件函数}onShow类型:function生命周期回调—监听页面显示onShow:function(){ //页面显示时的事件函数}onReady类型:function生命周期回调—监听页面初次渲染完成onReady:function(){ //页面初次渲染完成时的事件函数}onHide类型:func原创 2021-01-31 18:08:39 · 362 阅读 · 0 评论 -
微信小程序开发初学:框架 - 条件渲染if与列表渲染for
条件渲染-if使用 wx:if=" " 来判断该代码块是否显示。示例:<!--wx:if="{{ }}"条件判断,{{ }}内存放js代码或boolean类型值,若为true则显示,false则不显示--><view>显示1</view><view wx:if="{{false}}">显示2</view><view wx:if="{{1<2}} ">显示3</view><view wx:if="{原创 2021-01-30 10:23:26 · 253 阅读 · 0 评论 -
微信小程序开发初学:框架 - wxml数据绑定
WXML 中的动态数据均来自对应js文件中 Page 的 data。语法:将data中的变量用{{ }}包括。data中不同类型变量定义字符串类型变量名 : " 字符串 ",数字类型变量名 : 数值 ,数组类型变量名 : [ “列表第一项” , “列表第二项” , “列表第三项”] ,如 List1 : [ “first” , 34 , “third” ] ,对象类型(与C语言中类的定义相似)对象名 : { 变量名1 : 变量值1 , 变量名2 : 变量值2 }原创 2021-01-30 09:21:11 · 282 阅读 · 0 评论 -
微信小程序开发初学:全局配置及页面配置
小程序根目录下的 app.json 文件用来对微信小程序进行全局配置。文件内容为一个 JSON 对象。配置项pages页面路径列表可用于创建页面,及小程序启动默认首页"pages":[/*要注意语法*/ /*两个路径之间需要用逗号分隔,首尾不加逗号*/ "pages/input/input", /*列表第一项为默认启动页面,可用Alt键+上下方向键进行快捷移动*/ "pages/index/index", "pages/button/button", "原创 2021-01-29 09:47:37 · 453 阅读 · 0 评论 -
微信小程序开发初学:开关 - switch
switch具有的属性checked类型:boolean默认值:false开关是否默认选中disabled类型:boolean默认值:false开关是否禁用type类型:String默认值:switchtype属性合法值:(1)switch:开关类型(2)checkbox:勾选框类型color类型:String默认值:#04BE02switch 选中时的颜色,同 css 的 color示例:<view> <switch></swi原创 2021-01-28 10:10:59 · 2782 阅读 · 0 评论 -
微信小程序开发初学:输入框 - input
输入框。input具有的属性value类型:String默认值:无输入框内的初始内容type类型:String默认值:text输入内容的类型type属性的合法值(1)text:输入文本(2)number:输入数字(弹出数字键盘)(3)idcard:输入身份证(弹出身份证输入键盘)password类型:boolean默认值:false是否为密码类型(输入内容显示为圆点)placeholder类型:String默认值:无提示词placeholder-class类型:原创 2021-01-27 11:40:30 · 11385 阅读 · 0 评论 -
微信小程序开发初学:按钮 - button
按钮组件。button具有的属性type类型:String默认值:default按钮的颜色样式type属性的合法值(1)default:默认样式(2)primary:绿色(3)warn:红色size类型:String默认值:default按钮尺寸size属性和合法值(1)default:默认尺寸(2)mini:小尺寸plain类型:boolean默认值:false按钮是否镂空,背景色透明disabled类型:boolean默认值:false按钮是否禁用loa原创 2021-01-26 11:30:10 · 3680 阅读 · 0 评论 -
微信小程序开发初学:滑块视图容器 - swiper
滑块视图容器。其中只可放置swiper-item组件,否则会导致未定义的行为。(常用于图片滑动或页面展示)swiper具有的属性indicator-dots类型:boolean默认值:false是否显示面板指示点indicator-color类型:color默认值:rgba(0, 0, 0, .3)指示点颜色indicator-active-color类型:color默认值:#000000当前选中的指示点颜色autoplay类型:boolean默认值:false是否自动切原创 2021-01-25 09:38:36 · 571 阅读 · 0 评论 -
微信小程序开发初学:文本组件 - text 及 textarea
可用于定义文本属性的组件。text具有的属性selectable类型:boolean默认值:false文本是否可选(已废弃)user-select类型:boolean默认值:boolean文本是否可选,该属性会使文本节点显示为 inline-blockspace类型:String默认值:无显示连续空格space属性合法值(1)ensp:中文字符空格一半大小(2)emsp:中文字符空格大小(3)nbsp:根据字体设置空格大小示例:<view> <原创 2021-01-24 11:00:47 · 991 阅读 · 0 评论 -
微信小程序开发初学:图片组件 - image
image组件用于在小程序中插入图片并对插入的图片进行简单修改。支持 JPG、PNG、SVG、WEBP、GIF 等格式。image具有的属性src类型:String默认值:无图片的网络地址或本地文件目录mode类型:String默认值:scaleToFill图片裁剪,缩放的模式mode属性合法值(1)scaleToFill缩放模式,不保持纵横比缩放图片,使图片的宽高完全拉伸至填满 image 元素(通常图片会形变,不美观)(2)aspectFit缩放模式,保持纵横比缩放图片,使原创 2021-01-23 22:39:30 · 4181 阅读 · 2 评论 -
微信小程序开发初学:超链接---navigator
navigator具有的属性url类型:String默认值:无当前小程序内的跳转链接(跳转到当前小程序中的位置)open-type类型:String默认值:navigate定义跳转方式合法值:(1)navigate保留当前页面,跳转到应用内的某个页面。但是不能跳到 tabbar 页面。(2)redirect关闭当前页面,跳转到应用内的某个页面。可以返回首页,但是不允许跳转到 tabbar 页面。在小程序插件中使用时,只能在当前插件的页面中调用。(3)reLaunch关闭所有页面原创 2021-01-22 22:52:21 · 7488 阅读 · 0 评论 -
微信小程序开发初学:视觉容器--view
view是微信小程序的最基本容器,作用与前端开发中的div容器作用相同,用于存放内容(默认垂直排列)。view具有的属性hover-class类型:String默认值:none指定按下去的样式类。当 hover-class=“none” 时,没有点击态效果示例代码:<view class="title" hover-class="hClass">这是标题</view>.title{ background:blue; }/*普通样式*/.hClass{ backg原创 2021-01-20 21:36:46 · 1505 阅读 · 0 评论 -
微信小程序开发初学---主要学习内容及开发工具
主要学习内容小程序基础框架、组件、API的使用方法两个真实小程序项目资讯类小程序项目应用类小程序项目https配置和上线域名与主机的选取https的配置上线发布PHP写API接口通过PHPMyWind二次开发,快速完成前端所需要的API接口ES6语法结构开发工具—微信开发者工具点击进入API网址在API网址的工具一栏中下载最新的微信开发者工具即可初学者在AppID中选择测试号即可,前期学习不需要注册如下创建:创建完成后:.wxml文件、.wxss文原创 2021-01-18 13:47:30 · 390 阅读 · 0 评论