微信小程序实战开发教程

更新时间:2020-09-24 10:29:21点击次数:316次
一、准备工作
1.注册小程序帐户,必须使用尚未注册过公众号的电子邮箱注册。
2.注册需要很多认证,比较繁琐。如果只是暂时用于开发测试,不用于提审发布,只需填写营业执照号,不需要完成微信认证。
3.注册完成账号登录后,点击主页面左侧列表中的设置,然后在设置页面中选择开发设置即可看到AppID,可用于登录开发工具。
二、开发工具
可以在官网下载开发工具。
三、启动项目
打开开发者工具,选择小程序选项,并进入添加项目页面。这时候用来设置前面页面的AppId。如果项目目录中的文件是空文件夹,将提示您是否创建快速启动项目。选择“是”,开发人员工具将帮助我们在开发目录中生成一个简单的演示。这个演示有一个完整的小程序大纲。
1.结构
先看下一个目录:
App.js:小程序逻辑,生命周期,全局变量。
app.json:小程序公共设置,导航栏颜色等。无法注释。
app.wxss  :小程序公共样式类似CSS。
小程序页面的组成:
页面组成:
每个applet页面都由四个不同的后缀文件组成,它们在同一路径下具有相同的名称,如index.js、index.wxml、index.wxss和index.json
微信小程序中每一页的[Path  Page  Name]都需要写在app.json的页面中,页面中的第一页就是小程序的第一页。
路径:
这四个文件根据它们的功能可以分为三个部分:
配置:json文件;
逻辑层:js文件;
视图层:wxss.wxml文件;
iOS上,小程序的javascript代码在JavaScriptCore中运行;
在Android上,小程序的javascript代码通过X5内核解析。
在开发工具上,小程序的javascript代码运行在nwjs(chrome内核)中。所以开发工具上的效果和实际的效果是不一样的。
微信小程序实用开发教程
2.成分
微信提供了很多组件,主要分为8种:
视图容器、基本内容、表单组件、操作反馈、导航、媒体组件、地图和画布。
它包含视图、滚动视图、按钮和表单等常见组件,还提供地图和画布。
组件主要属于视图层,视图层是由wxml结构化和布局的,类似于html。通过wxs修改样式,类似于css。
微信小程序实用开发教程
3、原料药
要使用网络请求,您必须首先登录到公共平台上的小程序帐户,并在设置页面上设置允许的域名。网络请求包括普通http请求,支持上传、下载和socket。基本上满足了我们发展中的网络需求。
这些API属于逻辑层,编写在js文件中。
  • 项目经理 点击这里给我发消息
  • 项目经理 点击这里给我发消息
  • 项目经理 点击这里给我发消息
  • 项目经理 点击这里给我发消息