微信小程序入门案例
入门案例
微信小程序的开发本质上属于前端开发,主要使用JavaScript进行开发。
小程序目录结构
一个小程序包含一个描述整体程序的 app
和多个描述各自页面的 page
。小程序主体部分由三个文件组成,必须放在项目的根目录:
- app.js:必须存在,主要存放小程序的逻辑代码。
- app.json:必须存在,小程序配置文件,主要存放小程序的公共配置。
- app.wxss:非必须存在,主要存放小程序公共样式表,类似于前端的CSS样式。
小程序的页面存放在 pages
目录中。每个小程序页面主要由四个文件组成:
- js文件:必须存在,存放页面业务逻辑代码。
- wxml文件:必须存在,存放页面结构,主要是做页面布局,页面效果展示的,类似于HTML页面。
- json文件:非必须,存放页面相关的配置。
- wxss文件:非必须,存放页面样式表,相当于CSS文件。
编写和编译小程序
1). 编写
index.wxml:编写页面布局
<view class="container">
<view>{
{msg}}</view>
<view>
<button type="default" bindtap="getUserInfo">获取用户信息</button>
<image style="width: 100px