线上商城微信小程序开发说明书

微信小程序设计规范

概要 微信小程序设计的基本原则是微信设计中心针对在微信内上线的小程序页面总结的设计指南及建议。以下设计原则都是基于对用户的尊重的基础上的，旨在微信生态内建立友好、高效、一致的用户体验的同时，最大程度顺应和支持各业务需求设计，实现用户与程序的共赢。 一、友好礼貌 为了避免用户在微信中使用小程序服务时，注意力被周围复杂环境干扰，小程序在设计时应该注意减少无关的设计元素对用户目标的干扰，礼貌地向用户展示程序侧提供的服务，友好地引导用户进行操作。 1. 重点突出 每个页面都应有明确的重点，以便于用户每进入一个新页面的时候都能快速地理解页面内容，在确定了重点的前提下，应尽量避免页面上出现其他干扰项影响用户的决策和操作。 反例示意 此页面的主题是查询，却添加了诸多与查询不相关的业务入口，与用户的预期不符，易造成用户的迷失。

纠正示意 去掉任何与用户目标不相关的内容，明确页面主题，在技术和页面控件允许的前提下提供有助于用户目标的帮助内容，比如最近搜索词，常用搜索词等。 反例示意 操作没有主次，让用户无从选择

纠正示意 首先要避免并列过多操作让用户选额，在不得不并列多个操作时，需区分操作主次，减轻用户的选择难度。

2. 流程明确 为了让用户顺畅地使用页面，在用户进行某一个操作流程时，应避免出现用户目标流程之外的内容而打断用户。 反例示意 用户本打算进行搜索，在进入页面时却被突如其来的抽奖弹窗所打断；对于抽奖没有兴趣的用户是非常不友好的干扰，平添一份对开发团队的恼怒；而即便有部分用户确实被“诱人”的抽奖活动所吸引，离开主流程去抽奖之后可能就遗忘了原本的目标，进而失去了对产品真正价值的利用和认识。 二、清晰明确 作为一个负责任的开发者，一旦用户进入我们的小程序页面，就有责任和义务清晰明确地告知用户身在何处、又可以往何处去，确保用户在页面中游刃有余地穿梭而不迷路，这样才能为用户提供安全的愉悦的使用体验。

《微信小程序开发图解案例教程》教学教案—第3章教案用微信小程序组件构建UI界面2

第3章用微信小程序组件构建UI界面

教学过程 3.8沙场大练兵：表单登录注册微信小程序 微信小程序里有丰富的表单组件，通过这些组件的使用，来完成京东登录界面、手机快速注册界面、企业用户注册界面的微信小程序设计，如图所示。 登录手机快速注册企业用户注册 会用到view视图容器组件、button按钮组件、image图片组件、input输入框组件、checkbox多项选择器组件、switch开关选择器组件、navigator页面链接组件等组件的使用，将这些组件进行界面的布局设计来完成表单登录和注册设计。 3.8.2登录设计 在登录表单里，输入账号、密码进行登录，在账号、密码输入框里都有友好的提示信息；登录按钮默认是灰色不可用状态，只有输入内容后，才会变为可用状态；在登录按钮的下面提供手机快速注册、企业用户注册、找回密码链接；界面最下面是微信、QQ第三方登录方式，如图所示。

登录界面 （1）添加一个form项目，填写AppID，只有填写AppID，form微信小程序才能在手机上浏览效果，如图所示。 添加form项目 （2）在app.json文件里添加“pages/login/login”“pages/mobile/mobile” “pages/company/company”3个文件目录，并删除默认的文件目录以及相应的文件夹，如图所示。 app.json配置 （3）在“pages/login/login”文件里，进行账号密码输入框布局设计，并添加相应的样式，代码

输入框布局设计 （4）在“pages/login/login”文件里，进行登录按钮、手机快速注册、企业用户注册、找回密码以及第三方登录布局的设计，并添加相应的样式，代码如下所示。 login.wxml 账号 密码 登录 手机快速注册 企业用户注册 找回密码 login.wxss .content{ margin-top: 40px; } .account{

微信小程序设计规范

微信小程序设计规 范

概要 微信小程序设计的基本原则是微信设计中心针对在微信内上线的小程序页面总结的设计指南及建议。以下设计原则都是基于对用户的尊重的基础上的，旨在微信生态内建立友好、高效、一致的用户体验的同时，最大程度顺应和支持各业务需求设计，实现用户与程序的共赢。 一、友好礼貌 为了避免用户在微信中使用小程序服务时，注意力被周围复杂环境干扰，小程序在设计时应该注意减少无关的设计元素对用户目标的干扰，礼貌地向用户展示程序侧提供的服务，友好地引导用户进行操作。 1. 重点突出 每个页面都应有明确的重点，以便于用户每进入一个新页面的时候都能快速地理解页面内容，在确定了重点的前提下，应尽量避免页面上出现其它干扰项影响用户的决策和操作。 反例示意 此页面的主题是查询，却添加了诸多与查询不相关的业务入口，与用户的预期不符，易造成用户的迷失。

纠正示意 去掉任何与用户目标不相关的内容，明确页面主题，在技术和页面控件允许的前提下提供有助于用户目标的帮助内容，比如最近搜索词，常见搜索词等。 反例示意 操作没有主次，让用户无从选择

纠正示意 首先要避免并列过多操作让用户选额，在不得不并列多个操作时，需区分操作主次，减轻用户的选择难度。

2. 流程明确 为了让用户顺畅地使用页面，在用户进行某一个操作流程时，应避免出现用户目标流程之外的内容而打断用户。 反例示意 用户本打算进行搜索，在进入页面时却被突如其来的抽奖弹窗所打断；对于抽奖没有兴趣的用户是非常不友好的干扰，平添一份对开发团队的恼怒；而即便有部分用户确实被“诱人”的抽奖活动所吸引，离开主流程去抽奖之后可能就遗忘了原本的目标，进而失去了对产品真正价值的利用和认识。 二、清晰明确 作为一个负责任的开发者，一旦用户进入我们的小程序页面，就有责任和义务清晰明确地告知用户身在何处、又能够往何

微信小程序平台运营规范

微信小程序平台运营规范 一、原则及相关说明 微信最核心的价值，就是连接——提供一对一、一对多和多对多的连接方式，从而实现人与人、人与智能终端、人与社交化娱乐、人与硬件设备的连接，同时连接服务、资讯、商业。 微信团队一直致力于将微信打造成一个强大的、全方位的服务工具。在此基础上，我们推出了微信小程序这个产品，提供给微信小程序的开发者在微信内搭建和实现特定服务、功能的平台。通过全面开放的能力，我们将更多连接的可能给予企业和服务提供者，并为微信小程序提供基础的接入能力、运营环境和规则体系，进而帮助更多的企业和服务提供者建立自己的品牌，将商业机会带给整个微信产业链。 在开始微信小程序的开发前，我们希望微信小程序开发者（以下也称为“你”）已经仔细阅读了《微信小程序接入指南》、《微信小程序设计规范》、《微信小程序开发指南》等，如果你选择了游戏类目，你还需仔细阅读《微信小游戏接入指南》、《微信小游戏开发指南》等；同时，我们也为你准备了微信小程序平台常见拒绝情形。希望这些指南和规范，能够一定程度上帮助你解决开发、运营微信小程序过程中所遇到的疑问。 我们希望你提交的微信小程序，能够符合微信团队一直以来的价值观，那就是：一切以用户价值为依归、让创造发挥价值、好的产品是用完即走，以及让商业化存在于无形之中。在切实符合用户的合理需求和利益的前提下，通过微信小程序所提供的功能和服务，为海量微信用户提供具有持续价值和高品质的服务。我们期待你来提交你的微信小程序。 二、具体运营规范 使用微信小程序平台的服务，你必须阅读并遵守《微信小程序平台服务条款》，以及腾讯为此制定的专项规则等。本运营规范是在上述协议及规则基础上进行解释和说明，相关内容旨在帮助你更加清晰地理解和遵守相关协议和规则，以便能够更加顺利地在微信小程序平台进行运营，而不是修改或变更上述协议及规则中的任何条款。如果我们认为你的微信小程序违反了我们的条款、相关平台规则或法律法规，或对微信公众平台、微信开放平台造成了影响，则微信有权对你的微信小程序采取强制措施，包括但不限于限制你的微信小程序访问平台功能、封禁小程序、要求删除数据、终止协议等。 1.注册提交规范 1.1提供给用户可以联络到开发者的链接或电子邮箱等有效联系方式。 1.2提供给平台联络到开发者的管理员微信号，并保证该微信号真实有效。 1.3你所提交的微信小程序，不得关联至你不具有完整合法权益或不具备完整授权的网站、应用程序、产品或服务等。 1.4为保障平台和其他用户的安全、稳定，我们会在你提交微信小程序、运营微信小程序等全过程中，要求你提供相应的材料、进行相应的修改等补充和调整，你应当按照我们的要求协助我们进行审核，否则，将影响审核的结果。

微信小程序制作方案及流程

微信小程序制作方案及流程 从运营的角度讲制作，不是从程序的角度讲开发，所以简单明晰，通俗易懂。 （一）微信小程序背景作用 微信小程序十分火热，传闻说是要和应用市场竞争，这不可能。除非你替代IOS系统和安卓系统的手机，载体已经决定了性质。 其实，微信小程序功能，更多的是未了给用户提供更优质的服务。微信试图在商业服务领域进一步开发社交平台的商业价值。微信开放平台，接入了京东，滴滴打车，外卖等，这些平台本身已经拥有较大的影响力和价值，但却没有像淘宝那样，把线下的所有商家都尽可能的搬到移动端平台上。这才是微信小程序的目的。 微信小程序其实很久以前就有，记得刚开始搜索附近人的时候，微信已经开通了门店功能，附近的优质门店就会展示出来，小程序，正是把这一功能单独提炼出来，把它做大做好。 微信公众号有很多功能，此前流行微信公众号开发，微官网，微店，微营销等，甚至，微信不能链接淘宝店，有的链接是移动官网，好像似乎都不尽人意。其实，微信小程序，就是拿来供微信链接用的，进一步提升并解决微信开发，微店，微官网等没有做好的地方。你可以试试做一个好的微信小程序，来推广你的业务或服务，以及一些有趣的应用。 这正是微信小程序的作用和目的。 （二）微信小程序制作 从运营的角度讲制作，不是从程序的角度讲开发，所以简单明晰，通俗易懂，小白也能按照流程完成制作。 微信小程序制作流程 1.确定好微信小程序的的定位和目的 如行业，功能，内容，目标用户，目标市场，意向名单，专业作用等。 2.落实小程序的程序制作公司，或者团队 若是外部团队，要签订合同，打款之前，到公司实地考察情况。小程序制作的公司很多，并不是每家公司都会制作出你心仪的小程序。这要考察，更要好好沟通。 3.确定好小程序制作文案资料 包括设计需求，功能项目，表格表单，广告语言，模板栏目，按钮，跳转链接，运行逻辑，计算公式，展现手段等。 4.小程序设计方案，设计图片出炉 交付美工设计，保持沟通，按照文案和沟通内容进行设计。初版审核，是否需要更改设计细节。敲定设计方案。 5.小程序设计切片，程序制作，后台制作

微信小程序入门指南

目 录 关于作者 (3) 前言 (5) 第一节 什么是小程序？ (7) 第二节 小程序将给我们带来什么改变 (12) 第三节 小程序上手案例 (18) 知了交通 (19) 剁手吗 (24) 知了地铁 (32) 解忧室 (36) 第四节 如何转行小程序开发？ (41) 第五节 如何拥有自己的小程序？ (45) 如何注册微信小程序 (46) 如何搞定微信认证？ (52) 如何完善小程序信息？ (59) 开发者工具怎么用？ (65) 小程序的审核与发布 (74) 第六节 小程序官方文档解读 (83) 开发文档解读 (84) 设计文档解读 (94) 运营文档解读 (104) 第七节 电商类小程序开发教程 (112) 如何做轮播图 (113) 如何做商品列表 (123) 数据加载和图文排版 (134) 写在最后 (148) 附录 (149) 小程序大事记 (149)

关于作者 爱范儿是首批获得微信小程序内测资格的200 个公司之一，也是全球第一个开发出微信小程序的公司。 知晓程序，是爱范儿旗下专注小程序生态的新品牌。 我们提供最全面、新鲜的小程序资讯、观点、教程、Demo、活动等内容和服务，在这里你能了解到关于小程序的一切。 我们还跟全国各地的小程序关注者开展了深入交流，形成了面向小程序开发者的未来小程序·黑客马拉松／面向非技术从业人员（产品／运营／市场等）的未来小程序·workshop／面向小程序爱好者的未来小程序·MindTalk 的活动矩阵。 目前，知晓程序共包含四大版块： l知晓程序微信公众号：小程序资讯媒体 l知晓程序商店：小程序应用商店； l知晓程序社区：小程序交流平台； l知晓程序BaaS：小程序后端服务平台。

微信小程序的官方设计指南和建议(规范抢先看)

c基于微信小程序轻快的特点，我们（微信官方）拟定了小程序界面设计指南和建议。设计指南建立在充分尊重用户知情权与操作权的基础之上。旨在微信生态体系内，建立友好、高效、一致的用户体验，同时最大程度适应和支持不同需求，实现用户与小程序服务方的共赢。 一、友好礼貌 为了避免用户在微信中使用小程序服务时，注意力被周围复杂环境干扰，小程序在设计时应该注意减少无关的设计元素对用户目标的干扰，礼貌地向用户展示程序提供的服务，友好地引导用户进行操作。 重点突出 每个页面都应有明确的重点，以便于用户每进入一个新页面的时候都能快速地理解页面内容，在确定了重点的前提下，应尽量避免页面上出现其他干扰项影响用户的决策和操作。 反例示意 此页面的主题是查询，却添加了诸多与查询不相关的业务入口，与用户的预期不符，易造成用户的迷失。 纠正示意 去掉任何与用户目标不相关的内容，明确页面主题，在技术和页面控件允许的前提下提供有助于用户目标的帮助内容，比如最近搜索词，常用搜索词等。

反例示意 操作没有主次，让用户无从选择 纠正示意

首先要避免并列过多操作让用户选择，在不得不并列多个操作时，需区分操作主次，减轻用户的选择难度。 流程明确 为了让用户顺畅地使用页面，在用户进行某一个操作流程时，应避免出现用户目标流程之外的内容而打断用户。 反例示意 用户本打算进行搜索，在进入页面时却被突如其来的抽奖弹窗所打断；对于抽奖没有兴趣的用户是非常不友好的干扰；而即便有部分用户确实被“诱人”的抽奖活动所吸引，离开主流程去抽奖之后可能就遗忘了原本的目标，进而失去了对产品真正价值的利用和认识。

二、清晰明确 一旦用户进入我们的小程序页面，我们就有责任和义务清晰明确地告知用户身在何处、又可以往何处去，确保用户在页面中游刃有余地穿梭而不迷路，这样才能为用户提供安全的愉悦的使用体验。 导航明确，来去自如 导航是确保用户在网页中浏览跳转时不迷路的最关键因素。导航需要告诉用户，我在哪，我可以去哪，如何回去等问题。首先在微信系统内的所有小程序的全部页面，均会自带微信提供的导航栏，统一解决我在哪，如何回去的问题。在微信层级导航保持体验一致，有助于用户在微信内形成统一的体验和交互认知，无需在各小程序和微信切换中新增学习成本或改变使用习惯。 微信导航栏 微信导航栏，直接继承于客户端，除导航栏颜色之外，开发者无需亦不可以对其中的内容进行自定义。但开发者需要规定小程序各个页面的跳转关系，让导航系统能够以合理的方式工作。

微信小程序设计规则

微信小程序设计规则 概要 基于微信小程序轻快的特点，我们拟定了小程序界面设计指南和建议。设计指南建立在充分尊重用户知情权与操作权的基础之上。旨在微信生态体系内，建立友好、高效、一致的用户体验，同时最大程度适应和支持不同需求，实现用户与小程序服务方的共赢。 友好礼貌 为了避免用户在微信中使用小程序服务时，注意力被周围复杂环境干扰，小程序在设计时应该注意减少无关的设计元素对用户目标的干扰，礼貌地向用户展示程序提供的服务，友好地引导用户进行操作。 重点突出 每个页面都应有明确的重点，以便于用户每进入一个新页面的时候都能快速地理解页面内容。在确定了重点的前提下，应尽量避免页面上出现其它与用户的决策和操作无关的干扰因素。 反例示意 此页面的主题是查询，却添加了诸多与查询不相关的业务入口，与用户的目标无关，易造成用户的迷失。

纠正示意 去掉任何与用户目标不相关的内容，明确页面主题，在技术和页面控件允许的前提下提供有助于用户决策和操作的帮助内容，比如最近搜索词等。 反例示意 操作没有主次，让用户无从选择。 纠正示意 首先要避免并列过多操作让用户选择，在不得不并列多个操作时，需区分操作主次，减轻用户的选择难度。

流程明确 为了让用户顺畅地使用页面，在用户进行某一个操作流程时，应避免出现用户目标流程之外的内容而打断用户。 反例示意 用户本打算进行搜索，在进入页面时却被突如其来的模态抽奖框所打断；对于抽奖没有兴趣的用户是非常不友好的干扰；而即便有部分用户确实被“诱人”的抽奖活动所吸引，离开主流程去抽奖之后可能就遗忘了原本的目标，进而失去了对产品真正价值的利用和认识。

微信小程序运营规则

微信小程序平台运营规 一、原则及相关说明 微信最核心的价值，就是连接——提供一对一、一对多和多对多的连接方式，从而实现人与人、人与智能终端、人与社交化娱乐、人与硬件设备的连接，同时连接服务、资讯、商业。 微信团队一直致力于将微信打造成一个强大的、全方位的服务工具。在此基础上，我们推出了微信小程序这个产品，提供给微信小程序的开发者在微信搭建和实现特定服务、功能的平台。通过全面开放的能力，我们将更多连接的可能给予企业和服务提供者，并为微信小程序提供基础的接入能力、运营环境和规则体系，进而帮助更多的企业和服务提供者建立自己的品牌，将商业机会带给整个微信产业链。 在开始微信小程序的开发前，我们希望微信小程序开发者（以下也称为“你”）已经仔细阅读了《微信小程序接入指南》、《微信小程序设计规》、《微信小程序开发指南》等；同时，我们也为你准备了微信小程序平台常见拒绝情形。希望这些指南和规，能够一定程度上帮助你解决开发、运营微信小程序过程中所遇到的疑问。 我们希望你提交的微信小程序，能够符合微信团队一直以来的价值观，那就是：一切以用户价值为依归、让创造发挥价值、好的产品是用完即走，以及让商业化存在于无形之中。在切实符合用户的合理需求和利益的前提下，通过微信小程序所提供的功能和服务，为海量微信用户提供具有持续价值和高品质的服务。我们期待你来提交你的微信小程序。 二、具体运营规 使用微信小程序平台的服务，你必须阅读并遵守《微信小程序平台服务条款》，以及腾讯为此制定的专项规则等。本运营规是在上述协议及规则基础上进行解释和说明，相关容旨在帮助你更加清晰地理解和遵守相关协议和规则，以便能够更加顺利地在微信小程序平台进行运营，而不是修改或变更上述协议及规则中的任何条款。如果我们认为你的微信小程序违反了我们的条款、相关平台规则或法律法规，或对微信公众平台、微信开放平台造成了影响，则微信有权对你的微信小程序采取强制措施，包括但不限于限制你的微信小程序访问平台功能、下架小程序、要求删除数据、终止协议等。 1.注册提交规 1.1提供给用户可以联络到开发者的或电子等有效联系方式。 1.2提供给平台联络到开发者的管理员微信号，并保证该微信号真实有效。 1.3你所提交的微信小程序，不得关联至你不具有完整合法权益或不具备完整授权的、应用程序、产品或服务等。

微信应用号(小程序)设计规范

微信应用号(小程序)设计规范 概要 微信小程序设计的基本原则是微信设计中心针对在微信内上线的小程序页面总结的设计指南及建议。以下设计原则都是基于对用户的尊重的基础上的，旨在微信生态内建立友好、高效、一致的用户体验的同时，最大程度顺应和支持各业务需求设计，实现用户与程序的共赢。 一、友好礼貌 为了避免用户在微信中使用小程序服务时，注意力被周围复杂环境干扰，小程序在设计时应该注意减少无关的设计元素对用户目标的干扰，礼貌地向用户展示程序侧提供的服务，友好地引导用户进行操作。 1. 重点突出 每个页面都应有明确的重点，以便于用户每进入一个新页面的时候都能快速地理解页面内容，在确定了重点的前提下，应尽量避免页面上出现其他干扰项影响用户的决策和操作。

反例示意 此页面的主题是查询，却添加了诸多与查询不相关的业务入口，与用户的预期不符，易造成用户的迷失。 纠正示意 去掉任何与用户目标不相关的内容，明确页面主题，在技术和页面控件允许的前提下提供有助于用户目标的帮助内容，比如最近搜索词，常用搜索词等。

反例示意 操作没有主次，让用户无从选择 纠正示意 首先要避免并列过多操作让用户选额，在不得不并列多个操作时，需区分操作主次，减轻用户的选择难度。

2. 流程明确 为了让用户顺畅地使用页面，在用户进行某一个操作流程时，应避免出现用户目标流程之外的内容而打断用户。 反例示意 用户本打算进行搜索，在进入页面时却被突如其来的抽奖弹窗所打断；对于抽奖没有兴趣的用户是非常不友好的干扰，平添一份对开发团队的恼怒；而即便有部分用户确实被“诱人”的抽奖活动所吸引，离开主流程去抽奖之后可能就遗忘了原本的目标，进而失去了对产品真正价值的利用和认识。 二、清晰明确 作为一个负责任的开发者，一旦用户进入我们的小程序页面，就有责任和义务清晰明确地告知用户身在何处、又可以往何处去，确保用户在页面中游刃有余地穿梭而不迷路，这样才能为用户提供安全的愉悦的使用体验。

小程序开发入门指南——前端篇

小程序开发入门指南——前端篇 一、开发前的准备 开发环境：微信推出的官方开发工具。 申请Appid：相关公司或个人申请到Appid后可以进行真机的调试和预览，否则只能在开发工具里进行调试。 备案域名和证书：微信小程序仅支持https协议，所以务必绑定含有证书的域名，才能在正式上线后进行使用。 二、项目结构 微信小程序底层借鉴了React框架的思想，整个开发围绕着组件化开发和数据绑定的模式进行，与传统的jQuery开发逻辑不同。 在开发工具中建立项目，选择quickstart选项，会自动生成项目的框架，并补充部分代码。 如图所示，.wxss后缀是样式文件，类似于css，整个文件的书写语法和css一致，.js后缀的是脚本文件，和传统前端开发的js文件作用一样，.json后缀文件是配置文件，页面相关配置的书写都在这个文件中。这些文件在进入小程序之后就会运行，生成小程序实例。 下面我们简单学习一下这三个文件的作用。 1、app.js是小程序的脚本代码。我们可以在这个文件中监听并处理小程序的生命周期函数、声明全局变量、建立一些登录和获取用户信息的全局方法，进行本地数据的读写存储。 2、app.json是对整个小程序的全局配置。在这个文件中我们可以注册每个页面，设定小程序窗口的背景颜色和导航文字，设置小程序的tab分页等。 3、app.wxss是整个小程序的公共样式表。它是全局的，页面里的元素也都可以直接使用该文件里的样式规则。

Pages文件夹里放置着各个页面的文件夹，utils里是一个通用工具类方法文件夹。我们在小程序里看到的每个页面，都是放置在pages文件夹里的。 三、页面文件结构 例如我们想要写一个充值页面叫做charge，首先要在app.json文件中进行页面的注册，然后就在pages里新建一个叫做charge的文件夹，该文件夹内必须包含四个文件：charge.wxml,charge.wxss,charge.js和charge.json。这四个文件缺一不可，并且一定要保证后缀以外的名字完全一致。 .wxml后缀文件是页面的结构，类似于传统前端开发的html文件，.wxss是该页面的样式文件，.js是页面的脚本文件，.json是页面的配置文件。 一个简单的.wxml文件代码如下： 书写结构和html文件很像，微信小程序只是重新进行了标签的定义，但是在小程序里，每个标签都是一个组件，根据官方文档我们可以快速找到常用组件的标签写法和对应的属性。 小程序支持在wxml文件里进行数据绑定，使用“{{}}”来完成绑定。对应的数据可以写在js文件中。同时，小程序也支持条件渲染和列表渲染。 再来看看js页面的简单结构： 在js文件中，我们可以声明绑定的数据，监听处理页面的生命周期函数，定义页面的交互事件，获取小程序实例调用实例方法等。 小程序的js文件，内置对象是Page而非浏览器内置的window对象，因此，所有以window对象为基础而写的库或插件都无法在小程序中使用（例如jQuery）。除此以外，小程序里也没有document对象，所有DOM的操作都是基于绑定的数据来进行变化，而不能直接在脚本里进行DOM操作。熟悉Angular，React 或者Vue的朋友应该可以很容易理解这种设计。 需要注意的是，如果页面无需新的配置项，也必须包含.json文件，并且文件里最少要有一个大括号（如“{}”），否则会报错。 这样我们就处理了一个页面了，每个页面都可以按照这样的方式来开发，但请记住一定要在app.json文件中进行页面的注册，否则是无效的哦。

微信小程序运营规则

小程序平台运营规范 一、原则及相关说明 最核心得价值,就就是连接—-提供一对一、一对多与多对多得连接方式,从而实现人与人、人与智能终端、人与社交化娱乐、人与硬件设备得连接,同时连接服务、资讯、商业。 团队一直致力于将打造成一个强大得、全方位得服务工具、在此基础上,我们推出了小程序这个产品,提供给小程序得开发者在内搭建与实现特定服务、功能得平台、通过全面开放得能力,我们将更多连接得可能给予企业与服务提供者,并为小程序提供基础得接入能力、运营环境与规则体系,进而帮助更多得企业与服务提供者建立自己得品牌,将商业机会带给整个产业链。 在开始小程序得开发前,我们希望小程序开发者(以下也称为“您”)已经仔细阅读了《小程序接入指南》、《小程序设计规范》、《小程序开发指南》等;同时,我们也为您准备了小程序平台常见拒绝情形、希望这些指南与规范,能够一定程度上帮助您解决开发、运营小程序过程中所遇到得疑问。 我们希望您提交得小程序,能够符合团队一直以来得价值观,那就就是:一切以用户价值为依归、让创造发挥价值、好得产品就是用完即走,以及让商业化存在于无形之中。在切实符合用户得合理需求与利益得前提下,通过小程序所提供得功能与服务,为海量用户提供具有持续价值与高品质得服务。我们期待您来提交您得小程序、 二、具体运营规范 使用小程序平台得服务,您必须阅读并遵守《小程序平台服务条款》,以及腾讯为此制定得专项规则等。本运营规范就是在上述协议及规则基础上进行解释与说明,相关内容旨在帮助您更加清晰地理解与遵守相关协议与规则,以便能够更加顺利地在小程序平台进 行运营,而不就是修改或变更上述协议及规则中得任何条款、如果我们认为您得小程序违反了我们得条款、相关平台规则或法律法规,或对公众平台、开放平台造成了影响,则有权对您得小程序采取强制措施,包括但不限于限制您得小程序访问平台功能、下架小程序、要求删除数据、终止协议等、 1。注册提交规范 1.1提供给用户可以联络到开发者得链接或电子邮箱等有效联系方式、 1。２提供给平台联络到开发者得管理员号,并保证该号真实有效、 １。3您所提交得小程序,不得关联至您不具有完整合法权益或不具备完整授权得网站、应用程序、产品或服务等。

微信小程序设计指南

概要 基于微信小程序轻快的特点，我们拟定了小程序界面设计指南和建议。设计指南建立在充分尊重用户知情权与操作权的基础之上。旨在微信生态体系内，建立友好、高效、一致的用户体验，同时最大程度适应和支持不同需求，实现用户与小程序服务方的共赢。 友好礼貌 为了避免用户在微信中使用小程序服务时，注意力被周围复杂环境干扰，小程序在设计时应该注意减少无关的设计元素对用户目标的干扰，礼貌地向用户展示程序提供的服务，友好地引导用户进行操作。 重点突出 每个页面都应有明确的重点，以便于用户每进入一个新页面的时候都能快速地理解页面内容。在确定了重点的前提下，应尽量避免页面上出现其它与用户的决策和操作无关的干扰因素。 反例示意 此页面的主题是查询，却添加了诸多与查询不相关的业务入口，与用户的目标无关，易造成用户的迷失。

纠正示意 去掉任何与用户目标不相关的内容，明确页面主题，在技术和页面控件允许的前提下提供有助于用户决策和操作的帮助内容，比如最近搜索词等。 反例示意 操作没有主次，让用户无从选择。

纠正示意 首先要避免并列过多操作让用户选择，在不得不并列多个操作时，需区分操作主次，减轻用户的选择难度。 流程明确 为了让用户顺畅地使用页面，在用户进行某一个操作流程时，应避免出现用户目标流程之外的内容而打断用户。

反例示意 用户本打算进行搜索，在进入页面时却被突如其来的模态抽奖框所打断；对于抽奖没有兴趣的用户是非常不友好的干扰；而即便有部分用户确实被“诱人”的抽奖活动所吸引，离开主流程去抽奖之后可能就遗忘了原本的目标，进而失去了对产品真正价值的利用和认识。 清晰明确 一旦用户进入我们的小程序页面，我们就有责任和义务清晰明确地告知用户身在何处、又可以往何处去，确保用户在页面中游刃有余地穿梭而不迷路，这样才能为用户提供安全且愉悦的使用体验。 导航明确，来去自如 导航是确保用户在网页中浏览跳转时不迷路的最关键因素。导航需要告诉用户，当前在哪，可以去哪，如何回去等问题。首先在微信系统内的所有小程序的全部页面，均会自带有微信提供的导航栏，统一解决当前在哪，如何回去的问题。在微信层级导航保持体验一致，有助于用户在微信