[发明专利]基于HTML5和VUE技术的航电仿真面板生成系统

权利要求书

1.一种基于HTML5和VUE技术的航电仿真面板生成系统，包含模型模块、实例生成模块和实例存储与加载模块，其特征在于：

模型模块用于提供面板的面板模型和多种航电领域常用数据的监视控件与激励控件的控件模型；

实例生成模块用于定义面板及每类控件的参数及各参数的初始值，当用户在画布新建面板或控件时，将参数的初始值及随机生成的id以深拷贝的形式赋值控件模型，由此就生成了面板实例或控件实例；

实例存储与加载模块用于将面板实例或控件实例在浏览器中完成渲染和呈现。

2.根据权利要求1所述的一种基于HTML5和VUE技术的航电仿真面板生成系统，其特征在于面板模型和控件模型均包含参数入口props、事件响应方法method以及主题template；

props内包含一个同名的字典，用于接受外部输入的实例生成模块进行实例化所需的各种参数；

methods定义了一个request函数，用于根据props中传入的不同事件类型确定不同的响应机制；

template定义了面板模型和控件模型的可选主题类型，主题接收props中包含的模型样式参数以响应用户的自定义样式输入。

3.根据权利要求2所述的一种基于HTML5和VUE技术的航电仿真面板生成系统，其特征在于methods具有以下事件类型的响应机制：

将控件绑定到某个ICD变量，在控件状态变更时，通过Post动作发送一条包含该ICD变量的数据给服务端，服务端接收到Post数据，会根据动作绑定的设置触发测试引擎以事件或周期形式发送包含该变量的完整消息；

将控件动作绑定到其他面板，当控件动作执行时会弹出绑定的面板；

自定义发送一条请求，请求的类型为Get或Post类型，请求的地址和参数由用户自定义。

4.根据权利要求1所述的一种基于HTML5和VUE技术的航电仿真面板生成系统，其特征在于实例生成模块还用于定义各参数的属性，参数的属性包括面板或控件的中文自然语言描述key、类型type、映射前端基础控件类is、可配置项config，参数的属性是在浏览器中自动生成面板实例或控件实例参数配置栏时使用。

5.根据权利要求1所述的一种基于HTML5和VUE技术的航电仿真面板生成系统，其特征在于实例存储与加载模块执行以下操作：

1)在实例生成模块生成控件实例后，调用item_insert将面板实例和控件实例的各类参数存储到面板JavaScript对象中，多个同类型实例通过独立的列表项item进行区分，调用item_delete删除面板实例和控件实例的各类参数；

2)利用VUE的component标签将控件参数存储列表中的控件实例的各类参数取出并根据对象类型将参数赋值给对应控件模型的props参数，VUE会对component标签进行解析，进而通过浏览器渲染引擎渲染出控件的样式及事件动作；当控件参数存储列表的控件参数发生修改时，VUE会以回调方式完成对象的重新加载，实现对面板或控件样式的动态编辑。

6.根据权利要求1所述的一种基于HTML5和VUE技术的航电仿真面板生成系统，其特征在于还包含参数编辑与转译模块，参数编辑与转译模块负责接收用户的参数输入并写入控件参数存储列表实现控件的样式控制和事件绑定，具体如下：

1)根据网页输入控件类型逐个基于VUE Component建立对应组件模型；

2)HTML代码中添加component标签，并将控件参数作为输入用于确定组件的样式，以此实现对控件参数输入表单样式的控制，对应控件的自然语言描述通过config_props.key与输入控件组合显示，实现面向用户的自然语言描述和参数输入；

3)组件模型中包含setter和getter，setter用于将用户输入的值存储到对应控件实例的参数中，getter用于获取到对应参数数值并添加参数相应的单位。