小程序都是由各个页面组成的，每个页面都有不一样的数据显示，起到不一样的效果，但是归根结底，页面某些方面的一样的。

本篇笔记，主要围绕页面这个方面展开描写，各个页面组合起来，就称为前台，也叫前端，使用ivx开发搭建出来的页面，是不包含动效这方面的。这点，跟传统的HTML开发，是有区别的，因为ivx开发个人版小程序，是采用微信原生小程序模式开发的，开发各个元素之间的动效并不是很理想，所以，往后的笔记均不涉及动效这部分。

页面

如图中所示，页面，只能直接添加在前台底下，页面是一种分页单元，能把某个区域分为多个互相层叠的页面，进行翻页展示。本小程序就是由这几个页面构成，可以针对页面里面的组件，设置事件，达到翻页的效果。

页面内的组件

页面内的组件，大多一致，也可以复用，各个组件之间的相互搭配，构成如下图效果。




如页面所示，页面基本上是采用纵向排列，这也就是说，最外层是一个列组件，列组件里面最开始的是文本组件，用于描述页面的名称以及说明，接下来是一个输入框组件，用于输入数据，如输入序列号等信息，再接下来是行组件，行组件内包含有图标组件和文本组件。接下来就是一个列组件。

组件功能属性

文本组件:可以设置文本字体，文本字号，文本颜色以及文本对齐等属性。列/行组件：可以设置宽、高度，内外边距，对齐等属性，可以设置圆角，背景颜色。图标组件：可以设置图标大小，颜色，图标样式，也可以上传svg图标。以上提到的组件，都可以绑定数据变量，也可以单独设置逻辑事件，也可以设置显示/隐藏等交互行为，这些组件都是基础组件，通过彼此搭配，就能组成一个带有内容的页面，而且做出来的效果，并不比写代码差。

此篇后记

黄花客不知道能写几篇开发笔记，围绕前台，后台，交互三个部分，详细的记录了这个小程序的开发过程，如果您对无代码开发小程序感兴趣，不妨关注我哟，如有疑问，也可留言。