[发明专利]一种WEB应用转场效果实现方法

说明书

本发明提供一种WEB应用转场效果实现方法，属于WEB应用技术领域，本发明在用户登录时，用图片+文字的形式展示每日宣贯之类的内容，用户点击登录按钮会直接进入转场界面，首先展示转场效果图片，系统加载完成后再打开系统首页。有效提升用户体验，在网络加载慢时缓冲用户的等待时间，提高用户体验度。

技术领域

本发明涉及WEB应用技术，尤其涉及一种WEB应用转场效果实现方法。

背景技术

目前系统登录普遍都是直接进入系统首页，或者用个GIF缓冲图片过渡。比较单一，并且没有充分利用好系统登录时的加载时间，需要提前传输给用户的信息只能放于登录界面或系统首页。而且在网络加载慢时，用户的体验度不好。

发明内容

为了解决以上技术问题，本发明提供了一种基于前端脚本语言(JavaScript、jQuery)的WEB应用转场效果实现方法，丰富了系统登录功能，充分利用系统登录间隙，进行政策、制度的宣贯。有效提升用户体验，在网络加载慢时缓冲用户的等待时间，提高用户体验度。

本发明的技术方案是：

一种WEB应用转场效果实现方法，

在用户登录时，用图片+文字的形式展示每日宣贯之类的内容，用户点击登录按钮会直接进入转场界面，首先展示转场效果图片，系统加载完成后再打开系统首页。

进一步的，

包括转场、展示查询、管理三个方面；

其中，

所述转场包括：

登录页面：更改登录请求地址为转场页面请求地址，请求之前首先通过ajax 请求查询需要展示的转场效果图片信息，并加上所有登录信息放于请求中传递给转场页面；

转场页面：进入转场页面时，首先获取转场效果图片信息并展示；接收到的登录信息放于Form表单中，设置当前Form表单请求地址为登录地址，并通过 target属性使请求在iframe中打开；

展示时间：添加监听事件，监听iframe中的页面是否加载完成，通过监听自动调整转场效果的展示时间。

所述展示查询包括：

用户验证：登录页面提交之前，都需要先去查询转场效果图片信息；在后台处理查询逻辑之前，先判断当前用户的登录信息是否正确，通过再进行下一步查询；

查询逻辑：配置信息都存储于数据库中。

所述查询过程如下：

1)判断展示开关是否为打开状态，打开则执行步骤“②”；

2)获取标记为当天展示的内容，如果为多个则随机选择一个。确定当天展示内容时，对其添加标记，方便下次查询直接获取。当获取内容为空时执行步骤“③”；

3)获取未展示的所有内容集合，数量小于1时，执行步骤“④”；大于等于 1时，则在未展示的内容集合中随机获取其中一条，并标记为当天展示；

4)因为都已经展示过，更改所有数据状态为“未展示”；同时获取排序后的第一条为当天需要展示的内容并标记；

5)最后组装所有获取到的信息并返回给前台。

所述管理包括：

总体设置：可以设置是否打开转场效果，设定转场效果图片展示的基础时间；

图片上传：选择一张本地图片上传，添加到转场效果循环列表中；

展示列表：通过描述与展示日期进行查询。