专利名称:一种通过网页构建数据库构建网页的方法
技术领域:
本发明涉及网页的制作方法,准确地说是网页的生成及制作方法,该方法能够快速、高效地构建网页。
背景技术:
网页制作,通常需要先构建网页的布局,再设计框架,表单、边框等内容,然后进行文字和图片的编辑。在这个过程中,需要程序员写代码,美工调整;如果涉及到大型的门户网站,首页就有四五个屏之多,写代码的工作量非常大,而且还涉及到二级频道页、信息页等多种内容,如果是一个程序员来写代码,则工作量可想而知,一般会采用多人合作的方式,每个人针对自己的内容写一部分代码,但是这种方式,每个人写的代码不尽相同,差异性带来的结果往往是不兼容,需要重新调整。因此,目前制作网页的主要问题在于1)需要一边制作HTML代码一边编写CSS 代码,花费的时间较多;2)不得不一边制作HTML页面一边受兼容性的影响,3)不同的重构人员在制作同一页面的时候CSS样式类名自定义,导致冲突。这为网页的制作增加了麻烦, 致使网页制作烦琐、周期长、效率不高。专利申请201010034292. 2号公开了一种网页模板的构建方法、系统及装置,本发明公开了一种网页模板的构建方法、系统及装置,用以解决现有技术中网页模板构建效率低的问题。该申请提出了一种网页模板,来针对网页模板中每块区域预呈现的区块元素,终端接收用户输入的区块元素请求信息,确定所述区块元素的标识信息对应的区块元素的代码信息,将所述区块元素的代码信息在该网页区域的对应位置呈现,终端接收用户输入内容信息,将所述内容信息在该区块元素中进行显示。这种方法将每个网页划分为至少两个区块元素,而每个区块元素可以重复使用,从而提高了网页模板的构建效率。这类似于目前所采用的CSS框架(层叠样式表Cascading Style Sheets),CSS框架是设计网页的基本架构,针对网页的全局、重置、表单、兼容等分块或设备、浏览器、插件等对象进行定义,CSS框架不仅需要引用的样式繁多,且也存在过多的限制,虽然可以使用优先和权重进行级别的重定义,但对本身的通用性和可扩展性也产生了太多的不利影响。该方法对网页的制作并没有带来根本的改善。上述的方法虽然定义了网页模板和基本架构,然而并没有针对网页的具体制作指定标准和统一的布局规划,网页的制作仍然要依靠开发者的布局设计和自己定义的代码来完成,制作网页并没有得到简化和提高效率。
发明内容
基于此,本发明的目的是提供一种通过网页构建数据库构建网页的方法,该方法能够快速构建网页,大大提高了网页的制作效率,减少了制作网页的时间。本发明的另一个目的在于提供一种通过网页构建数据库构建网页的方法,该方法能够实现网页的快速编辑和重构,具有良好的可移植性。
本发明的再一个目的是提供一种通过网页构建数据库构建网页的方法,该方法易于实现,便于操作及控制。为了达到上述目的,本发明是按照如下方式实现的。一种通过网页构建数据库构建网页的方法,其特征在于先将网页制作所用的内容形成标准,将这些标准作为统一的代码存储于数据库中,具体网页的制作包括如下步骤
A、构建网页的布局;
B、连接网页构建数据库;
C、引用网页构建数据库中的定义;从网页构建数据库中搜索重置、布局、背景色、文本、 表单、表格、边框模块中的数据,选取合适的定义;直接选取定义好的内容,不需要写代码进行定义,节约了大量的代码及写代码的工作量;D、将所选取的定义显示于网页;
E、填充内容,譬如将图片、文字编辑到布局内。本发明将网页制作所用的布局、文本、边框等内容形成标准,作为统一的代码存储于数据库中,便于网页制作时随时读取,同时,代码统一化,便于网页的编辑及维护,标准化的代码,使网页的制作那个迅速、快捷的完成,不必针对每个内容都编写代码,大大减小了网页制作的工作量,提高了网页制作的效率。所述的方法总,网页构建数据库,包括有重置、布局、背景色、文本、表单、表格、边框模块,且上述的模块相互之间是独立的。重置模块一般是不需要另外使用的,只是对浏览器默认的一些属性进行清零;布局模块是针对网页的布局来进行,定义了常用的宽度、高度、浮动、定位、块状、隐显等常用的布局核心类;背景色模块,定义了高亮、提示、警示的效果,一般与边框(Border)配合使用;文本模块定义了常用的基本的加粗、斜体、中下划线、 大小、字体、换行等的类;表格(Table)模块针对表格的边框折叠进行定义;Border边框和文本的颜色定义了基本常用的颜色类,配合设计和程序来进行使用,可以实现一些如高亮、 提示、警示的效果。所述网页构建数据库,还包括快捷方式模块、其它部分模块;快捷方式模块对一些常用的模块进行定义,再次减少重复类的应用,以精简代码;其他部分模块针对不同的浏览器进行了兼容处理。所述步骤A中,网页的布局可以直接从布局模块中引用。也就是说,步骤A、步骤B 和步骤C可以合并在一起。所述的步骤D中,所选取的定义,直接引用链接,将网页定义采用链接的形式把数据库中的定义显示于网页。所述的步骤D中,所选取的定义,采用导入方式从数据库中导入,将数据库中的定义导入到网页进行显示。所述的方法,可以在网页制作的任意位置,直接读取数据库中的代码,并复制数据库中的代码,进行网页局部的复制。本发明采用网页构建数据库来快速构建网页,能够快速提取代码进行网页编辑, 大大减少了制作网页的时间,提高了网页的制作效率。而且代码具有标准化的特点,便于编辑和维护,具有良好的移植性。
图1为本发明实施的软件控制流程图。
具体实施例方式为了使本发明的目的、技术方案及优点更加清楚明白,以下结合附图及实施例,对本发明进行进一步详细说明。应当理解,此处所描述的具体实施例仅仅用以解释本发明,并不用于限定本发明。如图1所示,实施本发明的具体包括如下步骤。1、设计布局,规划好网页的整体页面。2、连接网页构建数据库,任何一个构建网页的终端,只要取得权限或者认证,都可以连接到网页构建数据库,从中读取相应的网页数据;
3、引用网页构建数据库中的定义;从网页构建数据库导入构建的定义标准,并引用定义构建基础布局。网页的构建内容,包括布局格式、背景色、文本、表单、表格、边框等内容都可以从网页构建数据库中搜索到相关数据,并进行引用; 网页数据库所包括的内容包括有
Reset重置,重置一般是不需要另外使用的,只是对浏览器默认的一些属性进行清零。
Bcharset "utf-8";
{padding:0;margin0} bodY{font-size:12px;background:#fff;} ol,ul{list-st:Yle:none} img{border: 0}
a{text decoration:none;color:#242424;} em{ f ont- s tyl e: no mal}
Layout布局,布局是针对布局来进行,包括了常用的宽度、高度、浮动、定位、块状、隐显等常用的布局核心内容。
11 float: left;} !{float: right;} · cl {clear;: tooth;}}
=Eel {position: relative;}. ^abs {position: absolute;'} alDsc{positions absolute; Margin-Ieft^ 50%;} .mc {margin-left^ auto ; laanglri-right·: auto ;} a dri{displaY:none;} B db{display:block;}
.di{-moξ-inline-3tack:inline-block; display:inline-block; _displaYinline;} oil {ove r f 1 OTj: hi dden ;} ■os{overflow:scroll;}
a OKhys{overfIoh-x:hidden;overflow-γι scroll;| .vh{visibility:hidden;} .wl^isibility: visible;}
权利要求
1.一种通过网页构建数据库构建网页的方法,其特征在于先将网页制作所用的内容形成标准,将这些标准作为统一的代码存储于数据库中,具体网页的制作包括如下步骤A、构建网页的布局;B、连接网页构建数据库;C、引用网页构建数据库中的定义;从网页构建数据库中搜索重置、布局、背景色、文本、 表单、表格、边框模块中的数据,选取合适的定义;D、将所选取的定义显示于网页;E、填充内容,譬如将图片、文字编辑到布局内。
2.如权利要求1所述的通过网页构建数据库构建网页的方法,其特征在于网页构建数据库,包括有重置、布局、背景色、文本、表单、表格、边框模块,且上述的模块相互之间是独立的。
3.如权利要求2所述的通过网页构建数据库构建网页的方法,其特征在于重置模块一般是不需要另外使用的,只是对浏览器默认的一些属性进行清零;布局模块是针对网页的布局来进行,定义了常用的宽度、高度、浮动、定位、块状、隐显等常用的布局核心类;背景色模块,定义了高亮、提示、警示的效果,一般与边框(Border)配合使用;文本模块定义了常用的基本的加粗、斜体、中下划线、大小、字体、换行等的类;表格(Table)模块针对表格的边框折叠进行定义;Border边框和文本的颜色定义了基本常用的颜色类,配合设计和程序来进行使用,可以实现一些如高亮、提示、警示的效果。
4.如权利要求2所述的通过网页构建数据库构建网页的方法,其特征在于所述网页构建数据库,还包括快捷方式模块、其它部分模块;快捷方式模块对一些常用的模块进行定义,再次减少重复类的应用,以精简代码;其他部分模块针对不同的浏览器进行了兼容处理。
5.如权利要求1所述的通过网页构建数据库构建网页的方法,其特征在于所述步骤A 中,网页的布局可以直接从布局模块中引用,步骤A、步骤B和步骤C可以合并在一起。
6.如权利要求1所述的通过网页构建数据库构建网页的方法,其特征在于所述的步骤 D中,所选取的定义,直接引用链接,将网页定义采用链接的形式把数据库中的定义显示于网页。
7.如权利要求1所述的通过网页构建数据库构建网页的方法,其特征在于所述的步骤 D中,所选取的定义,采用导入方式从数据库中导入,将数据库中的定义导入到网页进行显7J\ ο
8.如权利要求1所述的通过网页构建数据库构建网页的方法,其特征在于所述的方法,可以在网页制作的任意位置,直接读取数据库中的代码,并复制数据库中的代码,进行网页局部的复制。
全文摘要
本发明是一种通过网页构建数据库构建网页的方法,其网页制作所用的内容形成标准,将这些标准作为统一的代码存储于数据库中,具体网页的制作包括构建网页的布局、连接网页构建数据库及引用网页构建数据库中的定义、将所选取的定义显示于网页等步骤,本发明将网页制作所用的内容形成标准,作为统一的代码存储于数据库中,便于网页制作时随时读取,同时,代码统一化,便于网页的编辑及维护,标准化的代码,使网页的制作那个迅速、快捷的完成,不必针对每个内容都编写代码,大大减小了网页制作的工作量,提高了网页制作的效率。
文档编号G06F17/30GK102375889SQ20111033904
公开日2012年3月14日 申请日期2011年11月1日 优先权日2011年11月1日
发明者沈龙泉 申请人:深圳市信游天下网络科技有限公司