小程序开发(适合初学者)

小程序开发(适合初学者)

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进行测试容易的多

本篇就分享到这里了~~~~