
- 外文名
- Mini Program
- 发布时间
- 2017年1月9日
- 汉语拼音
- wei xin xiao cheng xu
- 开发商
- 微信公众平台
- 中文名
- 微信小程序
- 内测时间
- 2016年9月21日
- 属 性
- 应用平台
-
微信小程序开发【前端+后端(java)】
2018-07-13 22:19:46现在微信小程序越来越火了,相信不少人都通过各种途径学习过微信小程序或者尝试开发,作者就是曾经由于兴趣了解开发过微信小程序,最终自己的毕业设计也是开发一个微信小程序。所以现在用这篇博客记录我之前开发的...-
前言
现在微信小程序越来越火了,相信不少人都通过各种途径学习过微信小程序或者尝试开发,作者就是曾经由于兴趣了解开发过微信小程序,最终自己的毕业设计也是开发一个微信小程序。所以现在用这篇博客记录我之前开发的一些经验和一些心得吧。 -
主要内容
springboot后端架构构建
小程序项目构建
小程序api调用
后台resetful接口编写
小程序调用后台接口
免费的https申请
linux下部署上线 -
微信小程序项目构建
这些基础的东西我就不过多介绍,大家在刚开始开发的时候一般都没有自己的服务器及域名,所以大家在本地编写的时候,在“详细”下的“项目设置”里面将“不校验域名安全性”勾选。
至于微信小程序的组件,即前端页面的开发希望大家耐住寂寞认真在微信开发平台上,组件https://developers.weixin.qq.com/miniprogram/dev/component/及api:https://developers.weixin.qq.com/miniprogram/dev/api/ -
后端详解
我在后端编写主要是用java,当然对其他开发语言熟悉的也可以使用其他语言开发后端。现在我就java编写后端api的讲解。主要框架springboot,开发工具myeclipse,服务器阿里云服务器。
创建一个maven项目,导入相关依赖:
pom.xml依赖
<!-- 统一版本控制 --> <parent> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-parent</artifactId> <version>1.5.9.RELEASE</version> </parent> <dependencies> <!-- freemarker渲染页面 --> <!-- https://mvnrepository.com/artifact/org.springframework.boot/spring-boot-starter-freemarker --> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-freemarker</artifactId> </dependency> <!-- spring boot 核心 --> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-web</artifactId> </dependency> <!-- springboot整合jsp --> <!-- tomcat 的支持. --> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-web</artifactId> <exclusions> <exclusion> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-tomcat</artifactId> </exclusion> </exclusions> </dependency> <dependency> <groupId>org.apache.tomcat.embed</groupId> <artifactId>tomcat-embed-jasper</artifactId> </dependency> </dependencies>
在配置文件src/main/resources/下创建application.properties文件可以修改一些配置参数等。
#jsp支持 spring.mvc.view.suffix=.jsp spring.mvc.view.prefix=/WEB-INF/jsp/ #this is set port #server.port=80 server.port=443 #添加ssl证书 #ssl证书文件名 server.ssl.key-store=classpath:xxxxxxx.pfx server.ssl.key-store-password=xxxxxxxx server.ssl.keyStoreType=xxxxxxxx
在实际项目中可能涉及数据库,还要整合mybatis,在文章中,我仅仅做测试就不做使用数据库的测试。
首先创建springboot的入口程序:app.class下面贴上代码:@ComponentScan(basePackages= "com.bin")//添加扫包@ComponentScan(basePackages= "") @EnableAutoConfiguration public class App{ //启动springboot public static void main(String[] args) { SpringApplication.run(App.class, args); } }
启动项目时直接右击run即可。
在写一个测试的controller进行微信小程序与java后端实现通信,controller代码如下:@RestController @SpringBootApplication public class ControllerText { @RequestMapping("getUser") public Map<String, Object> getUser(){ System.out.println("微信小程序正在调用。。。"); Map<String, Object> map = new HashMap<String, Object>(); List<String> list = new ArrayList<String>(); list.add("zhangsan"); list.add("lisi"); list.add("wanger"); list.add("mazi"); map.put("list",list); System.out.println("微信小程序调用完成。。。"); return map; } @RequestMapping("getWord") public Map<String, Object> getText(String word){ Map<String, Object> map = new HashMap<String, Object>(); String message = "我能力有限,不要为难我"; if ("后来".equals(word)) { message="正在热映的后来的我们是刘若英的处女作。"; }else if("微信小程序".equals(word)){ message= "想获取更多微信小程序相关知识,请更多的阅读微信官方文档,还有其他更多微信开发相关的内容,学无止境。"; }else if("西安工业大学".equals(word)){ message="西安工业大学(Xi'an Technological University)简称”西安工大“,位于世界历史名城古都西安,是中国西北地区唯一一所以兵工为特色,以工为主,理、文、经、管、法协调发展的教学研究型大学。原中华人民共和国兵器工业部直属的七所本科院校之一(“兵工七子”),陕西省重点建设的高水平教学研究型大学、陕西省人民政府与中国兵器工业集团、国防科技工业局共建高校、教育部“卓越工程师教育培养计划”试点高校、陕西省大学生创新能力培养综合改革试点学校。国家二级保密资格单位,是一所以\"军民结合,寓军于民\"的国防科研高校。"; } map.put("message", message); return map; } @RequestMapping("") public String getText(){ return "hello world"; } }
至此简易的后端框架及测试基本完成。
说明:@RestController与@Controller注解的区别@RestController相当于两个注解,它能实现将后端得到的数据在前端页面(网页)中以json串的形式传递。而微信小程序与后台之间的数据传递就是以json报文的形式传递。所以这就是选择springboot框架开发小程序后端的主要原因之一。可以方面我们进行小程序的后端开发。- 小程序发起网络请求
在完成了小程序的后端开发,下面进行小程序端发起网络请求。
下面以一个简单的按钮请求数据为例:
wxml文件
<button bindtap='houduanButton1'>点击发起请求</button> <view wx:for="{{list}}"> 姓名:{{item}} </view>
js文件
/** * 页面的初始数据 */ data: { list: '', word: '', message:'' }, houduanButton1: function () { var that = this; wx.request({ url: 'http://localhost:443/getUser', method: 'GET', header: { 'content-type': 'application/json' // 默认值 }, success: function (res) { console.log(res.data)//打印到控制台 var list = res.data.list; if (list == null) { var toastText = '数据获取失败'; wx.showToast({ title: toastText, icon: '', duration: 2000 }); } else { that.setData({ list: list }) } } }) }
主要调用的api就是wx.request,想知道将详细的介绍大家可以去微信公众平台。
接下来以搜索类型的请求为例:
wxml文件:<input type="text" class="houduanTab_input" placeholder="请输入你要查询的内容" bindinput='houduanTab_input'></input> <button bindtap='houduanButton2'>查询</button> <view wx:if="{{message!=''}}"> {{message}} </view>
js文件:变量的定义见上一个js文件
//获取输入框的内容 houduanTab_input: function (e) { this.setData({ word: e.detail.value }) }, // houduanButton2的网络请求 houduanButton2: function () { var that = this; wx.request({ url: 'http://localhost:443/getWord', data:{ word: that.data.word }, method: 'GET', header: { 'content-type': 'application/json' // 默认值 }, success: function (res) { console.log(res.data)//打印到控制台 var message = res.data.message; if (message == null) { var toastText = '数据获取失败'; wx.showToast({ title: toastText, icon: '', duration: 2000 }); } else { that.setData({ message: message }) } } }) }
至此已经完成了简易的微信小程序端与java后端进行通信。
现在可以在启动后端项目在微信开发工具上进行测试。
演示效果:
所以至此已经完成了小程序的前后端通信。- https申请
其实也不算什么申请,在购买域名之后可以申请免费的ssl证书,在前面的配置文件application.properties中有证书的配置,将证书的pfx文件直接添加到后端项目下即可。 - 购买服务器部署后端api代码
对于springboot项目,本人建议打jar,直接在服务器上部署即可,在服务器上只需要安装对应版本的jdk即可。项目部署命令:
我购买的是阿里云的轻量级应用服务器部署的。比较划算吧。
运行命令: nohup java -jar helloworld.jar &
nohup的意思不挂服务,常驻的意思,除非云服务器重启,那就没法了;最后一个&表示执行命令后要生成日志文件nohup.out。
当然还可以使用java -jar helloworld.jar源码:链接: https://pan.baidu.com/s/1PfByFfEgqkVALcc3PRhn9w 提取码: c7yf
结束语:由于时间篇幅问题,本人介绍的内容很有限,希望对这方面有兴趣的你能有帮助。共同进步。
觉得有帮助,给个赞赏吧。给赞赏的优先同意qq或者微信,问问题秒回复等[滑稽],谢谢老铁。
-
-
零基础入门微信小程序开发
2018-07-03 02:45:07本课程是一个系列入门教程,目标是从 0 开始带领读者上手实战,课程以微信小程序的核心概念作为主线,介绍配置文件、页面样式文件、JavaScript 的基本知识并以指南针为例对基本知识进行扩展,另外加上开发工具的安装...课程介绍
本课程是一个系列入门教程,目标是从 0 开始带领读者上手实战,课程以微信小程序的核心概念作为主线,介绍配置文件、页面样式文件、JavaScript 的基本知识并以指南针为例对基本知识进行扩展,另外加上开发工具的安装、小程序发布等内容,共 9 篇文章。
本课程共包含四个部分。
第一部分(第1-3篇)带你初步了解小程序是什么,然后进行小程序开发的准备工作,从注册账号到安装开发工具一应俱全。工欲善其事,必先利其器。
第二部分(第4-6篇)。面向入门级读者介绍小程序构成的各个部分。您不需要事前准备任何知识,需要掌握的会进行说明,需要扩展的会提供信息的出处。千里之行始于足下。
第三部分(第7-8篇)通过指南针的例子,介绍一个小程序的实现过程。通过这个实例,综合运用所学知识,使小程序开发能力进一步提高。麻雀虽小,五脏俱全。
第四部分(第9篇)只包含一篇文章,具体介绍小程序发布的过程。使读者能够对小程序开发的全过程有一个完整的了解。编筐编篓,全在收口。
哪怕您事先没有任何微信小程序相关技术的经验,认真学完该达人课之后,您会掌握基本的小程序开发方法,并具备自主扩展知识面,以及进行更高层次开发的能力。
点击查看课程全部内容
作者介绍
薛卫国,现就职于某外企担任架构小组责任人,CSDN 博客专家,长期从事 C++ 开发,精通 UML、设计模式,创办有公众号《面向对象思考》。毕业于东北大学,曾留校在国家重点实验室工作。
课程内容
第01课:初识微信小程序
要火的节奏
最近有一则来自北京商报的新闻引起了不少人的注意,我们这里选取一部分:
争夺流量 手机厂商“抱团”对抗微信小程序
3月20日,小米、中兴、华为等10家手机厂商联合对外宣布,推出基于手机硬件平台的新型应用生态“快应用”及相关标准。在微信小程序用户规模日益壮大、硬件利润微薄的背景下,本次快应用的推出被看做是手机厂商与腾讯争夺流量与利益的举动。业内人士认为,对于整个市场来说,流量竞争有促进作用,但微信已经具有较强的用户黏性,十大手机厂商要想争夺用户流量并非易事。
估计这些厂家的标准出台还需要一段时间,但是有一点可以确定的是:小程序类的开发要火。
但如果你打开轻应用的文档可以发现两点:
1.应用文档的信息量还很有限。2.轻应用的架构,采用的技术和微信小程序很相似。
处于这个目的,作者赶在这个时机制作了本课程,希望可以为潮流加一份力;作为程序员,希望各位可以通过本课程的学习,在有限的时间内为自己添一份技能!
参考资料:轻应用开发文档
什么是小程序?
最近一个小游戏“跳一跳”火得不得了,相信即使您自己没有玩过,身边的亲戚朋友也一定玩过。画面大致如下:
当然了,关于玩法等等不是本文的内容,可以参照百度百科。
这就是微信小程序的成功案例了。
微信小程序简介
微信小程序简称小程序,张小龙在微信公开课 Pro 上发布的小程序正式上线,时间是2017年1月9日。关于小程序,张小龙在他的公开课中有过很详细的说明,大家尽可以到网上去搜,这里不再赘述,只说作者自己的理解。
微信小程序这个词可以分解为“微信”和“小程序”两部分。
其中“微信”可以理解为“微信中的”,指的是小程序的执行环境;当然微信在提供执行环境的同时也延长了用户使用微信的时间。
“小程序”是说它首先是程序,然后具备轻便的特征。小程序并不像其他应用那样,它不需要安装,而是通过扫描二维码等打开后直接执行;用完以后也不需要卸载。这就是所谓用完即走的原则。
另外,微信不会提供类似于小程序商店的地方,需要小程序提供者自己通过二维码,群分享的手段来传播,这就是所谓去中心化的形态。
微信朋友圈提供了好友之间沟通信息的手段,订阅号提供了面向粉丝推送信息的手段,而小程序则是提供了用户通过自己的操作而与服务实现互动的手段。
小程序相关技术介绍
本课程的目标读者群是了解基本的 C/C++ 语法但对小程序开发完全没有经验的程序员,因此在说明微信小程序的同时,对相关技术也将进行相应的介绍。通过这种方式,可使读者能够非常顺利地学习,而无需到处寻找资料导致忘了学习微信小程序这个本来的目的。
微信小程序推出一年多一点的时间,算是一个新事物,但是利用的技术却都是已经存在的技术。如果你稍加调查就会发现,不光是微信小程序,很多类似形态的应用都采用类似的架构:
- 使用 JSON 技术来表现应用的配置信息。包含应用的基本信息,页面配置和路由,应用全体的信息等。
- 使用经过定制 CSS+XML 技术来实现视图层的描述。画面元素,例如列表、按钮、文本框、选择框等都通过 XML 语言来描述,遵从 XML 语法,对于页面的共同风格,使用 CSS 进行定义。
- 使用 JavaScript 语言来实现逻辑层结构。包括用户操作的处理,系统 API 的调用等。
- 架构在视图层和逻辑层之间提供数据和事件传输功能,从而尽量减少难度。由于类似应有都属于轻应用,所以提供的功能都比较单一。
具体的语法,用途等将会在使用的时候详细介绍,这里只提一下相关技术的基本情况,了解即可。
换一种说法就是:并不需要另外自己调查,跟着本课程走下去就好。
JSON
JSON(JavaScript Object Notation)是一种轻量级的数据交换格式。它基于 ECMAScript(W3C 制定的 JavaScript 规范)的一个子集,采用完全独立于编程语言的文本格式来存储和表示数据。简洁和清晰的层次结构使得 JSON 成为理想的数据交换语言。易于人阅读和编写,同时也易于机器解析和生成,并有效地提升网络传输效率。
XML
XML(Extensible Markup Language),中文名为可扩展标记语言,标准通用标记语言的子集,是一种用于标记电子文件使其具有结构性的标记语言。
在电子计算机中,标记指计算机所能理解的信息符号,通过此种标记,计算机之间可以处理包含各种的信息,比如文章等。它可以用来标记数据、定义数据类型,是一种允许用户对自己的标记语言进行定义的源语言。它非常适合万维网传输,提供统一的方法来描述和交换独立于应用程序或供应商的结构化数据。是 Internet 环境中跨平台的、依赖于内容的技术,也是当今处理分布式结构信息的有效工具。早在1998年,W3C 就发布了 XML1.0 规范,使用它来简化 Internet 的文档信息传输。
CSS
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现 HTML 或 XML 等文件样式的计算机语言。CSS 不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。
CSS 能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力。
JavaScript
JavaScript 一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为 JavaScript 引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在 HTML 网页上使用,用来给 HTML 网页增加动态功能。
在1995年时,由 Netscape 公司的 Brendan Eich,在网景导航者浏览器上首次设计实现而成。因为 Netscape 与 Sun 合作,Netscape 管理层希望它外观看起来像 Java,因此取名为 JavaScript。但实际上它的语法风格与 Self 及 Scheme 较为接近。
为了取得技术优势,微软推出了 JScript,CEnvi 推出 ScriptEase,与 JavaScript 同样可在浏览器上运行。为了统一规格,再加上 JavaScript 兼容于 ECMA 标准,因此也称为 ECMAScript。
学习方法
微信小程序虽然是新事物,但学习方法却不是新方法。
我们的套路是:首先生产一个最简单的小程序实例,通过这个实例介绍微信小程序的构造和想法,这算是学习这个活动中“学”的部分。然后扩展这些知识点,通过开发一个简单的小程序的过程来运用这些知识点,这算是“习”的过程。
这是作者这些年来屡试不爽的方法。
参考资料
在学习和开发的过程中,我们主要会参考微信的开发文档。其原因是小程序太新了,相应的知识储备还不够丰富。虽然也可以找到一些开发方面的书籍,但是说实话,内容并不比微信本身的开发文档更详尽。
第02课:开发环境的准备
创建自己的小程序账号
在开发自己的微信小程序之前,首先需要注册小程序账号,接下来我们一步一步做详细说明。
打开浏览器,输入:mp.weixin.qq.com。
因为是第一次使用,所以选择画面右上角的“立即注册”。
选择左下角的“小程序”方框。
输入邮箱、密码、确认密码、验证码,之后选择同意协议和条款。当然这里的密码不是邮箱的密码,而是正在申请的小程序账号的密码。
最后按下“注册”按钮。
点击“登录邮箱”按钮。打开相应的软件后,应该可以收到下面的邮件。如果没收到的话,建议看一下垃圾邮件,没准儿那里有。
单击下半部一大片绿色的部分,就可以回到注册界面继续剩下的工作。
选择主题类型为“个人”,然后输入管理员的姓名,身份证号码。
输入手机号码并单击“获取验证码”,将手机接收到的验证码输入到短信验证码栏中。
完成上述步骤,画面下部会出现一个二维码,需要用已经绑定银行卡的微信的扫一扫功能扫描该二维码进行实名认证。
如果认证成功,画面会变成下面这个样子。
点击“继续”按钮。
意思就是现在后悔还来得及,如果不后悔今后就没法后悔了。我们按下“确定”按钮。
大功告成!
小程序管理平台
账号申请成功之后,就可以登录“微信公众平台 | 小程序”了。在目前这个时间点虽然并不需要马上做什么。本文接下来将对其中重要的菜单功能做简单介绍。
首页
内容比较简单,主要是表示小程序的实时访问次数和系统公告。
开发管理
用户在使用小程序的时候,需要扫描二维码进入。而这个二维码需要开发者将小程序上传到腾讯服务器之后从腾讯取得。上传过程便在该页面上完成。
过程也不复杂,一共分为三步:上传代码,提交审核和发布小程序。
用户身份
这个画面用来指定小程序项目的管理员和项目成员。其中项目成员又包括开发者和体验者。
数据分析
这个画面可以统计小程序的访问数量,对用户来源、性别、年龄分布等进行分析。
模板消息
这个画面可以定制微信小程序向客户发送的消息。
客服消息
通过这个画面可以指定小程序的客服人员,从而实现小程序的在线客服功能。
附近的小程序
当小程序的主体为企业、政府、媒体及其他组织时可以开通此功能。此功能有效时,小程序指定地点以后,用户可以通过微信的“附近的小程序”界面发现该小程序。
运维中心
一共有两个页面,分别用于查询小程序的错误日志和对客户端进行监控。
推广
用来自定义小程序推广关键字。
设置
设置分类中一共有五个页面,这里只介绍前两个。
基本设置
顾名思义,这里主要是用来设置小程序的基本信息。内容包括:
- 设定小程序名称,小程序头像;
- 取得小程序码;
- 取得认证;
- 设定主题信息;
- 其他省略。
开发设置
这个页面主要负责和小程序开发相关的设定信息,内容包括:
- 取得小程序 ID。每一个发布的小程序都需要唯一的 ID。
- 生成小程序秘钥。
- 指定服务器域名。小程序可以访问外部网站,可以上传和下载文件。但是对象服务器不是任意的,需要在这里指定。
- 其他省略。
其他
在画面的右上角,有两个链接“文档”和“社区”分别可以进入小程序开发文档和社区。在实际的学习过程中可以积极利用。
安装开发工具
小程序账号申请成功之后的工作就是准备开发环境。
早期的版本在首页分类中有开发工具的下载链接,最近不知道为什么变成了访问次数统计画面。但是没有关系,可以直接点击这里,便可打开下面的下载地址页面。
根据操作系统选择合适的下载链接。
下载完成后打开安装程序,首先是开始画面。
按下“下一步”按钮。
按下“我接受”按钮。
指定适当的安装目录后按下“安装”按钮。
安装中……
完成!
接下来就可以开始微信小程序的开发之旅啦!
点击查看课程全部内容
-
【小程序】微信小程序开发实践
2016-11-07 17:14:27:)填写企业信息不能使用和之前的公众号账户相同的邮箱,也就是说小程序是和微信公众号一个层级的。填写公司机构信息,对公账户信息绑定管理员微信企业认证公司对公账户对微信进行打款 账户自动验证后,自动认证通过,并...帐号相关流程
注册范围
- 企业
- 政府
- 媒体
- 其他组织
换句话讲就是不让个人开发者注册。 ?
填写企业信息
不能使用和之前的公众号账户相同的邮箱,也就是说小程序是和微信公众号一个层级的。
填写公司机构信息,对公账户信息
绑定管理员微信
企业认证
- 公司对公账户对微信进行打款
- 账户自动验证后,自动认证通过,并将认证资金退回公司对公账户,费用在1元内随机
小程序发布流程
开发实践
这次的demo项目为农历和公历的转换器,重在体验开发流程。
AppID(小程序ID)
做上面的那些步骤就是为了得到小程序ID~
创建项目
我们在官方下载的微信wweb开发者工具中,必须填入小程序ID才能进行下一步,在选择项目目录之前,最好先创建一个代码仓库,来管理我们的项目代码。
调试工具
左边第一个tab是编辑,也就是说,这还是个简易的编辑器。
?
从上面可以看出的是,开发者通过web开发者工具进行小程序代码的上传,上传到微信端的服务器。
通过微信端的身份验证,再加上上传的操作需要管理员帐号扫码确认,从而给开发者一种封闭的感觉。
上传demo
首先复制小程序的官方demo到项目中
项目结构
结构还是比较简单的,微信给的demo并不多,也就是以后大家的代码还是会跟随自己的风格来走~
上传到微信
上传操作为重要操作,需要管理员账户扫码确认,二维码有效期为5分钟。
之后是版本信息,对应的是项目的代码仓库的版本信息。
上传操作完成之后,会展示本次的信息。
2016/11/7 下午4:58:18, 编译包大小 13 kb
提交审核
回到小程序管理后台,就能看到这次的开发版本提交信息。
点击审核按进行审核
提交审核操作,需要管理员帐号进行微信扫码确认。
接下来需要添加测试微信号,填写配置功能页面
注意的是
绑定测试微信号
该微信号将提供给微信审核人员审核微信小程序时登录使用,微信号需能够体验小程序的全部功能,请勿使用常用微信号扫描也就是说以后微信的小号会越来越多~
?
之后,就会看到审核版本的状态
通过审核就可以上线咯~
快速上手体验
从注册流程到发布流程,体现了微信小程序的封闭性。
凭借着微信这么大的体量,前端的同学又有一个方向了~
参考资料
-
微信小程序之目前为止史上最全的微信小程序项目实例, 微信小程序实战学习
2017-01-12 13:21:21WXCustomSwitch 微信小程序自定义 Switch 组件模板 WeixinAppBdNovel 微信小程序demo:百度小说搜索 shitoujiandaobu 小程序:石头剪刀布(附代码说明) audiodemo 微信小程序开发之视频播放器 Video 弹...wx-gesture-lock 微信小程序的手势密码
WXCustomSwitch 微信小程序自定义 Switch 组件模板
WeixinAppBdNovel 微信小程序demo:百度小说搜索
shitoujiandaobu 小程序:石头剪刀布(附代码说明)
audiodemo 微信小程序开发之视频播放器 Video 弹幕 弹幕颜色自定义
star 微信小程序开发之五星评分
switchCity 微信小程序开发之城市选择器 城市切换
huadong_del 微信小程序滑动删除效果
jianhang_menu 微信小程序开发之圆形菜单 仿建行圆形菜单
xiaoxiaoxiao_lazyload 实现微信小程序图片懒加载特效
kangaiduowei 微信小程序:康爱多微商城:学习界面设计
tianmao_dazhuanpan 小程序实现大转盘 仿天猫抽奖 跑马灯效果(有图有源码)
weapp-meirong 微信小程序学习用demo推荐:美容商城;列表,预约
baisi 微信小程序仿百思不得姐
weapp-one 仿 「ONE · 一个」 的微信小程序
netmusic-app 仿网易云音乐APP的微信小程序
a_takeaway 微信小程序的外卖demo
sideslip 微信小程序『侧边栏滑动』特效
wx_plo 微信小程序之仿微信漂流瓶
kwonWhere 微信小程序-知亦行
audiodemo 微信小程序开发之视频播放 弹幕 弹幕颜色自定义
wxChart 微信小程序图标插件
guoku 微信小程序-果库
snake 微信小程序-贪吃蛇小程序
douban_movie 微信小程序-仿豆瓣电影
RecordDemo 麦克风动画
shishanggou 实现了包括常用组件,ajax获取数据,模板使用,路由等的使用,下拉刷新数据;
jiajuzaixian 家具在线-演示如何使用下拉选项
wechat-app-ipinbb 爱拼宝宝-功能非常全的电商应用
TodayNews-wx 微信小程序-今日头条
WXNative-bpgg 奔跑果果-微信小程序
wechatapp-demo 是目前我发现的,实现实用功能较多的demo,推荐大家学习研究
weapp-MatterAssistant 微信小程序-事项助手
weapp-wymusic 微信小程序 仿网易云音乐
weapp-wechat-nearby 微信小程序-仿找事吧app附近三公里
bs 精简版百思不得姐
WXBaiSi 微信小程序版 百思不得姐
weapp-demo-breadtrip 基于面包旅行 API 制作的微信小程序示例
html-to-wxml 小程序中将html内容转化成wxml可以显示的内容,方便用于小程序中显示
kachezhijia 自卡车之家,有丰富的卡车司机和物流园区的资源,所以这个小程序可以说也是他们未来工作上的一个必将实施的项目。
WxEmojiView 微信小程序Emoji展示输入组件alpha 0.1
GankCamp-WechatAPP gank.io (干货集中营) 微信小程序 版本
wechat-JD 微信小程序仿京东首页
wechat-turntalbe-canvas 用微信小程序开发的Canvas绘制可配置的转盘抽奖。
mangguoTv 微信小应用-小程序-demo-仿芒果TV
wxreading 微信小程序跟读
WeChatMeiZhi 微信小程序版妹纸图 API from gank.io
CountDown 微信小程序倒计时组件
weapp-github 微信小程序--github
wechat-weapp-mapdemo 微信小程序开发demo-地图定位,非常简单的demo,只为了解一下微信小程序
wechat-cnode 微信小程序 cnode社区版
weapp-newsapp 微信小程序-公众号热门文章信息流
wechat-weapp-taobao 微信小程序demo 仿手机淘宝
timer 番茄时钟微信小程序版
wechat-app-music 微信小程序:音乐播放器 技术栈: redux + es7 +labrador
fenda-mock 使用微信小程序实现「分答」这款APP的基础功能
Wa-UI 针对微信小程序整合的一套UI库
wx-query 微信小程序 仿jQuery插件
weapp-artand 微信小程序 Artand
WeiXin-SmallApps-Information 微信小程序-仿今日头条
weapp-wechat-zhihu 微信中的知乎--微信小程序
WeApp 基于微信小程序开发的仿微信demo
SmallApp 微信小程序
wechat-v2ex 微信小程序-v2ex
weipiao 微信小程序-微票
DouBanBookApp 微信小程序之小豆瓣图书
wxapp-calc 一个简单的微信小程序-简易计算器
weapp-wechat-zhihu 模仿知乎的小程序
wx-movies-demo 小程序--影讯
caiquan 微信小应用,猜拳小游戏
hayeah-wxapp-Breakfast 小林早厨微信小程序
AppleMusic 微信小程序,仿Apple Music
cnode_wechat-webapp 用cnode社区api做的微信小应用
shoppingcar 一个点餐、购物的购物车效果
wechat-weapp-mall 微信小程序实现移动端商城
SmallAppForQQ 高仿手机QQ应用程序
zhihudaily 微信小程序-知乎日报
wechat-weapp-gank 微信小程序-干货投稿应用
TeamToy 调用TeamToy API 的微信小程序 Demo
douban 微信小程序(应用号)示例教程(豆瓣电影)
-
微信小程序-毕业设计完整项目介绍(微信小程序+Java后台SSM框架)
2019-06-07 22:51:28基于微信小程序的培训机构系统 前言:该系统作为本科毕业设计,可能还有很多的不足。只是当时做这个系统的时候,由于需要使用java语言作为后端实现与微信小程序界面数据交互,看遍网上很多的案例基本后台都是php语言... -
微信小程序之授权登录(附完整源码)
2018-03-21 10:38:05个人博客上已经同步更新了文章,有目录索引,阅读起来比较方便,欢迎大家移步个人博客上读阅~ 个人博客地址:... 微信小程序之授权登录 一、前言 由于微信官方修改了 getUserIn... -
微信小程序跳转到其他网页(外部链接)
2018-03-08 13:48:50个人类型和海外类型的小程序不支持 web-view 标签 也就是说个人申请的小程序,就别想跳转了!!!! 1.开发的时候,我们难免碰到要跳转到其他网页中去那该怎么实现呢? 2.例如我想点击一个按钮,跳转到百度(百度... -
微信小程序上线发布流程
2018-05-10 15:35:47最近花了一天左右的时间学习了下微信小程序的开发,试着练习一把的心态,搞了一个很简单的页面。 就当是学习总结吧:学习要点还是挺多的,通过查看官方接口文档,熟悉微信小程序开发工具,工程架构,相比传统页面... -
微信小程序毕业设计、微信小程序商城毕业设计
2019-07-04 11:36:36【微信小程序毕业设计、商城小程序】 该微信小程序商城功能模块包含: 首页、分类、商品详情页面,包含加入购物车、收藏商品、商品评论功能、用户登录、微信登录、订单管理、地址管理;完整的购物流程,商品的加入、... -
1000多套微信小程序源码带后台+教程+不同行业的源码集合
2018-04-14 15:06:15都是些小程序源码,有的还有后台,适合小白、也适合学过了的、也适合做外包的,要的可以取...https://www.douban.com/group/topic/113284790/o2o微信小程序源码-专门针对o2o类别的小程序源码集合【更新整理中...】ht... -
微信小程序:认证注册微信小程序之后,正确登录微信小程序后台管理
2019-02-18 19:03:12申请微信小程序并认证的步骤参见三掌柜发布的名为“微信小程序:微信公众号申请微信小程序并认证的步骤”这篇文章,这里只介绍怎么正确登录到微信小程序管理后台界面。 发现一个问题,之所以被误导就是因为没有... -
如何开发一个个人微信小程序,微信小程序开发入门教程
2018-12-21 19:48:06做任何程序开发要首先找到...这里就是做微信小程序开发的全部官方文档。 知道了文档的位置,下面我们来介绍下如何做一个微信小程序开发: 第一步: 下载微信小程序开发者工具并安装,下载路径: https://mp.weix... -
微信小程序之 微信小程序中跳转另一个微信小程序
2019-09-03 11:38:19微信为了不让小程序成为孤岛,提供了从一个微信小程序跳转到另一个微信小程序的功能,这个功能也是经过了很多波折,方式也不断改变,所以导致很多小伙伴在网上找到的博文都不能正确解决自己的问题,下面我来总结一下... -
微信小程序动态修改页面标题setNavigationBarTitle
2017-12-22 14:27:22微信小程序是可以动态修改页面标题的。 首先我们来看看静态是怎么实现的 在对应页面的json文件里面加入下面代码就可以实现了{ "navigationBarTitleText": "素材图库" }效果图如下: 其他动态的也是十分简单... -
爬取微信小程序源码
2020-06-12 17:41:04爬取微信小程序源码 想知道爬取微信小程序有多简单吗?一张图、三个步骤,拿到你想要的任何微信小程序源码。 我就这么短,但是很爽是不是,都看到这里了,点赞关注走一走吧,谢谢大家! ... -
微信小程序怎样分享一个链接到朋友圈,小程序分享到朋友圈,微信小程序如何分享到朋友圈,小程序链接分享到...
2020-07-07 11:26:01重磅消息重磅消息重磅消息重磅消息重磅消息重磅消息重磅消息 ...目前小程序已经支持分享到朋友圈, 只有安卓机好使。 体验地址:扫码进入小程序 ---- 点击右上角三个点 1.先看案例 2.微信开发文档: ... -
微信小程序系统教程Java版[3/3阶段]_微信小程序支付
2017-02-01 10:42:10微信小程序系统教程[初级阶段],微信小程序0基础学起,讲解微信小程序开发的基础知识。 微信小程序系统教程共有“微信小程序系统教程[初级阶段]”、“微信小程序系统教程[中级阶段]——核心技术”、“微信小程序... -
微信小程序系统教程Java版[3/3阶段]_微信小程序客服
2017-02-01 10:44:53微信小程序系统教程[初级阶段],微信小程序0基础学起,讲解微信小程序开发的基础知识。 微信小程序系统教程共有“微信小程序系统教程[初级阶段]”、“微信小程序系统教程[中级阶段]——核心技术”、“微信小程序... -
微信小程序
2016-09-23 15:06:20微信小程序开发思考总结 微信小程序破解版———给开发者真正的福利 http://blog.csdn.net/androidstarjack/article/details/52633925 官方文档 https://mp.weixin.qq.com/wiki/ ...CSDN博文精选 微信小程 -
微信小程序下拉刷新/上拉加载更多
2017-12-19 09:37:50在小程序里,用户顶部下拉是默认禁止的,我们需要把他设置为启用,在app.json中的设置对所有页面有效,在单独页面设置则对当前页面有效; 看一下json文件 "enablePullDownRefresh": true, 注意这里的true是... -
微信小程序系统教程Java版[3/3阶段]_微信小程序电商系统
2017-02-03 09:24:04微信小程序系统教程[初级阶段],微信小程序0基础学起,讲解微信小程序开发的基础知识。 微信小程序系统教程共有“微信小程序系统教程[初级阶段]”、“微信小程序系统教程[中级阶段]——核心技术”、“微信小程序... -
微信小程序开发系列教程三:微信小程序的调试方法
2018-09-08 18:48:49微信小程序开发系列教程 微信小程序开发系列一:微信小程序的申请和开发环境的搭建 微信小程序开发系列二:微信小程序的视图设计 这个教程的前两篇文章,介绍了如何用下图所示的微信开发者工具自动生成一个... -
如何学习微信小程序? 学习微信小程序所需基础
2020-03-30 16:23:19微信小程序作为近几年“微服务”的杰出代表,应用十分广泛。小程序是一种新的开放能力,开发者可以快速地开发一个小程序。小程序可以在微信内被便捷地获取和传播,同时具有出色的使用体验。 说的通俗一些,微信小... -
微信小程序详细图文教程-10分钟完成微信小程序开发部署发布(3元获取腾讯云服务器带小程序支持系统)
2017-01-11 00:36:53很多朋友都认为微信小程序申请、部署、发布很难,需要很长时间。 实际上,微信和腾讯云同是腾讯产品,已经提供了10分钟(根据准备资源情况,已完成小程序申请认证)完成小程序开发、部署、发布的方式。当然,实现的... -
微信小程序和微信小程序之间的跳转和传参示例代码附讲解
2018-03-07 12:07:51微信小程序开发交流qq群 173683895 承接微信小程序开发。扫码加微信。 正文: 一:微信小程序跳转 使用限制 需要用户触发跳转 从 2.3.0 版本开始,若用户未点击小程序页面任意位置,则开发者将无法调用此接口... -
微信小程序部署到线上环境
2018-09-05 12:32:15微信小程序部署到线上环境 一.微信小程序申请 申请,并认证(未认证不能发布,认证需要300元,目前只支持企业认证)详细见官网说明。 https://mp.weixin.qq.com/cgi-bin/registermidpage?action=index&... -
微信小程序开发实战
2016-09-25 16:55:04本套课程使用了元认知教学法,直接实战式教学,摆脱学院派的理论式讲解,对于0基础的学员可以入门编写微信小程序,过程中指导如何学习使用文档查阅接口等,通过两个完整的实战小项目的实例,入手小程序开发。 -
微信小程序:微信公众号申请微信小程序并认证的步骤
2019-02-16 18:32:18微信最新推出,只要认证过微信公众号,那么接着认证微信小程序就可以复用微信公众号资质注册小程序流,快速注册认证小程序,无需重新提交主体材料、无需对公打款、无需支付300元认证费用。申请完成后可以使用微信... -
微信小程序+Java后台开发(详细解释,附代码)
2019-02-18 12:59:54微信小程序+Java后台开发 全部代码链接 链接:https://pan.baidu.com/s/1GiIXKgu76Urr7QfZ-U7W9A 提取码:mpio 通过这个博客,你可以快速的搭建一个微信小程序前端和后台相连的一个功能,在这里我会详细的解说每一...
-
数据分析算法(一):决策树
-
Windows10 关闭右键 WPS扩展功能
-
大数据行业解决方案,涵盖50个行业
-
30个生涯锦囊,带你跳出迷茫,找到适合你的职业方向
-
倾情奉上思维导图基础入门全攻略
-
Vue 3自定义指令开发
-
UML建模实践——选“对”企业架构建模视角很关键
-
多线程与线程池技术详解(图书配套)
-
微信支付2021系列之扫码支付一学就会java版
-
Hadoop入门指南之hdfs命令行使用
-
724. 寻找数组的中心索引(力扣)
-
Loritta:for使用JDA的Discord多功能,多语言,可定制,模块化且非常可爱的bot! 〜使您的服务器更加出色〜-源码
-
QQ测试思维导图day02
-
转行做IT-第10章 常用类-String、static、Array等
-
Presto原理分析
-
UML建模方法论(下):系统建模
-
【Python自动化测试】appium的两种断言方式
-
UnitySocket异步聊天室
-
AI-人脸口罩识别特训营
-
亿度云盘~Java小白入门实战