页面加载必填校验_AWEB 5.0 页面开发常用功能

版本

AWEB 5.0 或以上版本

---

前提

本文支持手写页面开发和图形化页面开发功能。

你可能想了解：

AWEB 5.0 手写页面开发
AWEB 5.0 图形化页面开发

---

大纲

• 单页框架模板
• 打开页面
• 跨页传参
• 页面其他操作
• 设置 Web 页面标题
• 页面间事件联动

---

单页框架模板

此处仅作科普了解即可。

define

---

打开页面

AWEB 是基于SPA 单页框架，可以仍以加载子页面

app

• 设置高宽

app

---

父子页面间传参（此方法针对图形化开发页面）

在父页面打开子页面的时候，使用 app.open 打开可以传递参数给子页面

//父页面

为什么呢？因为在子页面加载的方法里面有一句：

pageParams=$.extend(true,scope,app.domain.get('page'));

---

跨页传参

打开子页面时，传递参数，除了使用 app.open 中的content属性之外，还可以使用 app.domain 接口。在不同函数中传递参数，除了页面内部的pageParams进行页面变量之外，还可以用这个接口。

注意：传参内容不建议传递函数、构造实例，以免造成内存泄露。

• 暴露内容

app

• 获取内容

app

• 清空内容

app.domain.clearScope(namespace);
//例如
app.domain.clearScope('userInfo');

清空内容，主要是用于清空缓存，避免内存泄露，使用完参数后，都建议使用该方法。

---

页面其他操作

• 关闭页面

app

• 关闭所有页面

app

• 刷新当前页面

app

---

设置网页标题

app

---

跨页间事件联动

此处建议使用发布订阅模式。在 AWEB 单页实例中，已经挂载了全局的发布订阅实例。

• 在子页面或者某个页面发布事件并传参：

app

• 在需要更新的页面订阅事件，可以多个页面同时订阅一个事件：

app

只要事件发布了之后，所有订阅的事件都会被调用。

了解更多

发布订阅模式的理解 - 金慧芬
发布订阅在AWEB中的应用

更多 AWEB 接口功能：

可以通过 IDE 的开发者中心查看，位于 开发者中心面板的“项目布局”中，你可以看到所有的项目中提供的 app 接口。

了解更多：

开发者中心