CMS系统中快速生成移动网站的方法与流程

文档序号:14990873发布日期:2018-07-20 22:11阅读:1475来源:国知局

本发明属于移动网站技术领域,具体涉及cms系统中快速生成移动网站的方法。针对不同的客户端设备进行个性化网站内容展示的网站建设方法。



背景技术:

cms系统是contentmanagementsystem的缩写,意为“内容管理系统”。内容管理从2000年开始成为一个重要的应用领域。随着信息技术的发展和国内移动互联网用户的数量越来越多,中国通过移动设备访问网站的人数已经超过了通过pc访问网站的人数。随着智能手机的越来越普及,人们通过手机来获取信息的需求越来越强烈。为了适应这种技术的进步,传统的pc网站也在寻求和尝试适配各种智能移动终端。

目前一般将pc网站适配智能移动终端的方法有三种:第一种是在现有的pc网站之外再建设一个适合智能移动浏览的移动版网站。使用不同的域名来访问移动版网站;第二种是将现有的pc版网站进行升级改版,使用响应式网站布局重新建设网站。使网站在pc和智能移动终端上都有很好的展示示内容。第三种是使用javascript适配的方法,给现有的pc网站页面上加入一段页面处理的javascript代码,页面如果在智能终端打开,则调用javascript代码对页面的布局和展示进行处理,以适配当前的移动设备。

目前的这几种网站移动化方法都有一定的不足之处:第一种单独建设移动网站,建设成本大且pc版和移动版使用不同的域名用户体验不好;第二种响应式网站需要对现有的pc网站进行改版和升级建设难度和成本较大,不同设备使用同一页面不利于页面针对不同设备进行优化;第三种使用javascript适配的方法使用比较简单但是因为是先把pc网站页面打开然后再通过javascript对页面重新进行排版展示,对客户端的资源消耗大,且排版后效果不佳。所以重新设计一种能够简单、快速且用户体验很好的网站移动化方法能让更多的pc网站快速且低成本的实现在移动端的良好适配的移动网站的方法非常有必要。



技术实现要素:

为克服上述现有技术的不足,本发明的目的是提供cms系统中快速生成移动网站的方法,可以使得用户很方便的为现有pc网站生成一个与之对应的移动版网站;移动版网站的资料来自于pc网站的资料,无需重复维护;也保证的移动版页面的用户体验;具有创建方法简单、无需重复维护和易于推广的特点。

为实现上述目的,本发明采用的技术方案是:cms系统中快速生成移动网站的方法,其特征在于,包含以下步骤:

一、对pc网站页面的分析:

1)pc网站页面分析:对pc网站页面进行布局和内容的分析,分析出页面中哪些元素是布局元素,哪些元素是内容元素;

2)pc网站页面内容区块识别:对步骤1)中识别出来的内容元素进行进一步的分析和识别,识别出内容区块的类型,包括标题列表、图片列表、页面logo、版权等。

二、移动网站页面生成:

3)移动网站页面生成:对步骤1)中分析出来的pc网站页面,利用事先做好的移动网站模板包生成对应的移动网站页面框架;

三、移动网站页面和pc网站页面内容匹配:

4)内容区块匹配:对步骤1),步骤2)中识别出来的页面内容区块找出匹配的移动版内容区块;

5)内容区块填充:将步骤4)中匹配出来的移动内容区块按规则填充到3)生成的移动网站页面框架中;

四、移动网站页面内容资料设置:

6)设置内容资料:为步骤5)中生成的页面中的内容区块匹配对应pc网站页面上的资料来源;

五、重复以上步骤直至所有pc网站页面都生成对应的移动网站页面,整个pc网站的移动化完成。

本发明的有益效果是:

1)对于用户来说,本发明的方法中移动网站的快速生成是基于已有的pc网站来生成相应的移动网站。只要用户有pc网站,通过上述方法就可以快速生成一个与pc网站相同的移动网站,操作方便快捷。满足了cms系统大量网站移动化的建设需求。

与之前创建一个移动版网站需要3天时间相比,现在只需要1分钟以内就可以创建一个移动网站。

2)生成的移动版网站样式可以定制,为用户提供样式丰富的移动版网站。

3)用户还可以对生成后的移动版网站进行调整和修改以更好的满足用户的需求。

4)实现内容一次发布,pc、手机、平板多设备内容同步更新,大大提升管理效率和用户体验,降低了内容管理的难度。

5)使用智能手机、pad、电脑访问网站群,借助“多屏展示”技术,网站群系统会自动识别用户访问设备,并为用户提供最佳的适配界面,使用户享受到流畅的浏览体验。

附图说明

图1为本发明的流程图一。

图2为本发明的流程图二。

具体实施方式

下面结合附图和具体实施例对本发明作进一步详细说明。

参见图1、2,cms系统中快速生成移动网站的方法,包括以下步骤:第一步:将pc网站页面分析后处理成html元素和内容区块。内容区块包括动态更新的内容区块如:图片翻页列表、标题列表、文章内容等和固定内容区块如:logo、版权等;内容区块中动态更新的内容区块就是移动版网站生成中要生成对应移动版的区块;

第二步:将第一步中分析出来的内容区块进行识别,根据内容区块的格式,内容,是否循环出现等一些特征来识别出内容区块的类型。比如:标题列表,图片列表,文章正文等。并将区块和区块的类型信息保存;

第三步:对于移动网站页面的生成,我们可以利用事先制作好移动网站模板包来实现,解压移动网站模板包,利用移动模板包中的模板生成一个和pc网站页面相匹配的移动网站页面。生成的移动网站页面包含html元素和固定内容区块;

第四步:将pc网站页面中的动态内容区块和移动网站模板包中的移动内容区块进行匹配,找出之pc网站页面内容区块对应的移动内容区块;

第五步:将第四步匹配出来的移动内容区块填充到第三步生成的移动网站页面中;

第六步:为之前过程中生成的移动网站页面的内容区块设置和pc网站页面中对应内容区块相同的内容资料;

将以上六步重复执行就可以把pc网站的所有页面都生成对应的移动网站页面。

其中,第三步的移动版网站模板包,可提供给客户多套不同样式的网站模板包供客户选择,为客户提供多样化的移动网站。

其次创建好的移动版网站,根据多屏适配技术可将移动网站适配到不同的手机屏中,用户的浏览效果更佳。

所述的移动网站的模板包可预先提供给客户,客户也可以自行创建。



技术特征:

技术总结
CMS系统中快速生成移动网站的方法,包括以下步骤:PC网站页面分析,分析出PC网站页面的布局和内容区块;内容区块识别:识别分析出来的内容区块的类型;移动网站页面生成:生成PC网站页面对应的移动网站页面框架;内容区块匹配:为分析出来的内容区块匹配移动网站的内容区块;内容区块填充:将匹配出来的移动网站的内容区块填充到生成的移动页面框架中;设置内容资料:为生成的移动网站页面中的内容区块设置对应PC网站页面上的内容资料;通过以上步骤快速生成一个PC网站生成对应的移动网站页面。

技术研发人员:李传咏;赵莉;卢颖;陈宁;刘美哲
受保护的技术使用者:西安博达软件股份有限公司
技术研发日:2018.02.09
技术公布日:2018.07.20
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1