“小程序JAVA实战”运行微信官方演示(四)

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

微信官方小程序的演示 <李>

介绍

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

<李>

pc端下载源码

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

<李>

微信端的二维码

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

PC端项目源码导入 <李>

新建项目

2。导入项目

<李>

项目名称填写

<李>

启动完毕

# # # # # #代码业务关系

主要分为组件和接口两个部分,
1。组件就类似咱们在html里面的形式、按钮、输入等等吧用于视图2所示。接口就类似在做软件开发的时候调用gis,相册权限,手机信息等等

<李>

查看演示对应的代码,基本在实际的开发过程中,这都是相互对应的。

<李>

单独看下按钮的目录结构

<李>

. js后缀的文件是脚本文件,页面的交互等代码在这里实现。

<李>

. json后缀的文件是配置文件,主要是json数据格式存放,用于设置程序的配置效果。

<李>

.wxss后缀的是样式表文件,类似于前端中的css,用于对界面进行美化。

<李>

。wxml后缀的文件是页面结构文件,用于构建页面,在页面上增加控件。

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

“小程序JAVA实战”运行微信官方演示(四)