可视化网页制作方法、装置、设备及存储介质制造方法及图纸

本发明专利技术公开了一种可视化网页制作方法、装置、设备及存储介质，该方法包括：接收客户端对预设基本组件的控制指令，根据所述控制指令设置网页的基本组件，所述控制指令包括对应的基本组件及其控制方式；从预设路径获取所述基本组件的内容，根据所述内容对所述基本组件进行内容填充，实时通过所述客户端的显示器显示当前网页；当接收到所述客户端发送的发布指令后，保存并发布所述网页。本发明专利技术属于用户界面设计技术领域，通过接收客户端对预设基本组件的控制指令进而制作并发布网页，节约了网页制作时间、降低了网页制作门槛并提高了灵活性。

【技术实现步骤摘要】
可视化网页制作方法、装置、设备及存储介质
本专利技术涉及用户界面设计领域，尤其涉及一种可视化网页制作方法、装置、设备及存储介质。
技术介绍
目前在网页制作过程中，都需要由掌握网页制作工具和网页制作语言的专业人员来研发网站，根据网页需求对数据库系统架构、网站系统框架、后端接口、前端样式等进行定制化开发，即便多个网页之间非常类似，也需要进行多次开发。如果需要对网页的部分样式进行修改，也需要重新研发。因而，网页制作耗时长、门槛高且灵活性低。
技术实现思路
本专利技术提供一种可视化网页制作方法、装置、设备及存储介质，旨在节约网页制作时间、降低门槛并提高灵活性。为实现上述目的，本专利技术提供一种可视化网页制作方法，所述方法应用于可视化网页制作设备，所述方法包括：接收客户端对预设基本组件的控制指令，根据所述控制指令设置网页的基本组件，所述控制指令包括对应的基本组件及其控制方式；从预设路径获取所述基本组件的内容，根据所述内容对所述基本组件进行内容填充，并实时通过所述客户端的显示器显示当前网页；当接收到所述客户端发送的发布指令后，保存并发布所述网页。优选地，所述接收客户端对预设基本组件的控制指令的步骤之前还包括：搭建目标网站，设置所述目标网站的基本信息；在目标网站中定义网页的基本组件，所述基本组件包括母组件和子组件，其中，所述母组件包括图片组件、文字组件、视频组件、音频组件以及表格组件，所述子组件包括所述母组件的一个或多个样式；设置所述基本组件的预设控制方式和内容信息，并保存为网页制作模板，其中，所述预设控制方式包括拖曳、双击以及单击，所述内容信息包括来源、文件大小以及文件格式。优选地，所述在目标网站中定义网页的基本组件的步骤之后包括：设置所述基本组件的统计功能，以供所述网页发布后统计所述基本组件接收到的点击事件的次数。优选地，所述接收客户端对预设基本组件的控制指令，根据所述控制指令设置网页的基本组件的步骤之前还包括：接收所述客户端发送的网页制作指令，根据所述网页制作指令进入网页制作模式，并将网页制作页面发送至所述客户端，所述网页制作页面包括空白网页和所述预设基本组件的列表；所述接收客户端对预设基本组件的控制指令，根据所述控制指令设置网页的基本组件的步骤包括：接收所述客户端对所述预设基本组件的控制指令，获取所述控制指令对应的基本组件及其控制方式；判断所述控制方式是否为所述基本组件的预设多种控制方式中的一种；若所述控制方式是所述基本组件的多种预设控制方式中的一种，则根据所述控制方式对应的操作将所述基本组件添加至所述空白网页。优选地，所述从预设路径获取所述基本组件的内容，根据所述内容对所述基本组件进行内容填充的步骤包括：通过所述预设路径打开所述基本组件对应内容的文件夹，将所述客户端选择的预设内容作为所述基本组件的待填充内容；将所述待填充内容填充至所述基本组件。优选地，所述当接收到所述客户端发送的发布指令后，保存并发布所述网页的步骤之前还包括：接收客户端对所述网页的修改指令，根据所述修改指令获取对应的基本组件以及内容；将所述修改指令对应的基本组件及所述修改指令对应的内容设置为可编辑模式，以供所述客户端进行编辑操作；接收所述客户端对所述网页的修改信息，并保存所述客户端修改后的网页。优选地，所述根当接收到所述客户端发送的发布指令后，保存并发布所述网页的步骤之前还包括：接收客户端发送的网页优化指令；根据所述网页优化指令提取当前网页中的视觉元素，所述视觉元素包括各基本组件所占的页面比例、网页层次以及色彩；按视觉元素基本规则对所述网页进行优化，获得优化网页。此外，本专利技术实施例还提出一种可视化网页制作装置，所述可视化网页制作装置包括：接收模块，用于接收客户端对预设基本组件的控制指令，根据所述控制指令设置网页的基本组件，所述控制指令包括对应的基本组件及其控制方式；填充模块，用于从预设路径获取所述基本组件的内容，根据所述内容对所述基本组件进行内容填充，并实时通过所述客户端的显示器显示当前网页；发布模块，用于当接收到所述客户端发送的发布指令后，保存并发布所述网页。此外，本专利技术实施例还提出一种可视化网页制作设备，所述可视化网页制作设备包括处理器，存储器以及存储在所述存储器中的可视化网页制作程序，所述可视化网页制作程序被所述处理器运行时，实现如上所述的可视化网页制作方法的步骤。此外，本专利技术实施例还提出一种计算机存储介质，所述计算机存储介质上存储有可视化网页制作程序，所述可视化网页制作程序被处理器运行时实现如上所述可视化网页制作方法的步骤。相比现有技术，本专利技术提供一种可视化网页制作方法、装置、设备及存储介质，接收客户端对预设基本组件的控制指令，根据所述控制指令设置网页的基本组件，所述控制指令包括对应的基本组件及其控制方式；从预设路径获取所述基本组件的内容，根据所述内容对所述基本组件进行内容填充，并实时通过所述客户端的显示器显示当前网页；当接收到所述客户端发送的发布指令后，保存并发布所述网页。本专利技术属于用户界面设计
，通过接收客户端对预设基本组件的控制指令进而制作并发布网页，节约了网页制作时间、降低了网页制作门槛并提高了灵活性。附图说明图1是本专利技术各实施例涉及的可视化网页制作设备的硬件结构示意图；图2是本专利技术可视化网页制作方法第一实施例的流程示意图；图3是本专利技术可视化网页制作方法第二实施例的流程示意图；图4是本专利技术可视化网页制作装置第一实施例的功能模块示意图。本专利技术目的的实现、功能特点及优点将结合实施例，参照附图做进一步说明。具体实施方式应当理解，此处所描述的具体实施例仅仅用以解释本专利技术，并不用于限定本专利技术。本专利技术实施例主要涉及的可视化网页制作设备是指能够实现网络连接的网络连接设备，所述可视化网页制作设备可以是服务器、云平台等。另外本专利技术实施例涉及的客户端可以为电脑、iPad等网络设备。参照图1，图1是本专利技术各实施例涉及的可视化网页制作设备的硬件结构示意图。本专利技术实施例中，可视化网页制作设备可以包括处理器1001(例如中央处理器CentralProcessingUnit、CPU)，通信总线1002，输入端口1003，输出端口1004，存储器1005。其中，通信总线1002用于实现这些组件之间的连接通信；输入端口1003用于数据输入；输出端口1004用于数据输出，存储器1005可以是高速RAM存储器，也可以是稳定的存储器(non-volatilememory)，例如磁盘存储器，存储器1005可选的还可以是独立于前述处理器1001的存储装置。本领域技术人员可以理解，图1中示出的硬件结构并不构成对本专利技术的限定，可以包括比图示更多或更少的部件，或者组合某些部件，或者不同的部件布置。继续参照图1，图1中作为一种可读存储介质的存储器1005可以包括操作系统、网络通信模块、应用程序模块以及可视化网页制作程序。在图1中，网络通信模块主要用于连接服务器，与服务器进行数据通信；而处理器1001可以调用存储器1005中存储的可视化网页制作程序，并执行本专利技术实施例提供的可视化网页制作方法。本专利技术实施例提供了一种可视化网页制作方法。参照图2，图2是本专利技术可视化网页制作方法第一实施例的流程示意图。本实施例中，所述可视化网页制作方法应用于可视化网页制作设备，所述方法包括：步本文档来自技高网...

【技术保护点】
1.一种可视化网页制作方法，其特征在于，所述方法应用于可视化网页制作设备，所述方法包括：接收客户端对预设基本组件的控制指令，根据所述控制指令设置网页的基本组件，所述控制指令包括对应的基本组件及其控制方式；从预设路径获取所述基本组件的内容，根据所述内容对所述基本组件进行内容填充，并实时通过所述客户端的显示器显示当前网页；当接收到所述客户端发送的发布指令后，保存并发布所述网页。

【技术特征摘要】
1.一种可视化网页制作方法，其特征在于，所述方法应用于可视化网页制作设备，所述方法包括：接收客户端对预设基本组件的控制指令，根据所述控制指令设置网页的基本组件，所述控制指令包括对应的基本组件及其控制方式；从预设路径获取所述基本组件的内容，根据所述内容对所述基本组件进行内容填充，并实时通过所述客户端的显示器显示当前网页；当接收到所述客户端发送的发布指令后，保存并发布所述网页。2.根据权利要求1所述的方法，其特征在于，所述接收客户端对预设基本组件的控制指令的步骤之前还包括：搭建目标网站，设置所述目标网站的基本信息；在目标网站中定义网页的基本组件，所述基本组件包括母组件和子组件，其中，所述母组件包括图片组件、文字组件、视频组件、音频组件以及表格组件，所述子组件包括所述母组件的一个或多个样式；设置所述基本组件的预设控制方式和内容信息，并保存为网页制作模板，其中，所述预设控制方式包括拖曳、双击以及单击，所述内容信息包括来源、文件大小以及文件格式。3.根据权利要求2所述的方法，其特征在于，所述在目标网站中定义网页的基本组件的步骤之后还包括：设置所述基本组件的统计功能，以供所述网页发布后统计所述基本组件接收到的点击事件的次数。4.根据权利要求1所述的方法，其特征在于，所述接收客户端对预设基本组件的控制指令，根据所述控制指令设置网页的基本组件的步骤之前还包括：接收所述客户端发送的网页制作指令，根据所述网页制作指令进入网页制作模式，并将网页制作页面发送至所述客户端所述网页制作页面包括空白网页和所述预设基本组件的列表；所述接收客户端对预设基本组件的控制指令，根据所述控制指令设置网页的基本组件的步骤包括：接收所述客户端对所述预设基本组件的控制指令，获取所述控制指令对应的基本组件及其控制方式；判断所述控制方式是否为所述基本组件的预设多种控制方式中的一种；若所述控制方式是所述基本组件的多种预设控制方式中的一种，则根据所述控制方式对应的操作将所述基本组件添加至所述空白网页。5.根据权利要求1所述的方法，其特征在...

【专利技术属性】
技术研发人员：胡冰梅，伍心雨，施圣奕，张钦洲，朱桦，
申请(专利权)人：平安城市建设科技深圳有限公司，
类型：发明
国别省市：广东,44