[发明专利]自助终端软件网页界面显示控制方法

说明书

技术领域

本发明涉及一种自助终端软件网页界面显示控制方法，属于自助终端应用软件设计开发。

背景技术

目前自助终端软件大部分还是基于C/S（客户端/服务器）模式开发的，自助终端上的界面属于C端的一部分，C端软件的开发就需要涉及到界面的设计。而随着自助终端在金融等各个行业中的普及应用，自助终端上集成的业务应用也日益复杂，而复杂的业务应用也会带来复杂的界面显示，这就为自助终端软件界面的设计开发带来了一定的挑战。

自助终端软件的界面设计一般是要根据客户的需求而定，由于涉及到自助终端用户操作的体验性、便捷性，会直接影响到用户的感受，因此客户在界面的需求上会提出一些比较高的、灵活多变的需求，传统的使用Form界面的设计方法已完全无法满足这样的业务需求。以上技术的缺点有：

A、单个界面设计复杂，导致工作量大增，软件开发效率严重下降。

B、当发生界面需求变更时，修改麻烦，软件的可维护性差。

C、界面的美观性不足。

发明内容

本发明的目的在于提供一种自助终端软件网页界面显示控制方法，能够适应多变的客户需求，以及在展示复杂的界面上，结合JavaScript脚本语言，使其开发维护都有着很大的优势。。

本发明的特征在于：一种自助终端软件网页界面显示控制方法，其特征在于，按如下步骤进行：

a. 根据业务需求设计出母页面，并预留出供每个页面填充的地方，预留出一个div层，层内部为空；

b. 根据每个页面内容不同，使用网页编辑工具，在母页面的框架里预留的div层中填充每个页面不同的html脚本，并随时预览修改，达到设计需求里的要求；

c. 当根据第二步的方法完成全部页面的设计后，开始配套开发自助终端应用程序，应用程序在显示某个页面时，从该页面内取出指定的那个div层内部的html脚本，拷贝至母页面中相同名称的div层内后，再自动刷新该新的页面，达到了在没有闪屏的情况下切换html页面的目的。

本发明的优点：本发明能节省很多界面设计的时间，从而保证总体项目的进展，还能提高程序界面设计的质量。

附图说明

图1为本发明的架构框图。

具体实施方式

结合附图1，本发明是一种自助终端软件网页界面显示控制方法，按如下步骤进行：

a. 根据业务需求设计出母页面，并预留出供每个页面填充的地方，预留出一个div层，层内部为空；

b. 根据每个页面内容不同，使用网页编辑工具，在母页面的框架里预留的div层中填充每个页面不同的html脚本，并随时预览修改，达到设计需求里的要求；

c. 当根据第二步的方法完成全部页面的设计后，开始配套开发自助终端应用程序，应用程序在显示某个页面时，从该页面内取出指定的那个div层内部的html脚本，拷贝至母页面中相同名称的div层内后，再自动刷新该新的页面，达到了在没有闪屏的情况下切换html页面的目的。

具体实施过程：由于自助终端程序的业务操作步骤众多，根据业务需要将业务分为多个操作步骤，每个操作步骤都对应一个html网页界面，在程序运行时，动态的根据流程载入不同的html页面脚本。这里，为了避免页面切换时的闪屏问题，实现无缝顺畅的页面切换，先设计一个框架html页面，所有html页面在框架页面基础上再行设计各自叠加的html脚本，形成各自新的完整的html页面。当自助终端程序运行时，先载入框架html页面并只载入框架页面，随着业务流程步骤的操作，程序将动态的从各个操作步骤相对应的html页面中取出该页面之前设计好的叠加html脚本，由程序动态的把脚本叠加到框架html页面脚本之上，最终形成新的完整的界面并显示。下一个步骤的html页面显示时，将重复以上动作，并替换上一页面的叠加脚本，又显示新的界面。周而复始，即可实现自助终端程序界面的动态切换。参见附图1。

相对于传统的Form界面设计方式，html页面在界面设计的美观性上无疑有着很大的优势；当界面需求发生变更时，相对于Form界面方式需要更改程序的情况，html界面方式只需要更改html页面即可，这样就无惧界面需求的多变性问题。

以上所述仅为本发明的较佳实施例，凡依本发明申请专利范围所做的均等变化与修饰，皆应属本发明的涵盖范围。