[发明专利]一种面向金融终端交易的快速页面构建办法

说明书

本发明公开了一种面向金融终端交易的快速页面构建办法，从金融终端交易场景出发，界定可配置页面元素；使用json文件配置生成页面模板文件；根据页面模板文件，动态生成所需的html页面；页面配置发布的流程包括以下步骤：定义项目页面各元素风格，保存为默认样式，各元素对应的css保存在名为site.css的样式表文件中，导入预定义模块，预定义模板从公共资源库中引入，使用页面开发工具配置页面元素，生成新页面配置文件，发布，动态生成html文件。通过上述方式，本发明能够帮助开发人员快速设计和构建页面，解决项目中双方需求不对等导致的理解差异，降低沟通和维护成本。

技术领域

本发明涉及金融终端领域，特别是涉及一种能够深入业务本质、模板化、快速可配置的面向金融终端交易的快速页面构建办法。

背景技术

当前，在开发一个终端软件项目的过程中，客户往往无法对界面的需求做出准确描述，通常只能笼统地指出某一个界面需要实现的功能，但对于界面的详细设计无法给出更多精准的定义，现代软件中，界面的开发是一个项目中非常重要的部分，如果前期沟通不畅，会造成大量的重复返工，对项目质量和进度造成重大影响，因此就需要项目开发人员能够尽早地设计和开发出界面原型，快速更新迭代，开发人员和客户能够基于有形的页面共同推进需求的完善，避免信息不一致，降低沟通成本。

从实践经验来看，如果能在页面设计和开发的过程中引入合适的工具，无疑将极大地提高开发效率，降低开发部署的工作量。然而当前的一些web页面开发工具，往往是提供一套通用的、与业务无关的界面模板和接口，不会针对金融终端软件行业做深入的接口封装，不能很好地适应业务的需求，在扩展性上也不能满足快速变更和迭代的要求。

发明内容

本发明主要解决的技术问题是提供一种面向金融终端交易的快速页面构建办法，页面元素插件化，深入金融终端软件交易场景，提取公共页面元素，设计适用于业务本质的元素属性，作为可复用的组件；页面模板化，为快速实现特定类型的页面原型开发，针对不同的交易页面类型设计不同的模板，在开发特定项目的同类页面时直接基于指定模板二次开发；可视化开发方式，将公共页面元素和模板页面集成在工具中，通过拖拉的方式开发一个新页面，工具内部根据配置的页面文件动态生成新页面。

为解决上述技术问题，本发明采用的一个技术方案是：提供一种面向金融终端交易的快速页面构建办法，包括：页面元素属性定义、页面模板配置和页面配置发布；所述页面元素属性定义从金融终端交易场景出发，界定可配置页面元素，对不在默认范围内的元素，提供JS插件接口，根据业务需求自行定义新的元素类型，金融终端业务从功能上可将其页面划分为三大类：信息展示型、信息输入型、功能选择型；所述页面模板配置使用json文件配置生成页面模板文件，一个模板对应一类共性页面；所述页面配置发布时，根据页面模板文件，动态生成所需的html页面；所述页面配置发布的流程包括以下步骤：定义项目页面各元素风格，保存为默认样式，各元素对应的css保存在名为site.css的样式表文件中，导入预定义模块，预定义模板从公共资源库中引入，使用页面开发工具配置页面元素，生成新页面配置文件，发布，动态生成html文件。

进一步，可配置页面元素包括：label(提示标签)、button(按钮)、edit(输入框)、image(图片标签)、table(表格)、camera(摄像头标签)、signature(签名区标签)、select(下拉列表)、countdown(倒计时标签)、navigation(导航条区域)。

本发明的有益效果是：本发明遵循MVC原则，包括页面元素属性设计、页面模板设计、开发工具设计、发布流程设计，推动项目页面开发流程的简单化和规范化；本发明能够帮助开发人员快速设计和构建页面，解决项目中双方需求不对等导致的理解差异，降低沟通和维护成本，解决了公司开发团队在实际生产过程中面临的难题，具备较大的实用和推广价值。

附图说明

图1是本发明一种面向金融终端交易的快速页面构建办法中页面配置发布流程图；