![c82dd28e2645ab65aecd24f5e4781651.png](https://i-blog.csdnimg.cn/blog_migrate/83d09552d215da89163974d6e4569d4b.jpeg)
版本
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 接口。
了解更多:
开发者中心