虚拟独立页面应用
0.00
★2次@未来之窗
A:赛忞初雪
独立页面用于全新页面弹窗,本地技术,自定义模板全网超过500模板,可合作开发,远程同步,用于防止样式,变量冲突场景
虚拟独立页面应用是基于 cyberwin_fairyalliance_webquery
框架的动态渲染模块,核心能力是通过“中间件”实现“业务数据-静态模板-页面渲染”的自动化流程。支持互联网(Online)与内网(wlzcinnernet)双环境部署,可快速实现订单详情、用户中心、商品列表等页面的动态生成,适用于“一次模板开发,多组数据复用”的业务场景。
核心逻辑:从指定存储(浏览器LocalStorage或客户端存储)读取“业务参数包”与“静态HTML模板”,自动解析参数并生成全局变量,最终渲染出完整页面,无需手动编写大量重复渲染代码。
用于定义中间件运行基础规则,控制数据读取来源与业务扩展逻辑,无需手动修改即可使用默认配置,也可根据场景调整。
参数名称 | 数据类型 | 默认值 | 功能说明 |
---|
中间件的操作入口,通过调用函数触发“参数读取-模板解析-页面渲染”全流程,无需关注内部实现细节。
函数名称 | 入参说明 | 返回值 | 执行逻辑 |
---|---|---|---|
$cq.未来之窗_中间件_运行(options) |
options (可选对象):- version (字符串):可选参数,用于覆盖全局环境版本(例:{version:"wlzcinnernet"} )
|
无 | 1. 从当前页面URL的查询参数中,获取 param_name (参数包名称)和 tpl_name (模板名称)2. 调用 $cq.未来之窗_中间件_运行_call 执行具体渲染操作3. 若传入 options.version ,自动更新全局运行环境版本
|
$cq.未来之窗_中间件_运行_clear(options) |
options (可选对象):预留扩展参数,当前版本暂未启用 |
无 | 执行页面清空操作,通过 document.write("") 重置当前页面内容,适用于页面重新渲染场景。 |
$cq.未来之窗_中间件_运行_call(参数包名称, 静态渲染模板) |
1. 参数包名称 (字符串):存储业务参数的键名2. 静态渲染模板 (字符串):存储HTML模板的键名
|
无 | 1. 根据全局环境版本,从对应存储中读取“业务参数包”和“静态HTML模板” 2. 解析参数包,自动生成全局变量(例:参数含 order_id ,则生成 var order_id="xxx" )3. 对HTML模板进行解码处理(Base64→转义→URI解码),并渲染到当前页面 4. 若参数包/模板不存在,或环境不支持(如内网缺少客户端接口),则终止执行 |
中间件获取“参数包”和“模板”的关键入口,必须通过页面URL传入,否则无法正常执行渲染。
参数名称 | 必填性 | 示例格式 | 功能说明 |
---|---|---|---|
param_name |
必填 | http://example.com/page?param_name=order_param |
指定“业务参数包”在存储中的键名,中间件通过该键名读取订单、用户等核心业务数据。 |
tpl_name |
必填 | http://example.com/page?tpl_name=order_tpl |
指定“静态HTML模板”在存储中的键名,中间件通过该键名读取页面结构模板。 |
场景:在互联网环境(version="online"
)下,从浏览器LocalStorage读取订单数据,快速渲染订单详情页。
param_name=order_param
(含订单号、金额、用户信息等参数)和 tpl_name=order_tpl
(订单详情HTML模板)。$cq.未来之窗_中间件_运行({version:"online"})
,触发中间件读取数据并渲染页面。$cq.未来之窗_中间件_运行_clear()
,重置当前页面内容。场景:使用同一套商品列表HTML模板,切换“新品”“热销”两组不同参数包,实现不同商品列表的渲染(环境:Online)。
goods_id
、goods_name
、goods_price
等字段,自动转为全局
硬件app