本发明专利技术提供一种快速生成自定义静态Web页面的方法，所述方法包括：于用户从初始样式列表中选择一基本模版页面后，根据用户需求对所述基本模版页面进行处理以获取通用模版页面；根据用户选择的CSS样式进行CSS样式设置，设置完成后生成一层叠样式表文件；根据用户选择的填充内容对所述填充内容进行处理；引入所述层叠样式表文件，生成所述Web页面；所述装置包括：通用模版获取模块、CSS样式设置模块、填充内容处理模块、生成模块。用户仅需自定义自己的样式和内容，即可实现快速生成Web页面的要求，极大地提高了开发效率。
【技术实现步骤摘要】
本专利技术涉及计算机
，尤其涉及一种快速生成自定义静态Web页面的方法及装置。
技术介绍
目前的Web开发大多是进行页面设计、样式定义、后台程序编写等一系列过程，对于布局框架类似的页面，需要进行重复的设计工作，这将是一个很耗费时间的行为，不利于页面的快速开发。一旦用户的需求有所更改，比如需要更换一种风格，那么需要重新设计样式，造成效率比较低下的问题。当前也有一些页面开发模型，可以按照用户的需求自定义页面，但是页面模板比较单一，缺乏多样性，不一定能满足用户的需求。因此，提供一种设计简单且具有多样性的自定义静态Web页面的方法，成为目前亟待解决的问题。
技术实现思路
鉴于上述问题，本申请记载了一种快速生成自定义静态Web页面的方法，所述方法包括:于用户从初始样式列表中选择一基本模版页面后，根据用户需求对所述基本模版页面进行处理以获取通用模版页面；根据用户选择的CSS样式进行CSS样式设置，设置完成后生成一层叠样式表文件；根据用户选择的填充内容对所述填充内容进行处理；引入所述层叠样式表文件，生成所述Web页面。较佳的，所述通用模版页面中包含显示常用内容的标签。较佳的，用户通过编写HTML的方式或从所述基本模版页面增加和/或删除所述标签的方式实现对所述标签的增删操作。较佳的，所述通用模版页面设计完成后将所述通用模版页面保存至所述初始样式列表中。较佳的，所述CSS样式包括行距和/或字体和/或链接样式。较佳的，用户通过编写CSS代码获取所述CSS样式或从自定义样式列表中选择现有的所述CSS样式。较佳的，在根据用户选择的所述CSS样式进行所述CSS样式设置的过程包括对所述CSS样式的校验，所述校验过程包括:于用户发送校验请求后，根据所述CSS样式内容，将所述CSS样式分割为多个选择器，对所述选择器进行校验。较佳的，对所述选择器进行校验的过程包括步骤:判断所述选择器是否存在；若所述选择器不存在，删除所述选择器；否则，创建一个CSS文件，将所述选择器写入所述CSS文件；待所有选择器校验完毕后，对所述CSS文件中的每一个所述选择器的每一个属性逐个进行规则解析校验。较佳的，对所述属性进行规则解析校验的过程包括步骤:判断所述属性是否存在；若所述属性不存在，删除所述属性，给出提示信息并将所述提示信息反馈至客户；若所述属性存在，判断所述属性的取值是否符合取值规则；若符合所述取值规则，则不做处理；若不符合所述取值规则，为所述属性设置一默认值并将所述默认值写入所述CSS文件；当所述CSS文件中的所有所述选择器均校验完成后，将所述CSS文件保存并添加至所述自定义样式列表中。较佳的，所述填充内容包括图片和/或文字和/或音频。较佳的，对所述填充内容的处理过程包括:若所述填充内容为图片和/或音频，生成对应的所述标签，并加载所述图片和/或音频；若所述填充内容为文字，对所述文字进行编码。较佳的，在进行CSS样式设置或引入所述层叠样式表文件生成所述Web页面的过程中，能够实时进行预览。本实施例提提供了一种快速生成自定义静态Web页面的装置，所述装置包括:通用模版获取模块，用以根据用户选择的基本模版页面和用户需求对所述基本模版页面进行处理以获取通用模版页面；CSS样式设置模块，与所述通用模版获取模块相连，用以根据用户选择的CSS样式进行CSS样式设置，并在设置完成后生成一层叠样式表文件；填充内容处理模块，与所述CSS样式设置模块相连，用以对用户选择的填充内容进行处理；生成模块，与所述CSS样式设置模块以及所述填充内容处理模块相连，用以引入所述层叠样式表文件并生成所述Web页面。较佳的，所述CSS样式设置模块包括:分割部，与所述通用模版获取模块相连，用以根据所述CSS样式内容，将所述CSS样式分割为多个选择器；校验部，与所述分割部相连，用以对所述选择器进行校验；其中，所述校验部包括:判断单元，与所述分割部相连，用以判断所述选择器是否存在；选择器删除单元，与所述判断单元相连，用以删除所述选择器；创建单元，与所述判断单元相连，用以创建一个CSS文件并将所述选择器写入所述CSS文件；解析单元，分别与所述创建单元以及所述填充内容处理模块相连，用以对所述CSS文件中的每一个所述选择器的每一个属性逐个进行规则解析校验。较佳的，所述解析单元包括:属性判定子单元，与所述创建单元相连，用以判断所述属性是否存在；属性删除子单元，与所述属性判定子单元相连，用以删除所述属性，给出提示信息并将所述提示信息反馈至客户；取值判断子单元，与所述属性判定子单元相连，用以判断所述属性的取值是否符合取值规则；设置子单元，与所述取值判断子单元相连，用以为所述属性设置一默认值并将所述默认值写入所述CSS文件；添加子单元，分别与所述设置子单元以及所述填充内容处理模块相连，用以将所述CSS文件保存并添加至所述自定义样式列表中上述技术方案具有如下优点或有益效果:后台从前台获取的参数，可能包含页面标签、选择器定义、文字等信息，这时需要识别那些是标签，哪些标签其实是要显示的文字内容，哪些是选择器，哪些选择器是要显示在页面上的文字内容；完成识别后，做进一步的解析，哪些标签和选择器非法，对于非法的，需要做删除或转换处理，位后续的处理去除错误。这种设计方式，使得页面框架布局以及样式均实现了可定制，同时页面生成的效率提尚O【附图说明】参考所附附图，以更加充分的描述本专利技术的实施例。然而，所附附图仅用于说明和阐述，并不构成对本专利技术范围的限制。图1为本专利技术一种快速生成自定义静态Web页面的方法的流程图；图2为本专利技术一种快速生成自定义静态Web页面的方法中对选择器进行校验的流程图；图3为本专利技术一种快速生成自定义静态Web页面的方法中进行规则解析校验的流程图；图4为本专利技术一种快速生成自定义静态Web页面的装置的结构示意图一；图5为本专利技术一种快速生成自定义静态Web页面的装置的结构示意图二 ；图6为本专利技术一种快速生成自定义静态Web页面的装置的结构示意图三。【具体实施方式】下面结合附图和具体实施例对本专利技术一种快速生成自定义静态Web页面的方法及装置进行详细说明。实施例一如图1所示，一种快速生成自定义静态Web页面的方法，包括步骤:从初始样式列表中选择一基本模版页面，根据用户需求对所述基本模版页面进行处理以获取通用模版页面；根据用户选择的CSS样式进行当前第1页1 2 3 本文档来自技高网...
【技术保护点】
一种快速生成自定义静态Web页面的方法，其特征在于，所述方法包括：于用户从初始样式列表中选择一基本模版页面后，根据用户需求对所述基本模版页面进行处理以获取通用模版页面；根据用户选择的CSS样式进行CSS样式设置，设置完成后生成一层叠样式表文件；根据用户选择的填充内容对所述填充内容进行处理；引入所述层叠样式表文件，生成所述Web页面。
【技术特征摘要】
【专利技术属性】
技术研发人员：罗明，
申请(专利权)人：上海斐讯数据通信技术有限公司，
类型：发明
国别省市：上海;31
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。