合作机构：阿里云 / 腾讯云 / 亚马逊云 / DreamHost / NameSilo / INWX / GODADDY / 百度统计
小程序设计器
小程序页面制作
小程序的页面跟网站的页面并无直接联系，因此您在小程序设计器里需要重建所有的页面，及规划页面之间的关系。
从感受上来讲小程序更像是轻量级的APP，所以页面数量上比网站页面要少，并且结构也比网站页面要简单。
页面的类型依然区分为“普通页面”和“系统页面”，用途与网站设计器端一致。因为小程序的发布需要经过百度智能小程序、微信小程序、支付宝小程序官方团队的审核才能上架，所以在页面的结构及设计规则上，AIPage贴合官方的规则进行了一些约束。比如并不是任意一个普通页面都可以随时切换设置为主页，而是固定的某个页面作为主页，当然您依然是可以进行自由定义页面内容的。
AIPage系统内预置了一部分小程序版块的“成品模版”，您可以自由添加使用。如下图所示：
您可以在组件库中选择您所需要的功能组件，添加入页面中。如下图所示：
上图中可见，小程序的页面内包含四个层，自上而下分别是：
主面版：当前页面的默认层
模态框：在当前页面默认层上方增加的一个层，模态框（弹窗）会放置在这个层里
浮动元素：在当前页面默认层上方增加的一个层，浮动元素会放置在这个层里
全局元素：这个层是在所有页面上都生效的，您放置在这个层里的内容会在所有页面上方都显示
主要用于设置小程序页面载入时的动画效果，如下图所示：
主要用于设置当前小程序页面的顶部标题内容，如下图所示：
主要用于设置小程序底部的悬浮菜单，被设置入导航栏的页面均会显示这个导航栏，如下图所示：
主要用于设置放入页面内的按钮、文本等元素的默认配色方案，即初始色。
该功能主要用于在当前页面，当识别为用户为未登录状态时，弹出一个弹窗来引导客户进行登录。登录后您将获得一个有效的注册会员哟！开启位置，如下图所示：
与网站设计器类似
AIPage产品提供了微信、百度、支付宝的三个APP客户端的实时预览功能，您可以在真机上直接测试体验小程序。
建议您在设计过程中使用实时预览来验证设计结果，在确认完成后再提交审核，因为审核过程是由官方团队人工进行审核的，提交审核过于频繁且质量较低的话，会被官方惩罚禁止提审。
概述
小程序设计器与PC网站设计器、手机网站设计器的交互差异较大，请认真了解。
① 系统LOGO：系统默认的logo标志，点击此处可返回“站点控制台”
② 页面切换：点击可下拉可查看当前所有的普通页面和系统页面、创建新的页面、删除页面、设置页面的基本信息、设置页面的SEO信息等，当点击某个页面的名称时，编辑器将打开此页面，并可以对其进行编辑。
③ 设计模式切换：可以便捷的切换PC网站设计器、手机网站设计器、小程序设计器，进入对该端的设计状态。
④ 撤销&重做：撤销之前的操作行为或重做之前的操作行为。
⑤ 功能按钮区：
【保存】为保存当前修改的内容；
【实时预览】使用AIPage提供的公用账号，在“真机”上进行浏览，以便更直观的感受效果；
【测试&发布】使用您自己的小程序账号进行测试预览及操作正式发布上线；
⑥ 菜单按钮区：
【添加版块】可选择使用系统内置的成品版块，拖拽方式放置入手机视图区域内，随后可在里面任意增删“元素”。
【添加组件】系统内置的功能组件，拖拽方式放置进入手机视图区域内，随后可进行编辑。
【视图结构】可查看当前页面内所有的版块，对其进行上下排序、隐藏、删除等操作。
【全局设置】可设置页面加载动效、顶部标题栏、底部导航栏及主题信息。
【授权信息】可在其内操作授权绑定您的百度智能小程序、微信小程序、支付宝小程序。
【更换模版】用于更换整站或当前页面的模版。
【素材管理】管理所有上传到站点上的素材文件。
【管理后台】点击可进入当前小程序的管理后台。
⑦ 设置菜单：可对已选中的版块或元素做快捷设置。
本系统的页面结构采用版块式结构，即自上到下是由一个个版块堆叠而成，小程序设计器“无”公共头尾部概念，所有版块均可在左侧的“页面视图”中查看并便捷的调整版块的上下排序。如下图所示：
版块和组件的添加方式为拖拽进入设计视图内，当手机视图内的“可添加区域”呈现蓝色“加深”状态时，松开鼠标的按键，该版块或组件即可置入完成。
组件中的自定义元素（自由元素）是拖拽进入设计视图内的，当点击自由元素时，其会呈现被选中的状态。按住鼠标按键拖动可摆放在页面内的任意位置。同时在选中状态下，右侧会出现属性面板，可对其进行详细的属性设置。如若修改自由元素的大小，可直接拖动自由元素边缘的小圆点调整大小。
