可视化专题系统设计

一、设计开发理由:
目前新闻网站系统有很多开源的cms系统,这些cms系统都提供新闻内容的采编、管理及发布,在发布环节上,主要是采用模板的方式,你必须要懂得开发商提供的模板系统的语法,然后象一个程序员写代码那样去手写模板,系统根据写好的这些模板生成相应的页面,这种模式弊端是显而易见的:
(1)你要学习模板系统的语法;
(2)非所见即所得,就算采用了可视化编辑器,编辑的页面与最终的页面效果上还是有很大的差别,不利于调整

网站经常需要做专题,公司就两个美工,如果专题都让美工去做,那美工的其他设计工作都没时间做了,必须有一套适合于网络采编人员使用的专题设计系统。网络采编人员对html,css有基础的了解,只要设计出来的专题系统不需要网编人员去手写代码,那么我相信这个专题系统就是成功的系统了。

去年为公司设计了一套可视化的专题系统,现在大部分的专题系统都由网编自行完成,不需要美工来做了,美工人员基本上从专题设计上解脱出来了,但是这系统在操作上还是不够简化,页面中模块的编辑管理不是很理想,页面在处理flash,js内容时,还是没办法做到所见即所得。即便如此这套系统还是为下一步的改版做了很好的尝试工作。

在看了Discuz! X的页面DIY功能后及结合网上搜到的腾讯公司的《qq-可视化专题产品培训V20100429》,我认为有必要对现有的可视化专题设计系统进行升级,升级后的系统使用上将更为便利,真正可视化,同时不仅为专题设计服务,也可以生成网站的首页、频道页及列表页,即这系统要成为网站内容展示的组织者、编织者,我称它为“Weaver”系统。

二、架构

(1)新闻系统向Weaver系统提供内容,由Weaver系统对内容进行组织,利用模板或由网编利用页面DIY系统生成新闻内容页、专题页、频道页、栏目列表页甚至首页;
(2)Weaver系统由页面DIY系统、模板系统、计划任务、编译器四个部分组成,其中DIY系统是我们要设计的最主要系统。模板系统负责提供文章内容模板、专题模板、专题分类模板、栏目模板等。计划任务子系统则是系统定时调用编绎器,执行Weaver系统交给的页面生成服务,定时生成页面。而编绎器负责按DIY系统DIY好的页面规则生成页面;
(3)每一个新闻栏目(首页或频道也算是一个栏目)和专题都可以调用事先准备好的模板,也可以由网编利用DIY系统DIY出个性化的页面;
(4)一个页面主要由页面标题、关键字、描述、皮肤样式、导航、自定义的CSS、页面主体内容及页脚JS这几个部分组成,DIY系统最主要是要解决如何提供一个系统让用户可以可视化DIY出页面主体内容;
(5)具体思路是这样设想:

A. 页面宽度限为960像素,可以由多个版(通栏)组成,每个版可以有一至三列,系统提供14种左右规格的版式:

B.一个页面由多个版组成,版与版之间可以通过拖动来调整前后顺序,系统不支持版之间的嵌套;
C.一个版内有一至三个列,列里可以放多个模块,系统提供接口,方便新的模块加入系统,这些模块主要有图文模块、多图模块、文本列表模块、头条模块、评论模块等;
D.在DIY系统时,可以将想要的模块拖到要放置的版列中,每个模块都有一些参数,允许用户对模块的进行个性化设定;
E.模块生成完毕后,用户如要调整模块显示的位置,也可以对模块进行拖动,从这个列拖到另一个列,也可以从这个版拖到另一个版;
F.为允许用户对页面样式有较大控制权,系统提供页面CSS的定义输入框,用户可以在那边对页面样式,对各个版或各个模块的样式进行个性化定义;
G.DIY完毕后,系统提供预览功能,可以查看实际显示效果,事实上,DIY时的页面基本上就是实际显示的效果;
H.页面提供草稿和发布两种状态,如果选定发布状态后保存,则页面就直接发布出去,按指定的生成目录与文件名生成静态网页,如果只是草稿,则不会生成网页;
(6)页面在DIY完后,如果需要更新有两种方法,一种是你当时在页面更新设定模块可以自动更新,则这个页面在定时自动生成时,会自动更新这个模块里的内容,如果这个模块不能自动更新,则需要在原来DIY的基础上自行修改相应模块内容。


相关评论

VeryIDE2011年09月06日 23:31 / 评论

http://demo.veryide.com/bee/ 这里我开发的一个系统,里面就有涉及到专题,欢迎多多交流。 相关帖子:http://bbs.blueidea.com/viewthread.php?tid=2988587 QQ:329118098