![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
微信小程序
文章平均质量分 95
web_zsh
时机未到,资格未够,请继续努力
展开
-
用户登录的token认证
1、注册成功的用户,后台会在数据库的users表中分配一个唯一的token值(十六进制、加密)2、登录成功之后,后台会为前端返回该用户的token值*用户的登录密码在数据库中也是加密(MD5)的。3、在所有和用户相关的接口调用过程中,token值必须作为请求头参数传递给后台wx.request({ url:,//请求地址 data:{ //普通参数 }, header:{ token: //token值 }, success:(res)=>{ console.log(r原创 2020-05-31 00:34:24 · 2288 阅读 · 0 评论 -
微信小程序(组件--表单:滑块、开关、选择器)
表单组件(1)表单组件—slider滑动组件属性类型默认值是否必填作用minnumber0否最小值maxnumber100否最大值show-valuebooleanfalse否是否显示当前 valuestepnumber1否步长,取值必须大于 0,并且可被(max - min)整除valuenumber0否...原创 2019-12-10 16:25:40 · 3091 阅读 · 2 评论 -
微信小程序(组件--表单:交互控件)
【本节大纲】(1)input输入框组件(2)textarea多行输入框组件(3)form表单组件(4)radio-group单选选择器与radio单选项目(5)label关联组件(6)checkbox-group多选选择器与checkbox多选项目表单组件input输入框组件基础属性:属性类型默认值是否必填作用valuestring无否输入框的...原创 2019-12-09 19:33:45 · 1006 阅读 · 0 评论 -
微信小程序(组件--表单:按钮微信开放能力与客服)
【前言】本节主要讲解下按钮组件之open-type —微信开放能力常用属性值①contact客户会话②share分享转发③getPhoneNumber获取用户手机号④getUserInfo获取用户信息⑤openSetting授权设置页⑥feedback意见反馈页面表单组件按钮组件之open-type —微信开放能力常用属性值属性值作用contact打开客服...原创 2019-12-05 19:22:52 · 1694 阅读 · 0 评论 -
微信小程序(组件 -- 表单:按钮)
一、button按钮组件button按钮属性属性类型默认值是否必填作用sizestringdefault否按钮的大小typestringdefault否按钮的样式类型plainbooleanfalse否按钮是否镂空,背景色透明disabledbooleanfalse否是否禁用loadingbooleanfal...原创 2019-12-05 16:30:46 · 1868 阅读 · 0 评论 -
微信小程序(组件--基础内容组件)
【前言】(1)icon图标组件(2)progress进度条组件(3)text文本组件(4)拓展:富文本编辑器UE和UM(5)rich-text 富文本组件一、icon图标组件组件属性的长度单位默认为px,2.4.0起支持传入单位(rpx/px)属性类型默认值是否必填作用typestring是icon的类型sizenumber/string...原创 2019-12-04 17:22:50 · 206 阅读 · 0 评论 -
微信小程序(组件--视图组件案例)
【本节大纲】(1)滑块视图容器swiper和滑块swiper-item组件(2)小程序scroll-view实现横向滚动导航(3)scroll-view满屏滚动(4)滚动Tab选项卡视图容器组件(1)滑块视图容器swiper和滑块swiper-item组件微信小程序swiper实现滑动放大缩小效果1. 先将基础轮播图写出来,开启无缝衔接模式circular<swiper c...原创 2019-12-04 14:37:26 · 474 阅读 · 0 评论 -
微信小程序(组件--视图组件)
【前言】什么是组件?组件就是我们写HTML的一些基本标签,比如div、span、p、ul、li等。在大多数HTML里面的标签,很多都是要自己写上一些效果的,但是在小程序里面,很多标签都带有自己的效果,可以实现一些简单的JS逻辑。微信小程序里有很多很有意思的组件,这些组件给我们开发小程序提供了很大的便利简介一个小程序页面可以分解成多个部分组成,组件就是小程序页面的基本组成单元。为了让...原创 2019-12-02 19:53:32 · 660 阅读 · 0 评论 -
微信小程序(WeUI框架)
【前言】因为小程序的api描述都比较简单,并没有wxml及wxss的描述,有的人可能会想小程序有没有一个UI库。类似于前端中的常见的UI库例如Bootstrap、MDUI(简称MD)、Semantic UI(简称Semantic )、uni-app、MUI、Element等等类似的框架UI库小程序UI库WeUI:结果当前是当前有的,它就是微信小程序官方推出的小程序UI库WeUI。简介We...原创 2019-11-30 15:02:46 · 1288 阅读 · 0 评论 -
微信小程序(组件--收藏案例)
【前言】本节主要介绍下常见的收藏功能的实现需求分析样式分析:未收藏时为灰色态,点击收藏按钮,图标变色,同时弹框实体收藏成功;收藏成功后,点击已收藏的商品,取消收藏,此时图标恢复为灰色态,同时弹框提示取消收藏成功。逻辑分析:每个商品单独绑定个数据,负责管理收藏状态,点击时判断状态,然后切换收藏功能(1)先将图片静态样式写入<view class="goodsList"&g...原创 2019-11-30 11:52:51 · 1040 阅读 · 1 评论 -
微信小程序(事件对象-绑定、冒泡、捕获)
原生组件小程序中的部分组件是由客户端创建的原生组件,包含:cameracanvasinput(仅在focus时表现为原生组件)maptextareavideo事件冒泡事件触发验证<view id="parent" bindtap="parentFn"> <view id="child" bindtap="childFn"></view>...原创 2019-11-30 11:04:40 · 300 阅读 · 0 评论 -
微信小程序(触控事件)
事件简介本质:事件是视图层到逻辑层的通讯方式作用:事件可以将用户的行为反馈到逻辑层进行处理应用:事件可以绑定在组件上,当达到触发事件,就会执行逻辑层中对应的事件处理函数参数:事件对象可以携带额外信息,如 id, dataset, touches事件类型在编写代码中,使用频率高的事件方式是:单击—tap长按—longtap滑动—touchstart、touchmove、tou...原创 2019-11-29 18:55:27 · 2188 阅读 · 0 评论 -
微信小程序(补充:开发工具的版本管理工具功能的含义)
开发工具的版本管理工具的功能,不同的显示代表不同的含义,为了让你更清楚知道你改了哪个文件,方便上传.【文件图标】含义:图标含义U文件未追踪(Untracked)A新文件(Added, Staged)M文件有修改(Modified)+M文件有修改(Modified, Staged)C文件有冲突(Conflict)D文件被删除(D...原创 2019-11-29 13:05:28 · 278 阅读 · 1 评论 -
微信小程序(路由及组件跳页传参)
【本节大纲】(1)API路由跳页传参(2)navigator导航组件跳页传参API路由跳页传参商品列表展示页商品展示页编写<!--pages/zhuanti/zhuanti.wxml--><view class="goodsList"> <view class="goodBox" bindtap="toDetail" data-item="{{it...原创 2019-11-29 12:54:40 · 851 阅读 · 0 评论 -
微信小程序(组件跳转、规范、层级准备)
【本节大纲】路由API跳转小结hover样式navigator导航组件跳转路由跳转规范页面层级准备【前言】上节介绍了一下页面栈和路由API跳转,除了使用路由API进行页面跳转外,小程序宿主环境也提供了导航组件navigator进行页面跳转。hover样式对比其他小程序列表项会发现,目前为止,点击跳页时,点击栏没有背景样式,类似于css的hover事件,小程序如果想给元素添加触...原创 2019-11-29 11:47:22 · 620 阅读 · 0 评论 -
微信小程序(页面栈和API跳转)
【本节大纲】数据操作限制补充页面栈API页面跳转—router路由APIwx.navigateTowx.navigateBackwx.redirectTowx.switchTabwx.reLaunch数据操作限制针对上节所讲的程序注册器与页面注册器,简单做下补充,即页面数据data的操作限制:直接修改Page实例的this.data而不调用this.setData是无法...原创 2019-11-29 10:54:44 · 518 阅读 · 0 评论 -
微信小程序(页面用户行为)
小程序界面渲染小程序界面渲染的基本原理:小程序的页面结构由WXML进行描述,WXML可以通过数据绑定的语法绑定从逻辑层传递过来的数据字段,数据来自于页面Page构造器的data字段,data参数是页面首次渲染时从逻辑层传递到渲染层的数据。双线程下的界面渲染:小程序的逻辑层和渲染层是分开的两个线程。在渲染层,宿主环境会把WXML转化成对应的JS对象,在逻辑层发生数据变更的时候,需要通过宿主环...原创 2019-11-27 20:25:44 · 299 阅读 · 0 评论 -
微信小程序(页面生命周期)
【本节大纲】(1)页面构造/注册器Page()(2)页面注册器参数data初始化数据页面生命周期页面用户行为(3)页面生命周期及顺序【前言】注册页面:对于小程序中的每个页面,在页面对应的 page.js 文件中调用 Page 方法注册页面示例作用:指定页面的初始数据、生命周期回调、事件处理函数等。页面的生命周期:页面生命周期函数就是每进入/切换到一个新的页面的时候,就会调用...原创 2019-11-27 17:27:45 · 490 阅读 · 0 评论 -
微信小程序(小程序生命周期、运行机制、场景值)
【本节大纲】(1)程序构造/注册器App()(2)小程序生命周期(3)小程序运行机制(4)scene场景值程序构造/注册器App()注册器/构造器分类:1、小程序级别:App-----程序构造器/注册器作用:注册小程序别名:程序构造器或者程序注册器参数:Object对象二级参数:data初始化数据小程序生命周期:1、onLaunch小程序初始化2、onShow小程序...原创 2019-11-27 17:05:49 · 571 阅读 · 0 评论 -
微信小程序(逻辑层与程序注册构造器)
【本节大纲】(1)小程序逻辑层 App Service(APP服务)(2)ServiceWorker(3)web worker(4)程序构造/注册器App()【前言】逻辑层 App Service(APP服务)小程序开发框架的逻辑层使用 JavaScript 引擎为小程序提供开发者 JavaScript 代码的运行环境以及微信小程序的特有功能。逻辑层将数据进行处理后发送给视图层,...原创 2019-11-27 16:33:21 · 248 阅读 · 0 评论 -
微信小程序(跳页之tabBar导航跳转)
tabBar小程序导航简介小程序是一个多tab标签应用(客户端窗口的底部或顶部有tab栏可以切换页面),可以通过Tabbar配置项指定tab栏的表现,以及tab切换时显示的对应页面。小程序根目录下的 app.json 文件用来对微信小程序进行全局配置在小程序配置文件里面可以设置tabBar属性:属性类型是否必填描述tabBarobject否底部或顶部t...原创 2019-11-25 15:45:53 · 654 阅读 · 0 评论 -
微信小程序(小程序模型与宿主环境)
【本节大纲】(1)小程序模型(2)模型基本工作方式(3)数据驱动(4)通信模式(5)WebView(6)JsCore(7)宿主环境前言小程序可以调用宿主环境/微信提供的微信客户端的能力,这就使得小程序比普通网页拥有更多的能力(扫一扫、摇一摇)。小程序的运行环境分成渲染层和逻辑层, WXML 模板文件和 WXSS 样式文件工作在渲染层,JS 逻辑文件工作在逻辑层。渲...原创 2019-11-25 15:03:29 · 548 阅读 · 0 评论 -
微信小程序(JS逻辑文件)
【本节大纲】(1)业务逻辑案例(2)调用API案例(3)ECMAScript(4)小程序执行环境(5)模块化(6)作用域与全局变量【前言】一个服务仅仅只有界面展示是不够的,还需要和用户做交互:响应用户的点击、获取用户的位置等等。在小程序里边,通过编写 脚本文件来处理用户的操作。小程序的主要开发语言是 JavaScriptJS 作用:①开发者使用 JS来开发业务逻辑;②调用...原创 2019-11-22 21:20:30 · 392 阅读 · 0 评论 -
微信小程序(WXSS样式文件)
【本节大纲】(1)WXSS简介(2)分类(3)尺寸单位rpx(4)样式导入@import(5)style内联样式(6)WXSS选择器(7)开发工具设置WXSS简介WXSS(WeiXin Style Sheets)是一套用于小程序的样式语言,用于描述WXML的组件样式,也就是视觉上的效果。对比:WXSS与Web开发中的CSS类似。为了更适合小程序开发,WXSS对CSS做了一些补...原创 2019-11-21 17:16:54 · 1026 阅读 · 0 评论 -
微信小程序(WXML模板文件二)
【本节大纲】(1)循环指令key属性补充(2)wx:if条件变异指令(3)标签(4)hidden隐藏元素(5)模板(6)引用(7)共同属性循环指令key属性补充Vue和React框架用遍历指令时的key值不建议用indexkey值在没有删除插入操作时只要是唯一值也无所谓,即此时为index索引也可以如果有删除或者插入的操作,后一位会继承删掉的index,这时的key写不如不...原创 2019-11-21 16:08:36 · 122 阅读 · 0 评论 -
微信小程序(WXML模板文件一)
课程大纲(1)页面根元素(2)WXML简介(3)标签闭合、敏感性(4)数据驱动(5)数据绑定{{}}—{{}}(6)列表渲染v-for----wx:for一、页面根元素每一个页面都具备一个根元素:。页面根元素可以在控制台的Wxml选项卡中看到。允许在wxss文件中对page根元素进行样式设置。二、简介WXML 全称:是 WeiXin Markup Language...原创 2019-11-13 20:44:20 · 1972 阅读 · 0 评论 -
微信小程序(微信基本界面配置---JSON配置文件)
(一)认识小程序的目录结构一、根目录下的文件app.js小程序逻辑文件(必须)app.json小程序配置文件(必须)app.wxss全局公共样式文件用于存放页面文件的文件夹:[pages]用于存放公共js的文件夹:[utils]二、微信小程序的页面微信小程序是由若干个页面构成的。所有的页面内容必须存放在[pages]文件夹下。在[pages]文件夹下,每个页面都具备一个独...原创 2019-11-13 17:15:59 · 4075 阅读 · 0 评论 -
微信小程序(发布审核、人员目录结构分析)
课程大纲上传代码提交审核发布代码包优化小程序目录结构分析上传代码同预览和真机调试不同,上传代码是用于提交体验或者审核使用的。点击开发者工具顶部操作栏的上传按钮,填写版本号以及项目备注,需要注意的是,这里版本号以及项目备注是为了方便管理员检查版本使用的,开发者可以根据自己的实际要求来填写这两个字段。上传成功之后,登录小程序管理后台 - 开发管理 - 开发版本 就可以找到刚提交...原创 2019-11-12 19:46:41 · 2519 阅读 · 0 评论 -
微信小程序(开发工具、项目创建)
课程大纲账号申请后台小程序完善安装开发工具IDE小程序项目搭建项目翻译真机预览调试开发前准备小程序是一种全新的连接用户与服务的方式,它可以在微信内被便捷地获取和传播,同时具有出色的使用体验。小程序开发前准备:申请账号安装开发工具1.申请账号开发小程序之前需要先注册一个小程序账号,通过这个帐号你就可以管理你的小程序。账号申请:进入小程序注册页 根据指引填写信息和...原创 2019-11-12 18:59:50 · 183 阅读 · 0 评论