微信小程序
干了这杯柠檬多
运气是实力的一部分,但我运气向来不好,所以只能靠实力去弥补!
展开
-
微信小程序开发入门
一、小程序基本概念1、开发工具:为了配合小程序开发,微信专门配备了自己的开发工具,自行选择对应版本安装。2、创建项目应用:安装完成后,打开并扫码登录。小程序发布需要企业级的认证公众号,所以个人订阅号是不能发布的。所以我这里选择无AppID,创建项目选择一个本地空文件夹,勾选创建quick start 项目生成一个demo。3、编写小程序:demo初始化并包含了一些简单的代码文件...转载 2019-03-22 17:44:15 · 377 阅读 · 1 评论 -
微信小程序生命周期
微信小程序page的生命周期,下图摘自微信小程序官方文档。左侧列为视图,右侧为服务。生命周期函数有以下几个:onLoad: 页面加载 一个页面只会调用一次。 接收页面参数 获取参数为options.data,其他获得参数都为this.options.dataonShow: 页面显示 每次打开页面都会调用一次。 onReady: 页面初次渲染完成...原创 2019-06-24 19:00:24 · 1415 阅读 · 0 评论 -
微信小程序的五种跳转方式
//只能跳转到tabBar配置页面wx.switchTab({ url: '/pages/index/index',});//返回上一级页面(delta:返回的页面数,如果 delta 大于现有页面数,则返回到首页,默认值为1)wx.navigateBack({ delta: 2})//关闭当前页面,跳转到应用内的某个页面wx.redirectTo({ url: '/...转载 2019-06-24 10:47:52 · 2173 阅读 · 0 评论 -
微信小程序弹出弹窗提示
点击删除提示弹窗wx.showModal({ title: '提示', content: '确定要删除吗?', success: function (e) { if (e.confirm) { // 用户点击了确定 } else if (e.cancel) { } ...原创 2019-06-17 13:42:09 · 5630 阅读 · 0 评论 -
微信小程序跳转外部网站
以跳转百度为例,点击一个按钮,跳转到百度(百度的网页还是在小程序中打开)wxml:<view > <button bindtap='to'>点击跳转</button> </view>js: to: function (e) { wx.navigateTo({ url: '/pages/out/ou...原创 2019-06-21 11:04:05 · 6042 阅读 · 2 评论 -
微信小程序与java后台交互post得不到数据的坑
首先先贴微信小程序请求的代码:我们只传一个参数,使用post请求 wx.request({ url: 'http://127.0.0.1:8080/provider/demo', data: { MemberID: 1, //用户编号 }, method: 'post', ...原创 2019-06-04 16:06:57 · 3269 阅读 · 1 评论 -
微信小程序wx.switchTab参数处理
官方文档上不能传递参数。所以只能放在全局变量中。app.js中 globalData: { homeCurrentTab:0 }我们所在的页面:.wxml内容:navigator必须要有url参数<navigator bindtap='kind' url='../kind/kind' open-type="switchTab" data-id="0"...原创 2019-05-23 15:26:31 · 2833 阅读 · 1 评论 -
微信小程序传递对象(数组)
从接口获得的数组需要传递给下一个页面,需要通过var items = JSON.stringify(res.data)这句代码将对象转为字符串后进行传递。 search: function (res) { console.log("搜索信息---" + this.data.searchValue) var self = this wx.request(...原创 2019-05-23 14:21:39 · 11065 阅读 · 1 评论 -
微信小程序设置对象参数
顺带一提:微信小程序是不能直接连接数据库的,所以想要获取数据库的真实地址是要通过访问接口来实现的。1.微信小程序设置普通参数: data: { abc: "", qwe: "", }, onLoad: function (options) { var self = this self.setData({ abc...原创 2019-05-17 13:49:08 · 3068 阅读 · 1 评论 -
从实战学习微信小程序-电商星星评分功能(五)
现在,大多数电商系统都是通过五颗星星来进行商品评分的,所以我们要准备两种图片:实心星星和空心星星(如果你想要半星评价也可以加上一个半实星星,实现原理一样)源码链接下载:https://download.csdn.net/download/qq_39404258/11141525(积分是csdn默认设置的,我也没办法)先上图:自己点第几颗星星,它左边(包括自己)都会变为实心。j...原创 2019-04-24 17:56:24 · 953 阅读 · 0 评论 -
从实战学习微信小程序-电商商品详情前端(四)
商品详情页面,仿淘宝页面。源码链接下载:https://download.csdn.net/download/qq_39404258/11141525(积分是csdn默认设置的,我也没办法)先上图:界面内容有轮播图、商品信息、评论、商品详情,点击选择规格浮现弹窗。这里为了开发起来方便,只给第二个按钮附上了bindtap。在app.json中先配置该页面,不必多说。 "...原创 2019-04-24 17:39:15 · 2088 阅读 · 0 评论 -
从实战学习微信小程序-电商我的订单前端(三)
电商系统的我的订单功能难点就在如何切换tab,其他的技术点就是平常操作。源码链接下载:https://download.csdn.net/download/qq_39404258/11141525(积分是csdn默认设置的,我也没办法)先上效果图: 如图所示选中会有红色实现标注,并切换到相应页签,下面订单有两种显示方式,单件商品右侧显示商品描述,多件商品只显示商品图片...原创 2019-04-24 17:17:24 · 1788 阅读 · 0 评论 -
从实战学习微信小程序-电商购物车前端(二)
作为一个电商平台,怎么能没有购物车页面,购物车要实现的功能有:勾选要付款的商品、增加商品数量、计算总价等功能。 源码链接下载:https://download.csdn.net/download/qq_39404258/11141525(积分是csdn默认设置的,我也没办法) 先上购物车效果图:在app.json中先配置该页面,不必多说。 "pages/s...原创 2019-04-24 16:50:01 · 543 阅读 · 0 评论 -
从实战学习微信小程序-电商首页前端(一)
刚开始接触小程序就被分配了一个小程序的前端项目,我只能一边学习一边做,做起来发现也就那么回事,如果只看api不动手的话,那么多内容是记不住的,但不得不说微信小程序api封装了好多内容,简单好用,但微信小程序开发工具就各种出问题,不能控制台卡了就是不能复制粘贴了,我遇到这种事,只能重启软件或重启电脑,没办法,刚开始学习,很多不熟悉。源码链接下载:https://download.cs...原创 2019-04-24 16:19:57 · 1921 阅读 · 0 评论 -
微信小程序改变页面背景颜色
改变整个页面的背景颜色 在该wxss中添加page { background: #F3F3F3;}原创 2019-04-19 09:57:03 · 4903 阅读 · 0 评论 -
微信小程序radio再次点击取消
微信小程序实现radio点击选中,再次点击取消选中js中:page({ data: { check:true, },radiocon: function (e) { var check = this.data.check; check=!check; this.setData({ check: check ...原创 2019-04-23 16:09:50 · 2769 阅读 · 0 评论 -
将省市区数据库转化为json格式数据
数据库字段:实体类public class javaBean { public String code; public String name; public String parent_code;}主要代码:package test;import java.io.File;import java.io.FileWriter;import ...原创 2019-07-26 17:48:45 · 1627 阅读 · 0 评论