【JIT/极态云】分类--标准页面

标准页面

一、简介

标准页面是由组件组成可视化界面、逻辑语句构造视觉交互与数据交互。客户管理、统计分析等业务场景都可以使用标准页面解决。但是页面不可直接访问，必须与门户中的菜单绑定后才可以通过导航访问。

二、展示效果

（一）PC端

（二）移动端

三、新建页面

（一）新建方式

1.方式一：在“元素树”上点击“+”，找到页面->标准页面；

2.方式二：在“元素树”的⌈页面⌋分组中点击“+”，选择标准页面；

3.方式三：在 门户设计器中点击【菜单】时选择“标准页面”类型，会自动新建 PC 端页面和移动端页面，推荐这种方式，新建后直接在导航菜单上可以访问页面。

4.方式四：在标准门户的菜单上开启 PC 端或开启移动端，当菜单只绑定了 PC 端页面或移动端页面，可以开启移动端页面或 PC端页面，也会新建一个标准页面。

（二）新建弹窗

1.页面标题/名称：页面的名称需唯一标识，保存后页面标题支持修改，页面名称不支持修改；

2.元素路径：元素存在的代码文件夹，默认 pages 文件夹；

3.终端：可选择 PC 端、移动端，默认 PC 端。

四、页面设计器

页面设计器区分 PC 端页面设计器、移动端页面设计器。

（一）PC 端页面设计器

PC 端页面设计器是由工具栏，设计区、组件配置区、逻辑设计面板组成的。

工具栏

• 插入组件，点击“+插入组件”，打开“组件面板”，拖动组件到设计区即可

•  主页面弹窗面板：可直接新建弹窗，在主页面弹窗之间切换；
• 面板控制开关：可以控制 IDE 的元素树、组件配置区、事件面板收起和展开的状态；
• 保存及预览：保存页面的设计并在弹窗中预览页面内容，可正常操作数据；

• 配置区与代码区切换。

设计区

拖动组件、调整组件布局，组件的操作入口：

• 配置：打开右侧的组件配置区并显示对应组件的配置；
• 事件：打开事件面板并显示对应组件的事件；
• 显示/隐藏标题：显示或隐藏组件的标题；
• 移动到：将组件移到主页面、弹窗、标签页（组件）、折叠面板（组件）中

• 生成副本：组件生成副本；
• 删除：删除组件。

组件的操作项：配置、显示/隐藏 =标题、移动到、生成副本、删除

组件配置区

每个组件的具体可查看各组件的详情描述。

事件逻辑面板

每个组件都有事件，具体组件的事件可查看各组件描述说明，在事件中可编写数据处理逻辑和交互流程流转逻辑。

在页面的维度支持声明页面变量、页面事件（页面加载后）、页面函数：

• 页面变量：页面变量在整个页面的作用域下生效，在页面事件/页面函数/组件事件的逻辑中可以直接使用页面变量。页面变量在页面设计器中只可以设置为常量，一般需要配合菜单中对页面变量赋值使用；
• 通过 Url 参数赋值的变量：可以通过菜单的 Url 中对选择的页面变量赋值，一般需要配合消息通知使用；

• 页面事件（页面加载后）：页面首次加载或刷新后将执行页面事件的逻辑，所以一般对页面初始化的逻辑可以写在页面事件中；

• 页面函数：页面中重复会使用到的逻辑，可以提炼出来作为一个页面函数，在使用到的地方直接调用页面函数，方便页面开发过程中维护和管理。

（二）移动端页面设计器

移动端页面设计器与 PC端设计器主要区别：

• 设计区是移动端样式；
• 插入组件的组件面板中不显示移动端不支持的组件，比如导入、解析 Excel 等组件。

五、继承重写

（一）继承页面

继承的页面仅支持预览，不可操作数据。重写之后，会创建一个空白的同名页面。

（二）重写页面

重写之后，可以编辑页面内容。

重写是新建一个同名的页面，门户中的菜单与页面的绑定关系没有改变，所以在页面运行时，导航菜单显示的是重写后的页面，而不是原继承页面。

六、全代码开发

七、注意事项

页面运行时，会自动对页面中组件按以下规则自动布局：

• 在主页面/标签页/弹窗中，如果一个组件的左侧、右侧和下侧有空余位置，组件会进行自动向下补齐、向左补齐、向右补齐。
• 在折叠面板中，如果一个组件的左右侧有空余位置，组件会进行自动向左补齐、向右补齐。
• 在主页面/标签页/弹窗中，如果只有一个组件，则强制用这个组件铺满整个容器。

进一步了解极态云，体验产品？

请访问 极态云官网