本发明涉及金融终端领域，特别是涉及一种能够深入业务本质、模板化、快速可配置的面向金融终端交易的快速页面构建办法。
背景技术：
：：当前，在开发一个终端软件项目的过程中，客户往往无法对界面的需求做出准确描述，通常只能笼统地指出某一个界面需要实现的功能，但对于界面的详细设计无法给出更多精准的定义，现代软件中，界面的开发是一个项目中非常重要的部分，如果前期沟通不畅，会造成大量的重复返工，对项目质量和进度造成重大影响，因此就需要项目开发人员能够尽早地设计和开发出界面原型，快速更新迭代，开发人员和客户能够基于有形的页面共同推进需求的完善，避免信息不一致，降低沟通成本。从实践经验来看，如果能在页面设计和开发的过程中引入合适的工具，无疑将极大地提高开发效率，降低开发部署的工作量。然而当前的一些web页面开发工具，往往是提供一套通用的、与业务无关的界面模板和接口，不会针对金融终端软件行业做深入的接口封装，不能很好地适应业务的需求，在扩展性上也不能满足快速变更和迭代的要求。技术实现要素：本发明主要解决的技术问题是提供一种面向金融终端交易的快速页面构建办法，页面元素插件化，深入金融终端软件交易场景，提取公共页面元素，设计适用于业务本质的元素属性，作为可复用的组件；页面模板化，为快速实现特定类型的页面原型开发，针对不同的交易页面类型设计不同的模板，在开发特定项目的同类页面时直接基于指定模板二次开发；可视化开发方式，将公共页面元素和模板页面集成在工具中，通过拖拉的方式开发一个新页面，工具内部根据配置的页面文件动态生成新页面。为解决上述技术问题，本发明采用的一个技术方案是：提供一种面向金融终端交易的快速页面构建办法，包括：页面元素属性定义、页面模板配置和页面配置发布；所述页面元素属性定义从金融终端交易场景出发，界定可配置页面元素，对不在默认范围内的元素，提供js插件接口，根据业务需求自行定义新的元素类型，金融终端业务从功能上可将其页面划分为三大类：信息展示型、信息输入型、功能选择型；所述页面模板配置使用json文件配置生成页面模板文件，一个模板对应一类共性页面；所述页面配置发布时，根据页面模板文件，动态生成所需的html页面；所述页面配置发布的流程包括以下步骤：定义项目页面各元素风格，保存为默认样式，各元素对应的css保存在名为site.css的样式表文件中，导入预定义模块，预定义模板从公共资源库中引入，使用页面开发工具配置页面元素，生成新页面配置文件，发布，动态生成html文件。进一步，可配置页面元素包括：label(提示标签)、button(按钮)、edit(输入框)、image(图片标签)、table(表格)、camera(摄像头标签)、signature(签名区标签)、select(下拉列表)、countdown(倒计时标签)、navigation(导航条区域)。本发明的有益效果是：本发明遵循mvc原则，包括页面元素属性设计、页面模板设计、开发工具设计、发布流程设计，推动项目页面开发流程的简单化和规范化；本发明能够帮助开发人员快速设计和构建页面，解决项目中双方需求不对等导致的理解差异，降低沟通和维护成本，解决了公司开发团队在实际生产过程中面临的难题，具备较大的实用和推广价值。附图说明图1是本发明一种面向金融终端交易的快速页面构建办法中页面配置发布流程图；图2是所示一种面向金融终端交易的快速页面构建办法中通用按钮button的设计属性表。具体实施方式下面结合附图对本发明的较佳实施例进行详细阐述，以使本发明的优点和特征能更易于被本领域技术人员理解，从而对本发明的保护范围做出更为清楚明确的界定。请参阅图1和图2，本发明实施例包括：一种面向金融终端交易的快速页面构建办法，本方法从金融终端交易场景出发，首先界定必需的可配置页面元素，对不在默认范围内的元素，提供js插件接口，可根据业务需求自行定义新的元素类型；对金融终端业务来说，从功能上可将其页面划分为三大类：信息展示型、信息输入型、功能选择型。单个页面内部不会有过多的嵌套，不会包含很复杂的业务逻辑，主要的工作量在于对其中页面元素样式的设置部分，因此本方法默认支持的可配置元素有：label(提示标签)、button(按钮)、edit(输入框)、image(图片标签)、table(表格)、camera(摄像头标签)、signature(签名区标签)、select(下拉列表)、countdown(倒计时标签)、navigation(导航条区域)，每种标签拥有不同的属性，一部分用于定义自身的css样式，一部分用于定义数据交互的接口，如数据来源、响应事件处理函数等，页面自身也拥有属性，包括background(背景)、timeout(超时)等，以通用按钮button为例，其设计属性如图2所示。由图2可知，在设计开发一个button按钮时，如果项目内有通用的按钮样式类可选，则可忽略掉属性中有关样式的其它属性设置；如果默认的样式类不满足项目的需要，则可通过设置自定义属性实现新的按钮风格。页面模板使用json文件配置，一个模板对应一类共性页面，其本质上是一个包含了一组不同标签的json数据对象，发布时，根据模板文件，动态生成所需的html页面。配置发布流程如图1所示。本实例以qt实现页面配置工具，以json(全称javascriptobjectnotation)作为页面配置文件的数据格式，引入jquery库解析模板并生成动态页面。该实施例的具体工作方式如下：1、定义项目所需的页面风格，各元素对应的css保存在名为site.css的样式表文件中。2、使用qt开发页面配置工具，主界面分为三部分：左侧边栏提供各元素图标，中央区域为主编辑区，用于摆放页面元素，右侧边栏为元素的属性编辑页。3、设计页面模板。分析常用的页面类型，确定页面模板元素。从左侧边栏选择需要的页面元素拖拽到中央编辑区，设定该元素的属性，保存该页面模板为a_templet.json。4、选择要开发的页面b，使用页面配置工具引入模板a作为默认页面布局，使用默认样式表site.css，根据页面b的具体要求调整页面元素，调整完毕后通过页面配置工具生成页面b.html。本发明遵循mvc原则，包括页面元素属性设计、页面模板设计、开发工具设计、发布流程设计，推动项目页面开发流程的简单化和规范化；本发明能够帮助开发人员快速设计和构建页面，解决项目中双方需求不对等导致的理解差异，降低沟通和维护成本，解决了公司开发团队在实际生产过程中面临的难题，具备较大的实用和推广价值。以上所述仅为本发明的实施例，并非因此限制本发明的专利范围，凡是利用本发明说明书及附图内容所作的等效结构或等效流程变换，或直接或间接运用在其他相关的
技术领域：
：，均同理包括在本发明的专利保护范围内。技术特征：技术总结本发明公开了一种面向金融终端交易的快速页面构建办法，从金融终端交易场景出发，界定可配置页面元素；使用json文件配置生成页面模板文件；根据页面模板文件，动态生成所需的html页面；页面配置发布的流程包括以下步骤：定义项目页面各元素风格，保存为默认样式，各元素对应的css保存在名为site.css的样式表文件中，导入预定义模块，预定义模板从公共资源库中引入，使用页面开发工具配置页面元素，生成新页面配置文件，发布，动态生成html文件。通过上述方式，本发明能够帮助开发人员快速设计和构建页面，解决项目中双方需求不对等导致的理解差异，降低沟通和维护成本。技术研发人员：胡焱;牛鹏;付宪瑞受保护的技术使用者：苏州浪潮智能软件有限公司技术研发日：2018.09.30技术公布日：2019.02.19