一种实时生效的调整网页样式的方法技术

一种实时生效的调整网页样式的方法，为网页构建可视化页面配置的样式编辑器，每一个生成的样式编辑器自动按照编辑元素抽取网页的样式数据并存储，以配置样式参数的形式，实时控制网页样式的调整，并按照配置参数即时呈现网页样式：构建用于可视化页面配置的样式编辑器，通过针对网页的样式编辑器内的样式元素参数进行修改，能够改变网页内的各个页面元素；样式编辑器的配置初始化：样式编辑器根据当前页面的样式，抽取存储在后台数据库中的元素参数数据，并按照样式编辑器的样式元素参数配置和样式参数类型，将提取到的元素参数数据传到样式编辑器中显示，完成样式编辑器内数据初始化；网页样式的编辑，覆盖原有的样式数据。

A method of adjusting web page style in real time

A method for real-time adjustment of the effect for the page style, the style editor of the visual web page configuration, style editor every generated automatically according to the style of data editing and storage elements of web pages, to configure the style parameters in the form of real-time control of \style adjustment, and in accordance with the configuration parameters of the real-time rendering of the page style construction for visual style editor page configuration, modify the parameters through the style elements for the style editor in the web, can change the various page elements of the website; initial configuration style editor: Style Editor according to the current page style, stored in the database extraction of elements in the data, and in accordance with the style element configuration and style the parameter type style editor, element parameter data to extract the spread The style editor is shown in the style editor to initialize the data in the style editor; the editor of the page style covers the original style data.

【技术实现步骤摘要】
一种实时生效的调整网页样式的方法
本专利技术属于互联网网页设计
，涉及个性化响应式网站页面的样式调整，具体为一种实时生效的调整网页样式的方法。
技术介绍
在传统的网站开发流程中，网页样式的实现通常由经验丰富的前端开发工程师手动编写配置文件或控制网页样式的填色。如果遇到用户的定制化需求,前端开发工程师因个性化制作所有网站页面而花费的时间较长，工作人员需频繁发写很多重复性或差异很小的样式代码，人力投入较高，网页样式生成效率低；而且，每当检查样式代码效果时，均重新加载页面才能观察，网页开发效率极度低下。如若后续有微调页面内容的需求，也需要找到前端开发人员才能实现。因而，一种能实现“所见即所得、方便操作”的网页样式调整方法，是当前技术迫切解决的问题。
技术实现思路
为解决上述问题，本专利技术的目的是提供一种实时生效的调整网页样式的方法，通过为网页构建可视化页面配置的样式编辑器，每一个生成的样式编辑器自动按照编辑元素抽取网页的样式数据并存储，以配置样式参数的形式，实时控制网页样式的调整，并按照配置参数即时呈现网页样式，提高网页样式编辑的便捷性。本专利技术的技术方案如下：一种实时生效的调整网页本文档来自技高网...

【技术保护点】
一种实时生效的调整网页样式的方法，其特征在于：为网页构建可视化页面配置的样式编辑器，每一个生成的样式编辑器自动按照编辑元素抽取网页的样式数据并存储，以配置样式参数的形式，实时控制网页样式的调整，并按照配置参数即时呈现网页样式，具体步骤有：步骤1：构建用于可视化页面配置的样式编辑器，通过针对网页的样式编辑器内的样式元素参数进行修改，能够改变网页内的各个页面元素；所述“可视化页面配置的样式编辑器”，是指通过在编辑器界面配置不同的样式元素参数，针对不同页面样式或元素，执行不同的样式操作，实现用户操作的便捷性以及平台系统开发的便捷；所述样式编辑器主要包括，组件全局编辑器、标题栏编辑器、内容区编辑器三个...

【技术特征摘要】
1.一种实时生效的调整网页样式的方法，其特征在于：为网页构建可视化页面配置的样式编辑器，每一个生成的样式编辑器自动按照编辑元素抽取网页的样式数据并存储，以配置样式参数的形式，实时控制网页样式的调整，并按照配置参数即时呈现网页样式，具体步骤有：步骤1：构建用于可视化页面配置的样式编辑器，通过针对网页的样式编辑器内的样式元素参数进行修改，能够改变网页内的各个页面元素；所述“可视化页面配置的样式编辑器”，是指通过在编辑器界面配置不同的样式元素参数，针对不同页面样式或元素，执行不同的样式操作，实现用户操作的便捷性以及平台系统开发的便捷；所述样式编辑器主要包括，组件全局编辑器、标题栏编辑器、内容区编辑器三个部分；步骤2：样式编辑器的配置初始化：样式编辑器根据当前页面的样式，抽取存储在后台数据库中的元素参数数据，并按照样式编辑器的样式元素参数配置和样式参数类型，将提取到的元素参数数据传到样式编辑器中显示，完成样式编辑器内数据初始化；步骤3：网页样式的编辑：经步骤2的样式编辑器初始化后，后台形成关于编辑器样式参数和具体样式元素参数数据的隐藏域，样式生成器将以隐藏域作为数据来源；任何在样式编辑器内的样式参数编辑操作，后台隐藏域内的数据均会随之变动，并覆盖原有的样式数据；所述样式生成器存在后台，用于将隐藏域内的数据进行整合；步骤4：网页样式的动态生成：样式生成器实时从隐藏域中提取最新的样式数据，生成CSS样式代码，并即时根据CSS样式代码在网页页面上显示；步骤5：样式元素参数数据在后台服务器中存储；具体为：...

【专利技术属性】
技术研发人员：张天昊，贡春龙，
申请(专利权)人：南京焦点领动云计算技术有限公司，
类型：发明
国别省市：江苏,32