前言前一段时间微信公布小程序，瞬间引来了大量的关注。博主的公司也将其定为目标之一，遂派本菜为先头兵（踩坑侠）。这次开发了一个比较完整的DEMO，模仿自某个APP首页，由于保护隐私的目的我把数据拷贝出来而不是通过接口的方式访问，请求接口的方法我会在后面详细说明。废话不多说，先上原码：https://github.com/Darylxyx/wx-app/tree/master/tanqu-wx。有兴趣
小程序小Demo 调用API，轮播图，排行榜，底部BabTar的使用。。。 board // board/board.js Page({ /** * 页面的初始数据 */ // 可以是网络路径图片，也可以引入本地图片地址 data: { imgUrls: [ '/image/111.jpg',
转载
2019-10-10 20:11:00
331阅读
2评论
系列文章目录微信小程序开发【一】-- 初识小程序 传送门 微信小程序开发【二】-- 小程序入门 传送门 微信小程序开发【三】-- 项目结构概述 传送门 微信小程序开发【四】-- 配置详解 传送门 微信小程序开发【五】-- wxml详解 传送门 微信小程序开发【六】-- wxss详解 传送门 微信小程序开发【七】-- js详解 传送门 微信小程序开发【八】-- 页面栈和模块化 传送门 微信小程序开发
1.首先前往开发者工具下载安装开发工具：2.安装后微信扫码，并填写自己的AppID选择自己的项目目录后登录：登陆后点击工具上的编译按钮，可以在工具的左侧模拟器界面看到这个小程序的表现，也可以点击预览按钮，通过微信的扫一扫在手机上体验你的第一个小程序。3.代码构成：可以看到在项目的根目录有一个 app.json 和 project.config.json，在app.json中是对当前小程序的全局配置
在我们讲完了最基础的四个tabBar栏之后，商城也算是初现模样，本篇文章将会介绍商品详情页面的制作，包括把商品加入购物车的功能、分享商品信息的功能等等效果图如下： 首先是做了是个三图轮播的样式来展示该商品，然后是商品信息的介绍，接着是分享商品和商品类型的挑选，最后使用Vant Weapp中的GoodsAction 商品导航组件来返回首页和加入购物车等操作。具体的代码
小程序基本要领全局三个文件，分别是app.js，app.json，app.wxss(名称都不可更改)创建pages目录文件（作用是用来放各个页面）创建页面{给页面起名字，并且创建4个文件} （1）js：页面逻辑实现 （2）json：负责标题栏和一些状态栏 （3）wxml：管理页面有什么 （4）wxss：页面排布 简便操作：首先创建app.js，app.json，app.wxss，并且在app.js
微信小程序-转盘抽奖代码：lucky-draw.wxss：.lucky_draw_zp{ width: 502rpx; height: 502rpx; margin: 0 auto; position: relative;}
.lucky_draw_zp_img , .lucky_draw_zp_btn{ width: 100%; height: 100%; position: absolute;
最近做小程序，涉及到微信支付，看了看微信小程序开发文档，尽管之前做过微信支付，还是有点懵逼，不过好在之前研究过，不然真的是无从下手。对比了一下发现，其实小程序中做支付比公众号支付要省事很多，因为不需要支付授权目录，也不需要授权域名，但是支付流程却比公众号多了一步，就是统一下单是预支付，然后需要对预支付的结果再次签名之后，才调起支付。 前期准备： 1.开通了微信支付，并且小程序绑定了微信支付； 2.
小程序的登陆流程不同于网页端的登陆，步骤多较繁琐，这里主要讨论前端的具体实现。一. 登陆流程详解这个时序图信息量很多，我们把它拆解开来，代码上纵向我们只用关心“前端”，之后重点关心红框里的第一步和第二步，从简单入手。1. 第一步：code换自定义登陆态前端：使用微信api wx.login()通过接口向后端发送code换取自定义登录态比如token，jwt等。如果需要统一微信平台下的身份，如微信公
前言微信小程序家喻户晓，之前搞过半年的前端，闲来无事，研究下小程序语法。
原创
2022-11-04 11:34:40
101阅读
https://github.com/EastWorld/wechat-app-mall
原创
2022-04-06 10:37:46
341阅读
://github.com/hiszm/mini-app-news
原创
2022-02-13 09:33:41
150阅读
## 如何实现“微信小程序java demo”
作为一名经验丰富的开发者，我将教你如何实现“微信小程序java demo”。首先，我们需要了解整个流程，然后逐步进行操作。
### 流程图
```mermaid
pie
title 整体流程
"准备工作" : 20
"创建小程序项目" : 30
"编写Java后端代码" : 40
"部署并测试" : 10
https://github.com/hiszm/mini-app-news
原创
2021-08-19 13:30:27
116阅读
WechatApp_ThatYear微信小程序, 查询历史上的今天,功能比较简单, 算是一个入门的小demoGitHub源码学习资源1. 微信简易教程 2. 知乎经典答案 3 视频教程微信小程序的结构:1. 微信小程序开发: 1. wxss->css 2. wxml->html 3. 逻辑层使用JavaScript 4...
原创
2021-08-31 16:02:08
344阅读
https://github.com/EastWorld/wechat-app-mall
原创
2021-04-22 20:41:26
1204阅读
收录于合集#微信开发技术3个最近在工作中接入了一下微信小程序支付的功能，虽然说官方文档已经比较详细了，但在使用过程中还是踩了不少的坑，整理了一下大体的流程和代码分享出来。在开始使用小程序支付功能前，需要做好以下的准备工作：申请微信小程序，配置小程序id及秘钥申请用于支付的微信商户平台账号，配置商户号id及商户平台秘钥，并绑定小程序与该商户号后端服务在正式环境下需要https域名，调试模式可以不需要
封装一个弹窗组件 1.新建component文件夹存放我们的组件，里边存放的就是我们所用的组件，我们今天要做的事弹出框，新建文件夹popup存放我们的组件模板，点击右键选择新建component，就会自动生成组件的模板wxss、wxml、json、js，如图： 2.我们可以写一些组件样式和布局，跟页面写法类似，我就不多说了，直接把代码贴出 :popup.
微信小程序开发2 - 本文实例讲述了微信小程序实现拍照和录像拍摄功能方法。分享给大家供大家参考，具体如下：微信小程序拍照: API：wx.chooseImage原先的想法是使用微信的camera组件来实现，并且模拟发朋友圈的样子来进行相机的设置，其实就是将camera组件的大小设置成根屏幕一样大，并在上面使用一个cover-image组件来给用户进行点击，可是实际上的情况是第一，cover-ima
