本发明涉及智能显示终端广告播放技术领域，尤其涉及一种广告编辑和预览方法、智能终端、系统及存储装置。
背景技术：
随着智能终端的快速发展，越来越多的广告已经通过各种各样的显示终端来进行播放，例如智能电视（上午定制机）、广告机（屏）、数字大屏幕等，通过广告的大面积推送和播放都是为了达到更好的宣传效果。
但是当前的公共媒体大多只能推送广告视频，以图片轮播的方式把预计好的视频资源和图片资源分别下发到广告机终端，不易扩展，无法实现跨平台播放广告，也就是说一个编辑好的广告页面只能在特定的平台上进行播放，无法直接将相同的广告页面放到其他的平台上进行播放，那么就会导致广告的制作费用增加，无法实现广告的大面积推广。
因此，现有技术还有待于改进和发展。
技术实现要素：
本发明要解决的技术问题在于，针对现有技术的上述缺陷，提供一种广告编辑和预览方法、智能终端、系统及存储装置，旨在通过高效快速进行广告的编辑和预览，生成h5广告节目和模板，实现跨平台播放广告。
本发明解决技术问题所采用的技术方案如下：
一种广告编辑和预览方法，其中，所述广告编辑和预览方法包括：
web前端接收并选择服务器发送的组件，并根据所选择组件的预览效果编辑组件效果；
当编辑完成后，web前端将编辑好的组件的描述信息通过预设格式保存到本地存储，并发送到服务器转化成html协议格式的文件;
服务器将html使用到的css文件、资源文件和保存好的html文件打包生成一个文件目录，并生成新的url地址返回给web前端；
web前端通过框架组件打开服务器返回的节目预览的url地址，进行广告节目播放效果的预览。
所述的广告编辑和预览方法，其中，所述web前端接收并选择服务器发送的组件，并根据所选择组件的预览效果编辑组件效果之前还包括：
所述服务器预先根据需要编辑的广告页面获取多个组件并存储，当所述web前端编辑广告页面时通过所述服务器进行组件的选择。
所述的广告编辑和预览方法，其中，所述组件包括：图片、背景、音频、视频、文档以及天气。
所述的广告编辑和预览方法，其中，所述web前端接收并选择服务器发送的组件，并根据所选择组件的预览效果编辑组件效果具体包括：
所述web前端根据需要编辑的广告页面接收并选择服务器发送的组件；
通过jquery编辑所选的组件效果，编辑包括组件大小、组件坐标、组件动画、以及组件内容。
所述的广告编辑和预览方法，其中，所述当编辑完成后，web前端将编辑好的组件的描述信息通过预设格式保存到本地存储，并发送到服务器转化成html协议格式的文件具体包括：
当检测到组件效果编辑完成后，所述web前端将编辑好的组件的描述信息通过适于网络数据传输的json格式保存到本地存储；
所述web前端同时将所述描述信息发送到所述服务器，所述服务器将json格式的数据转化成html协议格式的文件。
所述的广告编辑和预览方法，其中，所述描述信息包括:广告页面的播放时间、广告名称以及广告大小。
所述的广告编辑和预览方法，其中，所述服务器将html使用到的css文件、资源文件和保存好的html文件打包生成一个文件目录，并生成新的url地址返回给web前端具体包括：
当所述服务器将json格式的数据转化成html协议格式的文件后，所述服务器将html使用到的css文件、资源文件和保存好的html文件一起打包生成一个文件目录；
所述服务器同时生成以用于进行节目预览的新的url地址，并将所述url地址返回给web前端。
一种智能终端，用于实现广告编辑和预览方法，其中，所述智能终端包括：处理器、存储器和通信总线；
所述存储器上存储有可被所述处理器执行的计算机可读程序；
所述通信总线实现处理器和存储器之间的连接通信；
所述处理器执行所述计算机可读程序时实现如上所述的广告编辑和预览方法中的步骤。
一种计算机可读存储介质，其中，所述计算机可读存储介质存储有一个或者多个程序，所述一个或者多个程序可被一个或者多个处理器执行，以实现如上所述的广告编辑和预览方法的步骤。
一种广告编辑和预览系统，包括web前端和服务器，其中，所述广告编辑和预览系统还包括如权利要求8所述的智能终端；
所述web前端用于接收并选择服务器发送的组件，并根据所选择组件的预览效果编辑组件效果；当编辑完成后，所述web前端还用于将编辑好的组件的描述信息通过预设格式保存到本地存储，并发送到所述服务器转化成html协议格式的文件;所述服务器用于将html使用到的css文件、资源文件和保存好的html文件打包生成一个文件目录，并生成新的url地址返回给所述web前端；所述web前端还用于通过框架组件打开服务器返回的节目预览的url地址，进行广告节目播放效果的预览。
相较于现有技术，本发明提供的广告编辑和预览方法、智能终端、系统及存储装置，所述广告编辑和预览方法通过web前端接收并选择服务器发送的组件，并根据所选择组件的预览效果编辑组件效果；当编辑完成后，web前端将编辑好的组件的描述信息通过预设格式保存到本地存储，并发送到服务器转化成html协议格式的文件;服务器将html使用到的css文件、资源文件和保存好的html文件打包生成一个文件目录，并生成新的url地址返回给web前端；web前端通过框架组件打开服务器返回的节目预览的url地址，进行广告节目播放效果的预览。通过本发明高效快速进行广告的编辑和预览，生成h5广告节目和模板，实现跨平台播放广告。
附图说明
图1是本发明广告编辑和预览方法的较佳实施例的流程图；
图2是本发明广告编辑和预览方法的较佳实施例中步骤s10的流程图；
图3是本发明广告编辑和预览方法的较佳实施例中步骤s20的流程图；
图4是本发明广告编辑和预览方法的较佳实施例中步骤s30的流程图；
图5为本发明广告编辑和预览程序的较佳实施例的运行环境示意图；
图6为本发明广告编辑和预览程序的较佳实施例的功能模块图；
图7为本发明广告编辑和预览系统的较佳实施例的功能原理框图。
具体实施方式
为使本发明的目的、技术方案及优点更加清楚、明确，以下参照附图并举实施例对本发明进一步详细说明。应当理解，此处所描述的具体实施例仅仅用以解释本发明，并不用于限定本发明。
本发明较佳实施例所述的广告编辑和预览方法，如图1所示，一种广告编辑和预览方法，其中，所述广告编辑和预览方法包括以下步骤：
步骤s10、web前端接收并选择服务器发送的组件，并根据所选择组件的预览效果编辑组件效果。
具体地，所述步骤s10之前还包括：所述服务器预先根据需要编辑的广告页面获取多个组件并存储，当所述web前端编辑广告页面时通过所述服务器进行组件的选择。所述组件包括：图片、背景、音频、视频、文档以及天气等其他可编辑的素材。
具体过程请参阅图2，其为本发明提供的广告编辑和预览方法中步骤s10的流程图。
如图2所示，所述步骤s10包括：
s11、所述web前端根据需要编辑的广告页面接收并选择服务器发送的组件；
s12、通过jquery（jquery是一个快速、简洁的javascript框架，是继prototype之后又一个优秀的javascript代码库，提供一种简便的javascript设计模式，优化html文档操作、事件处理、动画设计和ajax交互，具有高效灵活的css选择器，并且可对css选择器进行扩展，拥有便捷的插件扩展机制和丰富的插件）编辑所选的组件效果，编辑包括组件大小、组件坐标、组件动画、以及组件内容；比如说图片组件可设置多个图片进行轮播，轮播时间、周期、轮播动画等。
本实施例中，进入web前端（前端开发是网站的前台代码实现，包括基本的html和css以及javascript/ajax，端设计一般可以理解为网站的视觉设计）编辑广告页面，选择组件，这些组件来自服务器,web前端只需要有这些组件的预览效果即可；编辑区域是一个画布,可以选择组件到画布，之后可以通过鼠标拖动改变组件的显示区域(大小，坐标等)；可以对选中的组件选择显示的动画效果(预订的动画效果)；一个图片区域可以添加多张图片显示，进行动画循环轮播。
步骤s20、当编辑完成后，web前端将编辑好的组件的描述信息通过预设格式保存到本地存储，并发送到服务器转化成html协议格式的文件。
具体地，编辑好的组件通过json格式（json，(javascriptobjectnotation，是一种轻量级的数据交换格式，采用完全独立于编程语言的文本格式来存储和表示数据，易于人阅读和编写，同时也易于机器解析和生成，并有效地提升网络传输效率，比较适合于网络数据传输，因此选择json比较合理）保存组件的描述信息到localstorag（本地存储）。
之后，服务器将json格式的数据转化成html协议格式的文件，通过javaweb实现json协议解析，生成html网页文件保存于服务器。
具体过程请参阅图3，其为本发明提供的广告编辑和预览方法中步骤s20的流程图。
如图3所示，所述步骤s20包括：
s21、当检测到组件效果编辑完成后，所述web前端将编辑好的组件的描述信息通过适于网络数据传输的json格式保存到本地存储；
s22、所述web前端同时将所述描述信息发送到所述服务器，所述服务器将json格式的数据转化成html协议格式的文件。
本实施例中，所述描述信息包括:广告页面的播放时间、广告名称以及广告大小（当然还可以包括其他的属性信息）。
步骤s30、当编辑完成后，web前端将编辑好的组件的描述信息通过预设格式保存到本地存储，并发送到服务器转化成html协议格式的文件。
具体地，服务器将html使用到的css文件（用于装css代码的文本文件，而css代码具有一定规律规则的文本代码组成，本发明的css文件是一些效果定义的文件，比如广告里面的某个动画效果等）、资源文件和保存好的html文件一起打包生成一个文件目录；并生成新的url地址；并将该url地址返回给web前端。
具体过程请参阅图4，其为本发明提供的广告编辑和预览方法中步骤s30的流程图。
如图4所示，所述步骤s30包括：
s31、当所述服务器将json格式的数据转化成html协议格式的文件后，所述服务器将html使用到的css文件、资源文件和保存好的html文件一起打包生成一个文件目录；
s32、所述服务器同时生成以用于进行节目预览的新的url地址（uniformresourelocator：统一资源定位器，url地址是www页的地址），并将所述url地址返回给web前端。
步骤s40、web前端通过框架组件打开服务器返回的节目预览的url地址，进行广告节目播放效果的预览。
具体地，前端通过frame（frame是html网页开发使用的一个框架组件，可以用来打开某个广告页面，用于预览广告页面效果）打开服务器返回的节目预览url地址，达到预览节目的效果。
也就是说，web前端编辑广告节目,并以json格式保存到localstorage，json转化成html格式的文件，并传给服务器；服务器把预设好的css文件和使用到的资源文件打包生成广告节目的目录，并生成url地址供web前端访问。
本发明制作的广告可以用于公共区域大屏幕显示领域、商用广告领域、教育教学领域、酒店餐厅商务发布等领域。
如图5所示，基于上述广告编辑和预览方法，本发明还相应提供了一种智能终端，所述智能终端包括处理器10、存储器20及显示器30。图5仅示出了智能终端的部分组件，但是应理解的是，并不要求实施所有示出的组件，可以替代的实施更多或者更少的组件。
所述存储器20在一些实施例中可以是所述智能终端的内部存储单元，例如智能终端的硬盘或内存。所述存储器20在另一些实施例中也可以是所述智能终端的外部存储设备，例如所述智能终端上配备的插接式硬盘，智能存储卡（smartmediacard,smc），安全数字（securedigital,sd）卡，闪存卡（flashcard）等。进一步地，所述存储器20还可以既包括所智能终端的内部存储单元也包括外部存储设备。所述存储器20用于存储安装于所述智能终端的应用软件及各类数据，例如所述安装智能终端的程序代码等。所述存储器20还可以用于暂时地存储已经输出或者将要输出的数据。在一实施例中，存储器20上存储有广告编辑和预览程序40，该广告编辑和预览程序40可被处理器10所执行，从而实现本申请中广告编辑和预览方法。
所述处理器10在一些实施例中可以是一中央处理器（centralprocessingunit,cpu），微处理器或其他数据处理芯片，用于运行所述存储器20中存储的程序代码或处理数据，例如执行所述广告编辑和预览方法等。
所述显示器30在一些实施例中可以是led显示器、液晶显示器、触控式液晶显示器以及oled（organiclight-emittingdiode，有机发光二极管）触摸器等。所述显示器30用于显示在所述智能终端的信息以及用于显示可视化的用户界面。所述智能终端的部件10-30通过系统总线相互通信。
在一实施例中，当处理器10执行所述存储器20中广告编辑和预览程序40时实现以下步骤：
web前端接收并选择服务器发送的组件，并根据所选择组件的预览效果编辑组件效果；
当编辑完成后，web前端将编辑好的组件的描述信息通过预设格式保存到本地存储，并发送到服务器转化成html协议格式的文件;
服务器将html使用到的css文件、资源文件和保存好的html文件打包生成一个文件目录，并生成新的url地址返回给web前端；
web前端通过框架组件打开服务器返回的节目预览的url地址，进行广告节目播放效果的预览。
所述web前端接收并选择服务器发送的组件，并根据所选择组件的预览效果编辑组件效果之前还包括：
所述服务器预先根据需要编辑的广告页面获取多个组件并存储，当所述web前端编辑广告页面时通过所述服务器进行组件的选择。
所述web前端接收并选择服务器发送的组件，并根据所选择组件的预览效果编辑组件效果具体包括：
所述web前端根据需要编辑的广告页面接收并选择服务器发送的组件；
通过jquery编辑所选的组件效果，编辑包括组件大小、组件坐标、组件动画、以及组件内容。
所述当编辑完成后，web前端将编辑好的组件的描述信息通过预设格式保存到本地存储，并发送到服务器转化成html协议格式的文件具体包括：
当检测到组件效果编辑完成后，所述web前端将编辑好的组件的描述信息通过适于网络数据传输的json格式保存到本地存储；
所述web前端同时将所述描述信息发送到所述服务器，所述服务器将json格式的数据转化成html协议格式的文件。
所述服务器将html使用到的css文件、资源文件和保存好的html文件打包生成一个文件目录，并生成新的url地址返回给web前端具体包括：
当所述服务器将json格式的数据转化成html协议格式的文件后，所述服务器将html使用到的css文件、资源文件和保存好的html文件一起打包生成一个文件目录；
所述服务器同时生成以用于进行节目预览的新的url地址，并将所述url地址返回给web前端。
请参阅图6，其为本发明广告编辑和预览程序的系统较佳实施例的功能模块图。在本实施例中，广告编辑和预览程序的系统可以被分割成一个或多个模块，所述一个或者多个模块被存储于所述存储器20中，并由一个或多个处理器（本实施例为所述处理器10）所执行，以完成本发明。例如，在图6中，广告编辑和预览程序的系统可以被分割成接收选择模块21、存储转化模块22、打包生成模块23和打开预览模块24。本发明所称的模块是指能够完成特定功能的一系列计算机程序指令段，比程序更适合于描述所述广告编辑和预览程序在所述智能终端中的执行过程。以下描述将具体介绍所述模块21-24的功能。
接收选择模块21，用于控制web前端接收并选择服务器发送的组件，并根据所选择组件的预览效果编辑组件效果；
存储转化模块22，用于当编辑完成后，控制web前端将编辑好的组件的描述信息通过预设格式保存到本地存储，并发送到服务器转化成html协议格式的文件；
打包生成模块23，用于控制服务器将html使用到的css文件、资源文件和保存好的html文件打包生成一个文件目录，并生成新的url地址返回给web前端；
打开预览模块24，用于控制web前端通过框架组件打开服务器返回的节目预览的url地址，进行广告节目播放效果的预览。
接收选择模块21具体包括：
接收单元，用于控制所述web前端根据需要编辑的广告页面接收并选择服务器发送的组件；
编辑单元，用于通过jquery编辑所选的组件效果，编辑包括组件大小、组件坐标、组件动画、以及组件内容。
存储转化模块22具体包括：
存储单元，用于当检测到组件效果编辑完成后，控制所述web前端将编辑好的组件的描述信息通过适于网络数据传输的json格式保存到本地存储；
转化单元，用于控制所述web前端同时将所述描述信息发送到所述服务器，所述服务器将json格式的数据转化成html协议格式的文件。
打包生成模块23具体包括：
打包单元，用于当所述服务器将json格式的数据转化成html协议格式的文件后，控制所述服务器将html使用到的css文件、资源文件和保存好的html文件一起打包生成一个文件目录；
生成单元，用于控制所述服务器同时生成以用于进行节目预览的新的url地址，并将所述url地址返回给web前端。
本发明还提供一种计算机可读存储介质，其中，所述计算机可读存储介质存储有一个或者多个程序，所述一个或者多个程序可被一个或者多个处理器执行，以实现如上所述的广告编辑和预览方法的步骤。
基于上述广告编辑和预览方法和智能终端，本发明还相应提供一种广告编辑和预览系统，请参阅图7，其包括智能终端101、web前端102和服务器103。
其中，所述web前端102用于接收并选择服务器103发送的组件，并根据所选择组件的预览效果编辑组件效果；以及当编辑完成后，所述web前端102还用于将编辑好的组件的描述信息通过预设格式保存到本地存储，并发送到所述服务器103转化成html协议格式的文件;以及所述服务器103用于将html使用到的css文件、资源文件和保存好的html文件打包生成一个文件目录，并生成新的url地址返回给所述web前端102；以及所述web前端102还用于通过框架组件打开服务器返回的节目预览的url地址，进行广告节目播放效果的预览。
综上所述，本发明通过web前端接收并选择服务器发送的组件，并根据所选择组件的预览效果编辑组件效果；当编辑完成后，web前端将编辑好的组件的描述信息通过预设格式保存到本地存储，并发送到服务器转化成html协议格式的文件;服务器将html使用到的css文件、资源文件和保存好的html文件打包生成一个文件目录，并生成新的url地址返回给web前端；web前端通过框架组件打开服务器返回的节目预览的url地址，进行广告节目播放效果的预览。通过本发明高效快速进行广告的编辑和预览，生成h5广告节目和模板，实现跨平台播放广告。
当然，本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，是可以通过计算机程序来指令相关硬件（如处理器，控制器等）来完成，所述的程序可存储于一计算机可读取的存储介质中，该程序在执行时可包括如上述各方法实施例的流程。其中所述的存储介质可为存储器、磁碟、光盘等。
应当理解的是，本发明的应用不限于上述的举例，对本领域普通技术人员来说，可以根据上述说明加以改进或变换，所有这些改进和变换都应属于本发明所附权利要求的保护范围。