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

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

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

小程序开发(适合初学者)相关推荐

油价小程序开发 - 手把手教你写小程序（适合初学者）
最近有空开了一个简单的油价小程序,分享给大家学习.(适合新手练手项目,大神们请多指教) 首先展示一下小程序油价小程序预览小程序分两屏,首屏展示的是每个城市的油价.每日黄历.分享功能.定位当前城市功 ...
微信小程序开发初学者之入门步骤和体验
在Android 项目不忙之余,自学了微信小程序入门.常听前辈说,做一名开发人员最重要的不是你会什么语言, 而是在面对不会的语言和未接触过的任务时,有着怎样的学习力和学习逻辑.仿佛又回到了高三那一段难 ...
基于spring-boot的社区社交微信小程序，适合做脚手架、二次开发
代码地址如下: http://www.demodashi.com/demo/13867.html 1 概述笔者做的一个后端基于spring-boot的社区社交微信小程序,可以作为开发的脚手架,开发速 ...
小程序开发教程，适合小白哦
近年来,小程序开发的浪潮很流行,小程序的爆炸性增长,无论是各种工具类别的小程序,还是购物中心类别的小程序,都在不断涌现.小程序使我们的生活更加方便,同时为各种在线和线下商店创造了一个良好的营销环境.那 ...
微信小程序开发的适合领域
9月21日晚,微信推出了小程序内测,一时间引爆了整个互联网圈. 对于已经拥有了微信支付.朋友圈两大革命性互联网服务的微信而言,小程序或将成为它又一个"改变"的起源. 什么是小程序? ...
【小程序开发之制作首页】
博客阅读顺序 1.准备工作链接:(41条消息) [小程序开发之微信登录]_隐隐池玉的博客-CSDN博客 2.实现调用微信登录链接:(41条消息) [小程序开发之微信登录]_隐隐池玉的博客-CS ...
微信小程序开发01 双线程模型：为什么小程序不用浏览器的线程模型？
你好,我是俊鹏,今天是第一节课,我想和你聊一聊微信小程序表层知识中的双线程模型.主要探讨一下它的技术背景.线程间的分工和通信模式. 在工作以及一些技术分享中,我经常被人问到这样一个问题:"微 ...
微信小程序开发分析总结
本文主要记录一下初次开发小程序一些注意事项,小程序开发语言,对小程序的审核要求,小程序的特点,开发特点,后面会再写下是否有三方好用的工具,及开发中遇到的js,html,css 相关的问题及解决方法.毕 ...
【数独】数独游戏-微信小程序开发流程详解
有没有玩过数独游戏呢,听说,它是一个能训练大脑思维的棋盘类游戏,游戏规则很简单,通过小程序来实现很容易,非常适合对数独游戏逻辑感兴趣的同学,选择它开发入门吧. 准备会使用微信开发者工具, 有Java ...

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

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

小程序开发(适合初学者)相关推荐

最新文章

热门文章