转自:https://idig8.com/2018/08/09/xiaochengxu-chuji-04/
微信官方小程序的demo
- 介绍
https://mp.weixin.qq.com/cgi-bin/wx
- pc端下载源码
https://developers.weixin.qq.com/miniprogram/dev/demo.html?t=1477656485442
- 微信端的二维码
手机微信打开-右上角扫一扫–扫下面的官网二维码实例
PC端项目源码导入
- 新建项目
2.导入项目
- 项目名称填写
- 启动完毕
######代码业务关系
主要分为组件和接口两个部分,
1. 组件就类似咱们在html里面的form,button,input等等吧用于视图2. 接口就类似在做app开发的时候调用gis,相册权限,手机信息等等
- 查看demo 对应的代码,基本在实际的开发过程中,这都是相互对应的。
- 单独看下button的目录结构
- .js后缀的文件是脚本文件,页面的交互等代码在这里实现。
- .json后缀的文件是配置文件,主要是json数据格式存放,用于设置程序的配置效果。
- .wxss后缀的是样式表文件,类似于前端中的css,用于对界面进行美化。
- .wxml后缀的文件是页面结构文件,用于构建页面,在页面上增加控件。
PS:本来都是搬砖的,我学习新技术的思路就是多看他的demo,有的放矢,先看demo哪里不理解查看官方的api介绍,想完成某个功能看看demo里面有没有对应的,有了就直接拿来复制,没有就看api,编程不是你打字有多块,而是需要你的思路有多清晰。
原文地址:https://www.cnblogs.com/sharpest/p/10269925.html
时间: 2024-10-10 10:19:02