「小程序JAVA实战」运行微信官方demo(四)

在学习前端各种框架easyui,vue,ext等等框架的时候,官方都会提供一套对应的demo,通过详读微信官方小程序的demo可以很好了解使用api,微信小程序不可缺少有一套自己的demo程序,来跟我一起看看吧

微信官方小程序的demo
  1. 介绍

https://mp.weixin.qq.com/cgi-bin/wx

  1. pc端下载源码

https://developers.weixin.qq.com/miniprogram/dev/demo.html?t=1477656485442

  1. 微信端的二维码

手机微信打开-右上角扫一扫--扫下面的官网二维码实例

PC端项目源码导入
  1. 新建项目

2.导入项目

  1. 项目名称填写
  1. 启动完毕
代码业务关系

主要分为组件和接口两个部分,

  1. 组件就类似咱们在html里面的form,button,input等等吧用于视图2. 接口就类似在做app开发的时候调用gis,相册权限,手机信息等等
  • 查看demo 对应的代码,基本在实际的开发过程中,这都是相互对应的。
  • 单独看下button的目录结构
  1. .js后缀的文件是脚本文件,页面的交互等代码在这里实现。
  2. .json后缀的文件是配置文件,主要是json数据格式存放,用于设置程序的配置效果。
  3. .wxss后缀的是样式表文件,类似于前端中的css,用于对界面进行美化。
  4. .wxml后缀的文件是页面结构文件,用于构建页面,在页面上增加控件。

PS:本来都是搬砖的,我学习新技术的思路就是多看他的demo,有的放矢,先看demo哪里不理解查看官方的api介绍,想完成某个功能看看demo里面有没有对应的,有了就直接拿来复制,没有就看api,编程不是你打字有多块,而是需要你的思路有多清晰。

原文发布于微信公众号 - 编程坑太多(idig88)

原文发表时间:2018-11-09

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏地方网络工作室的专栏

打造前端MAC工作站(五)让我们熟悉一下 MAC 命令行吧!

打造前端MAC工作站(五)让我们熟悉一下 MAC 命令行吧! 前言 对于初次基础mac或者linux的朋友来说,接收和使用命令行是一个比较困难的事情。但是,正如...

271100
来自专栏刺客博客

详细记录Nginx配置Https过程

72740
来自专栏杂烩

Http_load压力测试工具 原

    尝试过Spring的jmeter,不过好像有点难驾驭,测个文件url还行,但带个参数就各种问题不断了。

16230
来自专栏月色的自留地

Python和C++的混合编程(使用Boost编写Python的扩展包)

  想要享受更轻松愉悦的编程,脚本语言是首选。想要更敏捷高效,c++则高山仰止。所以我一直试图在各种通用或者专用的脚本语言中将c++的优势融入其中。原来贡献...

35720
来自专栏极乐技术社区

探究小程序插件

前段时间,微信释放了小程序插件功能。有了它,小程序开发者就可以通过这个功能,强化自身小程序能力;小程序服务提供商也可以用它,为开发者、用户提供强大的小程序功能支...

20000
来自专栏知晓程序

电商/票务类小程序必读,如何用小程序推送消息?

通常,服务方向用户推送的消息都带有通知性质,文案也相对固定。服务方将这类固定的文案制作成模板,这些文案就可以快速重复使用。

14420
来自专栏Seebug漏洞平台

从老漏洞到新漏洞---iMessage 0day(CVE-2016-1843) 挖掘实录

文/SuperHei(知道创宇404安全实验室) 2016.4.11 注:文章里“0day”在报告给官方后分配漏洞编号:CVE-2016-1843 一、背景 在...

35550
来自专栏运维技术迷

centos7编译安装Redis

redis能够兼容绝大部分的POSIX系统,比如Linux、OS X、OpenBSD、NetBSD、FreeBSD,其中比较典型的是Linux操作系统(如Cen...

35130
来自专栏快乐八哥

Angular企业级开发(1)-AngularJS简介

AngularJS介绍 AngularJS是一个功能完善的JavaScript前端框架,同时是基于MVC(Model-View-Controller理念的框架,...

24780
来自专栏前端杂谈

广告等第三方应用嵌入到web页面方案 之 使用iframe嵌入

55170

扫码关注云+社区

领取腾讯云代金券