在学习前端各种框架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,编程不是你打字有多块,而是需要你的思路有多清晰。

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

  1. 「小程序JAVA实战」 小程序远程调试(九)

    在开发javaweb应用的时候,如果遇见一个问题都会调试,debug,在火狐和谷歌浏览器的时候我们也可以使用断点的方式调试js,小程序可以吗?肯定是可以的!小程序的调试也可以在手机端进行远程调试.源码 ...

  2. 「小程序JAVA实战」微信小程序简介(一)

    转自:https://idig8.com/2018/08/09/xiaochengxu-chuji-01/ 一直想学习小程序,苦于比较忙,加班比较多没时间,其实这都是理由,很多时候习惯了搬砖,习惯了固 ...

  3. 「小程序JAVA实战」微信小程序工程结构了解(五)

    转自:https://idig8.com/2018/08/09/xiaochengxu-chuji-05/ 微信小程序工程结构 audio,button,canvas,checkbox 都是由4个文件 ...

  4. 「小程序JAVA实战」微信开发者工具helloworld(三)

    转自:https://idig8.com/2018/08/09/xiaochengxu-chuji-03/ 第一个小程序demo的运行,首选需要去使用开发工具 开发工具下载安装 https://mp. ...

  5. 「小程序JAVA实战」小程序头像图片上传(下)(45)

    转自:https://idig8.com/2018/09/09/xiaochengxujavashizhanxiaochengxutouxiangtupianshangchuan44/ 接下来,我们应 ...

  6. miniui datagrid 隐藏列默认赋值_「小程序JAVA实战」 小程序默认加载的页面和生命周期(八)...

    小程序如何加载的呢?生命周期!源码:https://github.com/limingios/wxProgram.git 中的No.3 加载页面 小程序默认加载的pages中的第一个目录 不管你的名称 ...

  7. 「小程序JAVA实战」小程序的举报功能开发(68)

    转自:https://idig8.com/2018/09/25/xiaochengxujavashizhanxiaochengxudeweixinapicaidancaozuo66-2/ 通过点击举报 ...

  8. java小程序例子_「小程序JAVA实战」java的聚合项目搭建(30)

    做了多年的开发,原来很多项目都是一个项目一个工程,如果用到其他的项目的依赖文件的时候的,直接手动copy过来就可以了,自从有了maven后,很多开源的项目和互联网公司都开始使用maven来构建聚合项目 ...

  9. 「小程序JAVA实战」 小程序的事件(11)

    转自:https://idig8.com/2018/08/09/xiaochengxu-chuji-11/ 我们以前在web开发的时候,web页面也有一些相关的事件,当然小程序要接触屏幕要进行一些点击 ...

最新文章

  1. MATLAB加入螺旋相位板调制,连续型螺旋相位板设计方法与流程
  2. URAL 1225 Flags
  3. linux网卡名称乱编,小斗CentOS7.x网卡名称错乱、及网卡启动失败。
  4. C语言为四维数组申请动态内存空间的方法(二)
  5. java invoke 泛型_如何通过java反射调用含有泛型数组参数的方法
  6. 探讨:ASP.NET技术的学习顺序问题
  7. Flink 1.7 文档翻译活动期待大家的参与 | ApacheCN
  8. c#读取图片成rgb二维数组
  9. Vmware使用net模式共享虚拟机linux IP
  10. 排序算法专题-桶排序
  11. php环境缺失msv文件_电脑环境缺失运行库_电脑缺失运行库
  12. 运兴ETF:期权多空双向,策略多样优势大
  13. 粒子群算法(7)------粒子群算法局部版本的实现
  14. 转 网页游戏外挂的设计与编写:QQ摩天大楼3
  15. 动环监控安装及调试过程,动环监控调试是什么
  16. C#中调用DLL时未能加载文件或程序集错误的处理方法(详解)
  17. 有零基础开始学习python的小伙伴吗?学起来难吗?
  18. 计算机系统怎么装到u盘启动不了,电脑开机就进入BIOS界面,设置了u盘启动准备从装系统但是进不了U盘,这些是为什么啊?...
  19. Ubuntu 打开摄像头
  20. 烂泥:mysql5.5主从同步复制配置

热门文章

  1. e5系列 4路服务器,“芯”力量:四款至强E5 v4双路服务器横评
  2. el-datepicker动态禁用日期
  3. 中国智能医疗行业十四五规划趋势与发展战略分析报告2022-2027年版
  4. 什么是CI/CD流水线?
  5. anki 新的卡片类型_Anki卡片制作:入门(1)
  6. Internet explorer 11浏览器找回(仅win10)
  7. 2021年全球数字探针温度计行业调研及趋势分析报告
  8. 用户因GalaxyS20相机玻璃自发开裂起诉三星
  9. 留存3--关于三维设计_拔剑-浆糊的传说_新浪博客
  10. Win10系统UEFI下出现VT-x is disabled in BIOS进入BIOS解决方案