[发明专利]一种单页应用设计方法及系统

说明书

技术领域

本申请涉及计算机应用技术领域，更具体地说，涉及一种单页应用设计方法及系统。

背景技术

单页应用，顾名思义是指只有一张Web(World Wide Web，万维网)页面的应用，广泛应用于机顶盒等设备中。浏览器在打开单页应用过程中，会加载必须的内容源码(HyperText Markup Language，HTML)、样式源码(Cascading Style Sheets，CSS)和交互逻辑源码(JavaScript)，之后所有的操作都在这张页面上完成。

现有技术中在开发单页应用时，通常依赖Appcms和Iframe进行，首先通过在Appcms后台的内容管理功能中确定可用的素材内容，然后利用Iframe的方式编写代码实现确定的素材内容的呈现样式，从而完成单页应用的开发。

但是利用Iframe开发单页应用存在较为明显的缺点，其中较为明显的是：Iframe的使用会大大降低浏览器的加载速度，并且部分机顶盒对Iframe存在兼容不稳定的现象，这将使得页面的渲染速度降低，影响了用户体验。

发明内容

为解决上述技术问题，本发明提供了一种单页应用设计方法及系统，以实现提升加载速度，提升页面渲染速度的目的。

为实现上述技术目的，本发明实施例提供了如下技术方案：

一种单页应用设计方法，包括：

获取单页应用数据；

拆分所述单页应用数据，获得关键字数据集合，所述关键字数据集合中包括至少一条关键字数据；

抽取所述关键字数据集合中的一条关键字数据，抽取的关键字数据从所述关键字数据集合中剔除；

根据抽取的所述关键字数据中的关键字查询预设数据库，确定与所述关键字匹配的应用模板；

判断所述关键字数据集合是否为空，如果是，则将确定的应用模板进行拼接，获得单页应用；如果否，则返回抽取所述关键字数据集合中的一条关键字数据的步骤；

所述预设数据库中存储有应用模板与关键字数据的对应关系，所述应用模板绑定有样式。

可选的，所述预设数据库的形成过程包括：

将所述应用模板与样式进行绑定；

根据所述应用模板的功能确定关键词数据，将所述应用模板与所述关键词数据的对应关系存储于所述预设数据库中。

可选的，所述应用模板包括对外接口；

将确定的应用模板进行拼接，获得应用模板包括：

将确定的应用模板通过所述对外接口进行拼接，获得应用模板。

可选的，所述获取单页应用数据包括：

通过AJAX方式异步请求数据源，以获取单页应用数据。

可选的，所述应用模板为列表-图文模板或列表-视频模块或宫格-图文模块或宫格-视频模块。

一种单页应用设计系统，包括：

数据获取模块，用于获取单页应用数据；

关键字获取模块，用于拆分所述单页应用数据，获得关键字数据集合，所述关键字数据集合中包括至少一条关键字数据；

应用组合模块，用于抽取所述关键字数据集合中的一条关键字数据，抽取的关键字数据从所述关键字数据集合中剔除；

根据抽取的所述关键字数据中的关键字查询预设数据库，确定与所述关键字匹配的应用模板；

判断所述关键字数据集合是否为空，如果是，则将确定的应用模板进行拼接，获得单页应用；如果否，则返回抽取所述关键字数据集合中的一条关键字数据的步骤；

所述预设数据库中存储有应用模板与关键字数据的对应关系。

可选的，所述预设数据库由数据库形成模块形成；

所述数据库形成模块包括：

绑定单元，用于将所述应用模板与样式进行绑定；

存储单元，用于根据所述应用模板的功能确定关键词数据，将所述应用模板与所述关键词数据的对应关系存储于所述预设数据库中。

可选的，所述应用模板包括对外接口；

所述应用组合模块将确定的应用模板进行拼接，获得应用模板具体用于，将确定的应用模板通过所述对外接口进行拼接，获得应用模板。

可选的，所述数据获取模块获取单页应用数据具体用于，通过AJAX方式异步请求数据源，以获取单页应用数据。

可选的，所述应用模板为列表-图文模板或列表-视频模块或宫格-图文模块或宫格-视频模块。