微信小程序开发 移动 前端 Python Android Java微信小程序开发

微信小程序(一)入门

2021-05-09  本文已影响0人  zcwfeng

了解小程序

1.什么是小程序

小程序 是一种新的开放能力,开发者可以快速地开发一个小程序。小程序可以在微信内被便捷地获取和传播,同时具有出色的使用体验。

2016年9月21日发布的小程序内测版。2017年1月9日正式上线。小程序基础库更新日志

2.小程序开发工具

工具下载

创建工程时需要AppID,所以我们需要先注册账号。

2-1.接入流程

  1. 小程序注册 --- 在微信公众平台注册小程序,完成注册后可以同步进行信息完善和开发。

  2. 小程序信息完善 --- 填写小程序基本信息,包括名称、头像、介绍及服务范围等。

  3. 开发小程序 --- 完成小程序开发者绑定、开发信息配置后,开发者可下载开发者工具、参考开发文档进行小程序的开发和调试。

  4. 提交审核和发布 --- 完成小程序开发后,提交代码至微信团队审核,审核通过后即可发布(公测期间不能发布)。

2-2.AppID

AppID --- 开发 --》开发设置

添加项目成员 --- 管理 --》 成员管理

2-3.介绍开发工具

开发工具

3.小程序结构

小程序开发工具目前提供了 5 种文件的编辑:wxmlwxssjsjsonwxs 以及图片文件的预览。

3-1.新建页面代码

文件操作 ,有两种方式:

  1. 在目录树上右键,选择新建 Page,将自动生成页面所需要的 wxmlwxssjsjson

  2. 在 app.json 的 pages 字段,添加需要新建的页面的路径,将会自动生成该页面所需要的文件。

3-2.配置

JSON文件都是被包裹在一个大括号中 {},通过key-value的方式来表达数据。JSON的Key必须包裹在一个双引号中。

注意:json文件中,不能写注释。

3-3.WXML

WXML(WeiXin Markup Language)是框架设计的一套标签语言。类似安卓布局文件。

3-4.WXSS

WXSS (WeiXin Style Sheets)是一套样式语言,用于描述 WXML 的组件样式。类似安卓 style。

3-5.JS

相当于安卓中java,执行生命周期函数以及处理逻辑。

3-6.wxs

WXS(WeiXin Script)是小程序的一套脚本语言,结合 WXML,可以构建出页面的结构。

4.最简小程序

// app.json
{
  "pages": [
    "home"
  ]
}
<!--home.wxml-->
<view>Hello World</view>
// home.js
Page({
  
})
上一篇下一篇

猜你喜欢

热点阅读