买专利卖专利找龙图腾，真高效！ 查专利查商标用IPTOP,全免费！专利年费监控用IP管家,真方便！

申请/专利权人：创云融达信息技术(天津)股份有限公司

摘要：本发明公开了一种网页版演示幻灯片PPT的实现方法，其涉及计算机网页开发前端和后端技术领域。该方法包括：搭建前端系统和后端系统；所述前端系统包括：H5页面；所述后端系统包括：服务器、模板数据库、模板图片数据库、模板数据处理组件和演示网页地址生成组件；基于前端系统和后端系统，构建网页版演示幻灯片；所述网页版演示幻灯片包括一级“新建”功能、“打开”功能、“播放预览”功能、“保存”功能。该方法支持修改模板文本数据改变整个演示幻灯片内容，提高了使用效率；联网使用时能把数据传送到后端系统，可生成互联网的web浏览地址，方便跨端分享，尤其在文件比较大的情况下，不需要跨端传输及下载，直接打开网页展示演示幻灯片即可。

主权项：1.一种网页版演示幻灯片PPT的实现方法，其特征在于，包括：搭建前端系统和后端系统；所述前端系统包括：H5页面；所述后端系统包括：服务器、模板数据库、模板图片数据库、模板数据处理组件和演示网页地址生成组件；基于前端系统和后端系统，构建网页版演示幻灯片；所述网页版演示幻灯片包括一级“新建”功能、“打开”功能、“播放预览”功能、“保存”功能；其中：所述一级“新建”功能包括：基本编辑功能和模板编辑功能；所述模板编辑功能的实现包括：采用dragula.js的实现原理、且基于DOM结构的js程序操作，对模板数据库中的演示幻灯片进行编辑；所述“打开”功能包括：离线模板数据打开功能和在线模板数据打开功能；所述在线模板数据打开功能的实现包括：通过网络地址输入的方式作为向后端系统接口请求的参数，采用Axios技术向后端系统请求模板数据、并展示在前端系统的界面上；所述“播放预览”功能的实现包括：在浏览器界面，通过前端系统流式布局的方式展示完整演示幻灯片的全部幻灯片内容；所述“保存”功能的实现包括：采用FileSaver.js技术将数据模板文件保存到本地，并向后端系统发送模板数据，后端系统返回一个在线web地址；离线模板数据打开功能的实现，包括：复制保存时生成文件里的模板数据，输入模板数据，同时支持编辑数据；所述在线模板数据打开功能的实现，具体包括：选择在线数据模板，输入网络地址后，该网络地址将作为请求参数，通过Axios技术请求后端接口，接口响应成功后，后端系统中的应用组件将返回模板数据，前端用后端返回的模板数据赋值到界面展示的input标签上，value为模板数据，在线数据模板只支持复制，不支持在线编辑；其中，模板数据的修改，直接对应界面的改变，用数据驱动界面的DOM结构变化及其内容，涉及左侧预览幻灯片内容及右侧编辑区域的内容；其中，数据模板参数是一个数组，包含不定数量的每张幻灯片的数据对象，每个对象的参数包含以下信息：index：索引；title：幻灯片标题；animation：幻灯片动画展示模式；display：幻灯片内容是否在演示中显示；page：幻灯片内容数组，数组内包含以下数据组成的多个JSON对象：width：幻灯片内容里单独内容的宽度设置；height：幻灯片内容里单独内容的高度设置；text：幻灯片内容里单独内容的文案；image：幻灯片内容里单独内容的图片地址，支持base64和在线图片地址；layer：幻灯片内容里单独内容的展示层级，层级数值最大置于最上层，层级数值最小置于最底层；所述“保存”功能的实现，具体包括：生成模板数据文件组件，通过FileSaver.js技术将数据模板文件保存到本地，在“打开”功能中选择编辑数据模板复制在编辑框中，进行数据编辑，实现演示幻灯片的二次编辑；数据上送组件，向后端系统发送模板数据，后端响应后返回一个在线web地址，前端程序打开新的浏览器窗口，访问该地址；其中，生成模板数据文件组件的组件原理是：把编辑好的模板数据通过给隐藏的input标签赋值value，再使用插件FileSaver.js的接口获取input的value生成Blob，通过浏览器下载到用户个人计算机的下载本地文件夹；所下载的文件是一个txt文件，txt文件内容能够编辑能够复制；其中，数据上送组件的原理是：封装好一个function，传入变量模板数据，使用Axios技术把整理好的模板数据，通过接口发送到后端系统应用组件；接口响应成功后，接口返回演示文件的web浏览地址，然后使用js的window.open打开该地址，用户将在浏览器新窗口中看到在线演示网页。

全文数据：

权利要求：

百度查询： 创云融达信息技术(天津)股份有限公司 一种网页版演示幻灯片PPT的实现方法