小程序实战

小程序实战之登录的原理和实现（内含福利）

作者|码匠笔记责编|伍杏玲本文经授权转载自码匠笔记（ID：majiangbiji）登录原理登录便是小程序的开始，小程序可以方便的使用微信登录，获取用户的个人信息，这样我们就能保留用户的信息和记录用户的操作。如图是小程序官方给出的登录过程：1.调用wx.login()获取临时登录凭证code，并回传到开发者服务器。调用code2Session接口，换取用户唯一标识OpenID和会话密钥(sessio
CSDN 程序人生·2019-01-21 12:28

2019最新某9小时搞定微信小程序开发 微信小程序实战项目

该课程完全是从零基础开始讲解微信小程序的，刚开始讲解的就是小程序的背景、什么是小程序等等，该课程非常适合零基础的朋友。该课程一共91讲，最后还有实战项目，是一个关于小书架的项目，包含登陆中心、书籍详情页面、评论消息等等。下载地址：百度网盘
LINZHIMU2018·2019-01-20 17:25

小程序性能优化总结

原文链接：https://segmentfault.com/a/1190000017833805历史总结：小程序倒计时深究小程序实战踩坑之B2B商城项目总结初试小刀自我简历小程序启动加载优化在小程序启动时
weixin_34087301·2019-01-09 18:04

小程序性能优化总结

原文链接：https://juejin.im/post/5c35e83a6fb9a049d2363eac历史总结：小程序倒计时深究小程序实战踩坑之B2B商城项目总结初试小刀自我简历小程序启动加载优化在小程序启动时
weixin_34216196·2019-01-09 12:06

小程序性能优化总结

历史总结：小程序倒计时深究小程序实战踩坑之B2B商城项目总结初试小刀自我简历小程序启动加载优化在小程序启动时，微信会在背后完成几项工作：下载小程序代码包、加载小程序代码包、初始化小程序首页。
张炳·2019-01-09 00:00

小程序实战踩坑之B2B商城项目总结

坑一：支付完成页面，点击“完成”按钮会触发返回的页面的onShow()生命周期(秘坑)如下图，原以为是微信的页面，不会影响到小程序，实际情况下是会触发返回的页面的onShow()的。触发bug业务场景详细描述：因为业务需要，我会在下订单页面触发onShow()，在onShow里面会有调取查询购物车的商品数据，如果商品数据不存在，就会跳转到首页。当用户支付完成后，返回下订单页面，触发onShow生命
张炳·2018-12-24 00:00

【小程序增长黑客】实战技巧分享

分享的内容主要是一些小程序实战的技巧，随着小程序的爆发，越来越多的企业会把重心转移到小程序上，相信未来会诞生很多小程序，届时一定会遇到小程序增长类的问题。
666frank666·2018-09-12 23:43

微信小程序实战--查成语

小程序一、代码结构.json后缀的json配置文件.wxml后缀的是wxml模板文件.wxss后缀的wxss样式文件.js后缀的js脚本逻辑文件二、json配置文件app.json是对小程序的全局配置，包括页面路径pages、所有页面顶部背景色文字色window、网络超时时间networkTimeout等，具体可查看官网·配置页project.config.json对整个项目的配置及编辑器的配置，
奋斗的小小小兔子·2018-08-17 18:23

小程序实战小汇总

前言才发现已经长达两个月没有更新博客了，原因当然也是有的了，就像我之前说的，博客以后可能主打的方向的日常开发中遇到的问题汇总和踩坑指南之类。对于技术学习和技术分享可能会比较偏向于在个人公众号和GitHub上更新。在此附上公众号和GitHub链接，喜欢的可以关注（虽然现在内容不多）。再说下最近忙的内容吧，最近就在忙公司项目，公司的小程序，上年就说要做的到今年年中终于是上线了第一个版本，然后小弟又作为
PC.aaron·2018-07-12 17:00

微信小程序实战入门

一、简介微信小程序账号、微信web开发者工具（包括小程序和公众号网页开发）、编译（Ctrl+B）（第一次编译无效果时重启工具）、预览（自动上传代码，微信扫码可预览开发版）。参考：https://developers.weixin.qq.com/miniprogram/dev/二、工程工程构成：页面：wxml（weixinxml，类似html）、wxss（weixincss，等同于css）、js，工
风铃峰顶·2018-05-19 16:20

微信小程序实战_商城1

最近公司比较闲我给大家带来一个微信小程序的商城实战项功能：再这个项目中主要有五大模块：首页店铺搜索动态我的等五大模块（主要参考拼多多商城小程序）这里是拼多多商城首页接下来是我的商城的首页实现本章项目地址：点击打开链接商城的具体功能就不再陈述大部分商城都前篇一律主要功能都是实现线上购物！今天主要搭建项目架构以及首页页面！首先我们再本地创建一个项目文件夹我这里取名就叫shangcheng接着我们打开微
李金伟l·2018-05-07 15:03

9 小时搞定微信小程序开发

78讲-微信小程序开放功能之登录授权第79讲-微信小程序开放功能之微信支付第80讲-微信小程序开放功能之模板消息第81讲-微信小程序开放功能之转发分享第82讲-微信小程序开放功能之打开APP第83讲-小程序实战项目小书架之开发前的准备第
hgh813210·2018-04-29 13:55

微信小程序实战 购物车功能

代码地址如下：http://www.demodashi.com/demo/12400.html一、准备工作软件环境：微信开发者工具官方下载地址：https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html基本需求显示图书基本信息：名称、作者、描述、价格、数量。点击复选框进行toggle操作。当前选中，则变成未选中；当前未选中，则变
findhappy117·2018-04-07 14:32

微信小程序实战篇：基于wxcharts.js绘制移动报表

前言微信小程序图表插件（wx-charts）是基于canvas绘制，体积小巧，支持图表类型饼图、线图、柱状图、区域图等图表图形绘制，目前wx-charts是微信小程序图表插件中比较强大好使的一个。订单报表.gif如上图所示，我们基于wxcharts.js来实现订单统计报表。导入wxcharts.js3.pic.jpg将wxcharts.js存放在utils目录column.wxml{{chartT
IT实战联盟Lin·2018-03-14 16:13

微信小程序API+微信支付 微信开发/微信商城/电商微商小程序-陈世平-专题视频课程...

课程收益新浪云服务器搭建、文件上传下载、获取openid、微信支付全套流程、模板消息推送、电商小程序实战案例（商品展示、购物车、购买支付、订单查询）讲师介绍陈世平更多讲师课程杰瑞教育Java/Web前端方向助教
杰瑞教育·2018-02-09 13:22

微信小程序开发之大神之路最全微信小程序开发教程（视频+精品文章）

最新小程序商城类开发教程：1微信小程序之侧栏分类——微信小程序实战商城系列（1）2微信小程序之仿淘宝分类入口——微信小程序实战商城系列（2）3微信小程序之购物数量加减——微信小程序实战商城系列（3）4微信小程序之商品属性分类
qq_29651203·2018-01-25 16:51

微信小程序实战篇之购物车的实现代码示例

哈喽，大家好，快半个月没写了，现在提笔都有点生硬了，一直没更新的原因，一个是代码君也要上班，加上最近工作比较忙，还有就是写文章一直未被认可，所以没什么动力再创作了，那时真的坚持不下去，打算放弃了，感谢读者曹明，一个韩国的研究生读者，支持我，并给我鼓励，期待我更新下一篇，我非常感动，瞬间战斗力恢复，其实你们简单的点赞，评论，都是给我最大的支持，好了，煽情完毕，该讲今天的重点了，购物车，购物车的界面实
代码君_Coder·2017-11-30 10:42

微信小程序实战：CMS系统开发-老孟编程

小程序实战：Cms系统开发讲师：孟老师微信小程序实战：CMS系统开发发布地址：http://study.163.com/course/courseMain.htm?
老孟编程·2017-06-10 21:44

微信小程序实战篇-电商（一）

哈喽，大家好，端午节过的怎么样啊，代码君可是没休息，专心的写电商文章哦，也是蛮拼的，如果对代码君认可的话，欢迎点赞转发，你们的点赞转发是对我最大的支持！好啦，言归正传，我们今天要讲解微信小程序的实战篇-电商，因为很多读者都反馈让我出一个关于电商的教程，所以我就打算利用空余时间写几篇关于电商小程序的教程，这个是第一篇，好，小明同学，现在要开始划重点啦，注意听哦~电商底部导航栏的制作我想大家对电商一定
代码集中营·2017-05-31 08:55

微信小程序实战练习（仿五洲到家微信版）

微信小程序实战github地址（欢迎star）：https://github.com/xiaobinwu/dj版本：0.15.152900（暂未升级原因：升级后需要图片无法本地引用，必须使用image或是远程路径引用
xiaobinwu·2017-05-25 00:00

微信小程序实战教程：模仿—网易云音乐(一）

初窥todo:添加音乐到收藏（最近）列表歌词滚动从一个helloworld开始微信开发者工具生成目录如下：.|--app.js|--app.json|--app.wxss|--pages||--index#主页|||--index.js|||--index.json|||--index.wxml||`--index.wxss|`--log#日志页面|||--log.js|||--log.json|
极乐小程序·2017-05-18 16:45

微信小程序之购物车 —— 微信小程序实战商城系列（5）

续上一篇的文章：微信小程序之商品属性分类——微信小程序实战商城系列（4）自从认识某人后，我收获了两个成功。登录成功、付款成功，而且还拥有了自己的一辆车：购物车也发现了自己的不足之处：余额不足。
michael_ouyang·2017-04-25 18:53

微信小程序实战之自定义模态弹窗（8）

首先看看官方提供的模态弹窗，供大家参考，具体内容如下api如下：示例：这样的模态弹窗，充其量只能做个alert，提示一下信息。但是并不能使用它来处理复杂性的弹窗业务，因此写了Michael从新自定义了一个，采用了仿原生的样式写法wxml：button弹窗标题标题标题标题标题备注确定wxss：/*button*/.btn{width:80%;padding:20rpx0;border-radius:
michael_ouyang·2017-04-18 11:39

微信小程序实战之自定义抽屉菜单（7）

微信提供了动画api，就是下面这个相关链接：https://mp.weixin.qq.com/debug/wxadoc/dev/api/api-animation.html#wxcreateanimationobject通过使用这个创建动画的api，可以做出很多特效出来下面介绍一个抽屉菜单的案例实现代码：wxml：button菜单1菜单2菜单3菜单4菜单5wxss：/*button*/.btn{w
michael_ouyang·2017-04-18 10:07

微信小程序实战之自定义toast（6）

微信提供了一个toast的apiwx.showToast()相关连接：https://mp.weixin.qq.com/debug/wxadoc/dev/api/api-react.html#wxshowtoastobject本来是比较好的，方便使用，但是这个toast会显示出图标，而且不能去除。假设：我们执行完业务的时候，toast一下，当执行成功的时候，效果还可以接受，如下图：但是，当执行失败
michael_ouyang·2017-04-18 10:17

微信小程序实战之登录页面制作（5）

提供一个登录页的案例，供同学们使用项目效果图：目录结构：图片资源：name.pngkey.pngloginLog.jpglogin.wxml：账号密码登录login.wxss：page{height:100%;}.container{height:100%;display:flex;flex-direction:column;padding:0;box-sizing:border-box;back
michael_ouyang·2017-04-18 10:01

微信小程序实战之仿android fragment可滑动底部导航栏（4）

底部3-5个选项的底部导航栏，目前在移动端上是主流布局之一，因此腾讯官方特地做了，可以通过设置，就可以做出了一个底部的导航栏。相关教程：微信小程序教程系列之设置标题栏和导航栏（7）但是通过设置的这个底部的导航栏，功能上比较固定，它必须要设置与它对应的一个页面，而且并不能滑动。在业务上，有时候会比较限制，并不能完全满足所需。又例如早前有人拿着UI稿问我，这种广告轮播图的样式，在小程序能不能实现呢？我
michael_ouyang·2017-04-18 09:39

微信小程序实战之轮播图（3）

轮播图是大部分应用的一个常用的功能，常用于广告投放、产品展示、活动展示等等。漂亮的轮播图效果可以吸引用户的点击，达到推广产品的作用。废话少说，下面开始动手。业务需求：5个图片轮番播放，可以左右滑动，点击指示点可以切换图片重点说明：由于微信小程序，整个项目编译后的大小不能超过1M查看做轮播图功能的一张图片大小都已经有100+k了那么我们可以把图片放在服务器上，发送请求来获取。index.wxml：这
michael_ouyang·2017-04-17 16:01

微信小程序实战之顶部导航栏（选项卡）（1）

本文实例为大家分享了微信小程序顶部导航栏的具体代码，供大家参考，具体内容如下需求：顶部导航栏效果图：wxml：{{item}}tab_01tab_02tab_03wxss：page{display:flex;flex-direction:column;height:100%;}.navbar{flex:none;display:flex;background:#fff;}.navbar.item{
michael_ouyang·2017-04-17 16:52

微信小程序实战之上拉（分页加载）效果（2）

上拉加载（分页加载）当用户打开一个页面时，假设后台数据量庞大时，一次性地返回所有数据给客户端，页面的打开速度就会有所下降，而且用户只看上面的内容而不需要看后面的内容时，也浪费用户流量，基于优化的角度来考虑，后台不要一次性返回所有数据，当用户有需要再往下翻的时候，再加载更加数据出来。业务需求：列表滚动到底部时，继续往上拉，加载更多内容必备参数：（1）pageindex:1//第几次加载（2）call
michael_ouyang·2017-04-17 15:52

微信小程序商城项目之商品属性分类（4）

续上一篇的文章：微信小程序之购物数量加减――微信小程序实战商城系列（3）所提及的购物数量的加减，现在说说商品属性值联动选择。
michael_ouyang·2017-04-17 14:25

微信小程序之侧栏分类 —— 微信小程序实战商城系列（1）

在商场项目中，一般都会有分类页面。分类页面可以给用户快速找到相关的商品，下面以侧栏分类为例，如下图布局分析：左盒子使用标准流右盒子使用绝对定位（top、right）wxml：{{item.tree.desc}}{{item.tree.desc}}{{item.tree.desc2}}暂无数据wxss：page{background:#f5f5f5;}/*总体主盒子*/.container{posi
michael_ouyang·2017-04-14 15:36

“微音乐”微信小程序实战开发过程

本文节选自高洪涛撰写的《从零开始学微信小程序开发》一书，由电子工业出版社出版。责编：陈秋歌，关注微信开发等领域，寻求报道或者投稿请发邮件至chenqg#csdn.net。本文带大家开发一个音乐播放器微信小程序——微音乐。该播放器通过QQ音乐接口获取音乐相关数据，首先在页面中显示一个音乐分类列表，用户选择分类之后从QQ音乐中查询获取符合要求的音乐列表，在这个音乐列表中单击一首音乐即进入播放页面进行播
陈秋歌·2017-03-21 11:12

微信小程序之自定义模态弹窗（带动画）实例 —— 微信小程序实战系列（8）

首先看看官方提供的模态弹窗api如下：示例：这样的模态弹窗，充其量只能做个alert，提示一下信息。但是并不能使用它来处理复杂性的弹窗业务，因此写了Michael从新自定义了一个，采用了仿原生的样式写法wxml：button弹窗标题标题标题标题标题备注确定wxss：/*button*/.btn{width:80%;padding:20rpx0;border-radius:10rpx;text-al
michael_ouyang·2017-03-16 18:04

微信小程序之登录页实例 —— 微信小程序实战系列（5）

提供一个登录页的案例，供同学们使用项目效果图：目录结构：图片资源：name.pngkey.pngloginLog.jpglogin.wxml：账号密码登录login.wxss：page{height:100%;}.container{height:100%;display:flex;flex-direction:column;padding:0;box-sizing:border-box;back
michael_ouyang·2017-03-07 10:08

微信小程序实战教程1503---生成二维码

在微信小程序中，如果我们可以自己将指定内容生成二维码，出示给别人，将是一个比较有用的功能。但是微信小程序API中，目前暂时还没有这个功能，但是我们可以通过变通的方法，来实现这一功能。本文所提到的方法，是受到这篇博文的启发（http://blog.csdn.net/sinat_17775997/article/details/53608479），但是具体实现细节有些不同，读者可以结合那篇博文以及配套
最老程序员闫涛·2017-03-06 00:00

微信小程序之自定义轮播图实例 —— 微信小程序实战系列（3）

轮播图是大部分应用的一个常用的功能，常用于广告投放、产品展示、活动展示等等。漂亮的轮播图效果可以吸引用户的点击，达到推广产品的作用。废话少说，下面开始动手。业务需求：5个图片轮番播放，可以左右滑动，点击指示点可以切换图片重点说明：由于微信小程序，整个项目编译后的大小不能超过1M查看做轮播图功能的一张图片大小都已经有100+k了那么我们可以把图片放在服务器上，发送请求来获取。index.wxml：这
michael_ouyang·2017-02-28 12:29

微信小程序之加载更多（分页加载）实例 —— 微信小程序实战系列（2）

loadmore加载更多（分页加载）当用户打开一个页面时，假设后台数据量庞大时，一次性地返回所有数据给客户端，页面的打开速度就会有所下降，而且用户只看上面的内容而不需要看后面的内容时，也浪费用户流量，基于优化的角度来考虑，后台不要一次性返回所有数据，当用户有需要再往下翻的时候，再加载更加数据出来。业务需求：列表滚动到底部时，继续往上拉，加载更多内容必备参数：（1）pageindex:1//第几次加
michael_ouyang·2017-02-24 17:21

微信小程序之顶部导航栏（选项卡）实例 —— 微信小程序实战系列（1）

需求：顶部导航栏效果图：wxml：{{item}}tab_01tab_02tab_03wxss：page{display:flex;flex-direction:column;height:100%;}.navbar{flex:none;display:flex;background:#fff;}.navbar.item{position:relative;flex:auto;text-align
michael_ouyang·2017-02-22 16:42

微信小程序实战之运维小项目

前言自从微信推出小程序以来，现在业界炒的非常的火，具说叫微信小程序是因为某公司不让叫应用号，我在朋友圈也看过pony的和张小龙朋友圈关于名字的讨论截图，不知道是真是假，反正名字是定了，叫啥无所谓，还是知道它是干啥的比较重要，像网上说什么新风口了，原生APP以后没活路了等相关文章喜欢的可以多看看，我们今天不会在产品层面上去介绍小程序，因为我们是搞运维的，所以我还是在运维层面怎么使用小程序。今天我们用
mindg.cn·2017-01-17 14:16

微信小程序之目前为止史上最全的微信小程序项目实例， 微信小程序实战学习

wx-gesture-lock微信小程序的手势密码WXCustomSwitch微信小程序自定义Switch组件模板WeixinAppBdNovel微信小程序demo：百度小说搜索shitoujiandaobu小程序：石头剪刀布（附代码说明）audiodemo微信小程序开发之视频播放器Video弹幕弹幕颜色自定义star微信小程序开发之五星评分switchCity微信小程序开发之城市选择器城市切换h
iOS_developer_zhong·2017-01-12 13:21
上一页 1 2 3 4 5 6 7 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他