微信小程序

微信小程序

---

操作前准备工作

• 1、注册AppID,获取ID号
• 2、下载小程序开发工具
• 3、创建项目

1、第一个小程序

1、删除部分文件

• 这里将部分文件删除，手写helloworld
• 初始目录结构
  
• 从零开始搭建熟悉项目结构和目录结构

2、理论知识

结构划分

• App整个程序
  • app.js 逻辑代码？
  • app.json 配置
  • app.wxss css，样式配置
• page页面
  • page.js 逻辑代码？
  • page.json 页面配置
  • page.wxml html
  • page.wxss css
• 内置组件和自定义组件
• project-config.json 项目配置
• sitemap.json 检索配置（微信搜索是可以搜索到）

3、创建文件

• 1、创建app三个文件
  • app.json是入口，写加载的页面路径
  • 相当于一个对象

{
  "pages": [
    "home"
  ]
}

• 2、创建page四个文件
  • home.json创建一个对象

{
  
}

- 3、home.js创建一个页面对象

page({
  
})

• 究极简便的创建页面方法
• pages/user/user自动生成
• 这里默认显示第一个user
  
  

4、编写wxml

<!--pages/user/user.wxml-->
<text>pages/user/user.wxml</text>
<text class="title">hello world</text>
<button size="mini">点击</button>

5、页面展示