小程序开发(适合初学者)
1.开发小程序的步骤
- 注册小程序账号
- 激活邮箱
- 信息登录
- 登录小程序管理后台
- 完善小程序信息
- 绑定开发者
2.环境搭建以及开发工具介绍
3.小程序的版本
预览版本——手机本地预览(要填写AppID才能在手机上预览)
开发版本——上传成具有具有版本号的小程序应用,具有开发者权限的可访问
体验版本——在小程序管理后台可以将开发版本切换成体验版本,具有体验权限的成员可见
审核版本——提交审核的版本
线上版本——在小程序管理后台可以将开发版本切换陈体验版本
4.文件结构介绍
小程序包含一个描述整理程序的app和多个描述各自的page
- 一个小程序主体部分由三个文件组成,必须放在项目的根目录
- 一个小程序页面由四个页面组成
注:如果一个样式即在app里面配置,又在页面配置了,则以距离这个页面最近的文件为准
- 例:开发个人小程序
在app里面配置:
说明:(1)应用程序级别文件名字必须是app.xxx
(2)为了方面开发者减少配置,描述页面的四个文件必须具有相同路径与文件名,文件夹不做规定
xxx.wxml/xxx.wxss/xxx.json/xxx.js
(3)QuickStart项目里面的app.json配置说明
pages字段——用于描述当前小程序所有页面路径,这是为了让微信客户知道当前你的小程序页面 定义在哪个页面
window字段——小程序所有页面的顶部导航背景颜色,文字颜色都定义在这里
(4)每个页面的.json文件
只是设置app.json中的window配置项的内容,页面中配置项会覆盖app.json的window中相同的配置项
注意:页面.json只能设置window相关的配置项,以决定本页面的窗口表现,所以无需window这个键,直接配置选项即可
(5)工具配置 project.config.json
说明:小程序开发者工具在每个项目的根目录都会生成一个 project.config.json,你在工具上做的任何配置都 会写入到这个文件,当你重新安装工具或者换电脑工作时,你只要载入同一个项目的代码包,开发者工具就自动会帮你恢复到当时你开发项目时的个性化配置
5.小程序是完全的组件化开发
(1)什么是组件?
官方解释:组件是对数据和方法简单的封装,组件拥有自己的属性和方法。属性是组件数据的简单访问,方法是组件简单可见的功能。
前端组件:组成页面内容零件,封装起来的具有独立功能的UI部件,并且小的组件通过组合或者嵌套的方式可以构成大的组件
(2)组件化开发思路
对于论界面而言,整个UI是一个通过小组件构成的大组件,每个组件只关心自己部分的逻辑,彼此独立。
通过这种方式,每个组件的UI和逻辑都定义在组件内部,和外部完全通过API来交互,通过组合的方式来实现复杂的功能。
组件的特征:(1)可组合(Composeable):一个组件易于和其它组件一起使用,或者嵌套在另一个组件内部。如果一个组件内部创建了另一个组件,那么说父组件拥有(own)它创建的子组件,通过这个特性,一个复杂的UI可以拆分成多个简单的UI组件
(2)可重用(Reusable):每个组件都是具有独立功能的,它可以被使用在多个UI场景
(3)可维护(Maintainable):每个小的组件仅仅包含自身的逻辑,更容易被理解和维护
(4)可测试(Testable):因为每个组件都是独立的,那么对于各个组件分别测试显然要比对于整个UI进行测试容易的多
本篇就分享到这里了~~~~