一种动态可调的模板及其使用方法技术

技术编号:3816362 阅读:337 留言:0更新日期:2012-04-11 18:40
本发明专利技术一种动态可调的模板及其使用方法,属于网页设计领域。该模板由至少一个单元组成,所述模板带有一个控制文件,用于控制所述模板中所述单元的显示内容和所述模板的排版。所述模板的排版主要包括:增加单元、删除单元、改变单元位置和调整单元大小。该方法主要包括编辑模板、保存操作,所述编辑模板主要包括:增加单元、删除单元、改变单元位置、调整单元大小和修改单元内容。所述保存操作采用控制文件记录所述模板编辑后的配置参数信息。本发明专利技术结构简单、操作灵活、使用方便,用户可以根据自己的实际需要自定义页面内容,满足了用户搭建个性化网站的需求。

【技术实现步骤摘要】

本专利技术涉及一种网页设计的方法,具体地说是。
技术介绍
现有在智能建站中改变页面的方法通常包含以下内容使用者登陆建站系统,并 选择网站的模板,确定保存即可。很显然,这种方法只解决了固定模式内容的页面,并没有 解决具体某个页面上内容的增加或减少,也没有解决在一个页面上内容的自由排版问题。 也就是说,当用户想在某个页面添加或减少一块内容,或改变页面的排版时,上述方法无能 为力。为此,通常采用生产某个产品的多个版本和多个模板来解决,及用户来选择软件版本 决定功能的多少,选择模板决定页面的排版。即使这样做,用户也不能在线即时自定义某个 页面的内容和排版,只能任其按照产品的模板来展现页面。于是就可能产生这样的问题,如 果用户想增加或删除页面上某一块内容时,或者改变页面上页面排版,无法直接操作,需要 去找一些专业人士的支持。在这种情况下,用户需要花更多的时间和金钱才能达到自己的 要求。
技术实现思路
本专利技术的目的在于克服上述缺陷,提供,它结 构简单、操作灵活,使用方便,满足用户自定义页面内容和排版的需要,实现个性化网页设 计。为实现上述专利技术目的,本专利技术采用如下技术方案一种动态可调的模板,它由至少一个单元组成,所述模板带有一个控制文件,用于 控制所述模板中所述单元的显示内容和所述模板的排版。所述单元是指一个单一的内容或者单一内容的聚合。所述控制文件是XML文件、 JSP文件、ASP文件、ASPX文件、或者PHP文件中的任意一种文件。所述模板的排版主要包 括增加单元、删除单元、改变单元位置和调整单元大小。所述模板通过浏览器编辑。—种动态可调模板的使用方法,主要包括以下步骤a)编辑模板;b)保存操作。所述编辑模板主要包括增加单元、删除单元、改变单元位置、调整单元大小和修 改单元内容。所述保存操作采用控制文件记录所述模板编辑后的配置参数信息。所述控制 文件是XML文件、JSP文件、ASP文件、ASPX文件、或者PHP文件中的任意一种文件。在所述 保存操作后还包括实时展现编辑效果。本专利技术的有益效果在于结构简单、操作灵活、使用方便,用户可以根据自己的实 际需要自定义页面内容及排版,满足了用户设计个性化网页的需求。附图说明图1是本专利技术具体实施方式中的网站构成图;图2是本专利技术具体实施方式中系统提供的可视化编辑模板图;图3是本专利技术具体实施方式中用户增加单元选择图;图4是本专利技术具体实施方式中用户在线配置单元参数图;图5是本专利技术具体实施方式中用户在线编辑页面的流程图。具体实施例方式现结合附图,对本专利技术作进一步的说明。在实施本方法之前,首先要做准备工作,即汇编一个完整的智能建站系统,为了实 现本方法,该智能建站系统要区别于当前市场中的智能建站系统,该系统的关键在于要把 模板分解成若干个单元,并使单元可以动态调整。模板分解成若干个单元的方法是把一个单一的内容或单一内容聚合划分成一个 单元。例如一个广告图片、一个网站LOGO、一个版权说明等都表示是一个单一的内容;一 组内容列表、一组内容排行等都表示是一个内容聚合。要使模板中每个单一的单元都可以动态调整,则本专利技术中网站构成要区别于常规 的网站构成,其主要区别在于每一个模板下面会多一个控制文件,该文件主要目的是用于 控制模板中单元的显示内容和模板的排版。如图1所示是本专利技术具体实施方式中的网站构 成图。由此可以看出一个网站通过若干页面构成,在每一个页面中包括模板和数据,模板中 带有CSS信息,在本专利技术中,为了使模板中的单元可以动态调整,在模板中增加了 XML文件, 用于控制模板中单元的显示内容和模板的排版。当然,所述控制文件也可以是JSP文件、 ASP文件、ASPX文件、或者PHP文件等开发语言可以解析的文件,而不局限于XML文件。如图2所示是本专利技术具体实施方式中系统提供的可视化编辑模板图,其中LOGO、 广告一、新闻内容列表、版权就是分解后的单元,在每个单元右上角有编辑和删除两个选 项,供用户根据需要进行操作。例如,用户可以选择LOGO编辑,输入相应的标志,若不需要, 也可以选择删除,取消相应的单元。若用户需要增加一个单元内容,用户需要点击图2中的 “添加单元”按钮,这时系统会跳出图3本专利技术具体实施方式中用户增加单元选择图,用户需 要选择所添加的单元类型,这时系统又会跳到图2,用户通过选择模板中当前单元来确定新 增单元的位置(新增单元会出现在选择的单元上方),确定单元位置后系统会转到图4本发 明具体实施方式中用户在线配置单元参数图,用户对新增单元设定参数后保存,即添加成 功。当然,用户可以根据需要增加和减少单元,也可以通过拖拽的方式来改变单元的排版。如图3所示是本专利技术具体实施方式中用户增加单元选择图,新增加的单元可以是 文章列表、评论板块、分类板块、广告板块、关联板块、或者用户自定义HTML。如图4所示是本专利技术具体实施方式中用户在线配置单元参数图,当用户根据需要 配置好相应单元的参数并保存后,系统会将该单元配置参数信息记录在模板增加的控制文 件中,当显示该模板时,模板中的各单元会根据控制文件中记录的单元配置参数信息进行 相应的显示。所述控制文件可以是XML文件、JSP文件、ASP文件、ASPX文件、或者PHP文件 等开发语言可以解析的文件。在了解上述页面内容的配置方法后,结合图5对本专利技术具体实施方式中用户在线编辑页面的流程作进一步说明。首先进入在线编辑页面系统,当用户选择合适的页面模板后,根据实际情况编辑 该页面模板,具体的编辑方法结合上述图2、3、4,模板编辑内容主要包括增加单元、删除单 元、改变单元位置、修改单元内容、调整单元大小,当完成模板编辑后,保存操作,若用户需 要预览,则展示相应的编辑效果,然后结束编辑退出,若不需要预览,则直接退出。上述说明只是该专利技术的具体实施方式,其不对专利技术的实质内容构成限制,所属技 术领域的普通技术人员在阅读了说明书后可以对上述的具体实施方式作修改或变形,而不 背离专利技术的实质和范围。权利要求一种动态可调的模板,其特征在于,所述模板由至少一个单元组成,所述模板带有一个控制文件,用于控制所述模板中所述单元的显示内容和所述模板的排版。2.根据权利要求1所述的模板,其特征在于,所述单元是指一个单一的内容或者单一 内容的聚合。3.根据权利要求1所述的模板,其特征在于,所述控制文件是XML文件、JSP文件、ASP 文件、ASPX文件、或者PHP文件中的任意一种文件。4.根据权利要求1所述的模板,其特征在于,所述模板的排版主要包括增加单元、删 除单元、改变单元位置和调整单元大小。5.根据权利要求1至4任一所述的模板,其特征在于,所述模板通过浏览器编辑。6.使用权利要求1所述的模板的方法,其特征在于,该方法主要包括以下步骤a)编辑模板;b)保存操作。7.根据权利要求6所述的方法,其特征在于,所述编辑模板主要包括增加单元、删除 单元、改变单元位置、调整单元大小和修改单元内容。8.根据权利要求6所述的方法,其特征在于,所述保存操作采用控制文件记录所述模 板编辑后的配置参数信息。9.根据权利要求8所述的方法,其特征在于,所述控制文件是XML文件、JSP文件、ASP 文件、ASPX文件、或者PHP文件中的任意一种文件。10.根据权利要求6所述的方法,其特征在于,在所述保存操本文档来自技高网...

【技术保护点】
一种动态可调的模板,其特征在于,所述模板由至少一个单元组成,所述模板带有一个控制文件,用于控制所述模板中所述单元的显示内容和所述模板的排版。

【技术特征摘要】

【专利技术属性】
技术研发人员:邱峰冯翔徐超杨清
申请(专利权)人:上海灵慧软件技术有限公司
类型:发明
国别省市:31[中国|上海]

相关技术
    暂无相关专利
网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1