http://www.365ucd.com/wp-content/uploads/2011/11/peitu.jpg新玩法——网站可视化后台探讨》" />

  话说可视化的网站后台管理系统（这里的可视化并不是一般后台编辑器的可视化概念）的想法其实源于一顿晚饭，先前做过一个项目，一个综合性的行业门户网站。 网站的内容整体结构并不复杂（其实再复杂的资讯门户类网站从整体内容上来划分的话无非就是那么几块。）主要分为二个方面：资讯、底层数据，但是网站有很多 不同的频道，并且每个频道都需要编辑做推荐和编辑的工作，自动提取的模块相对较少。

   在改版前就有很多编辑同事和我反应老版本的后台操作不够人性化并且操作的效率比较低，最主要的就是频道的推荐和编辑功能。因为涉及到编辑操作的频道太多， 而且每个频道编辑操作的位置也很多，通过传统的树状加下拉选取编辑位置的方式实在是很耽误时间，并且在操作过程中不能及时的预览自己操作的结果，经常有编 辑同事因为工作疏漏导致编辑错误而被领导罚款的事情发生。

    一天晚上和技术的同事吃饭就谈到这个问题，技术的同事也无奈的摇摇头说：“没办法啊，内容越来越多，频道越来越多，我们只能那样去设计 啊。”几杯酒下了肚，大脑在酒精的刺激之下变得异常之活跃，于是向技术人员侃起了大山：“网站的底层数据确实需要最原始的添加方式，这个无法改变。但是对 于频道的推荐工作是不是可以更加智能化一点呢？为什么后台的频道推荐设计就一定要那么单一的使用树状加下拉的方式呢？”就在这个时候我有了自己的一路，但 是为了证实它的可行性我便向技术同事说出了我的想法：

   我：“我们能不能把要编辑操作的频道在后台显示和前台一摸一样？”

   技术：“可。”

   我：“那我们能不能增加这样的一个功能，例如我想编辑某频道一条置顶的新闻，在用户那边点击这条新闻的标题我们链接到的是该新闻的详细页面，但是在后台我 们不然，我们给它弹出个框子，从框子里面让编辑选择内容的来源，比方说是资讯还是视频或者其他，选择相应的推荐源以后在弹出框对应的推荐标题和链接地址上 自动对应内容，当然此处若是想修改标题亦可以自定义操作（例如频道页面单独的搜索关键字之类的编辑推荐操作），随后我们根据频道的这个编辑位置的特殊让编 辑同事继续添加上对应的推荐附加内容，比方说配图，摘要，推荐理由 

  技术：“理论上这样的错做是可以的，难点就在于：推荐位置和推荐参数需要对应起来才能进行程序判断，也就是在推荐操作的时候如何知道推荐编辑的位置需要什么参数。”

 http://www.365ucd.com/wp-content/uploads/2011/11/1.png新玩法——网站可视化后台探讨》" />

  （增加推荐位置库）

  因为在这项目开发的时候我也深入了技术层面的讨论，并且技术开发人员的在每次数据建模和逻辑关系处理上我都有参与，所以借着微微的酒劲我又发表了自己的想 法：“关于对应这点上我们可以先建立一个推荐位置数据库，因为推荐的位置以及每个推荐操作所需的内容都是可以罗列出来的，也就那么几个。这样一来我们在进 行推荐的程序开发过程中就可以进行对应了。”

http://www.365ucd.com/wp-content/uploads/2011/11/21.jpg新玩法——网站可视化后台探讨》" />

  （推荐操作）

  技术：“貌似可以，明天试验。”

  可喜的是第二天我们的设想就得以实现，并顺利的投入到了使用当中，另外我们还增加了一项功能—预览功能，编辑同事在进行一次编辑操作的完成的时候点击预览 按钮即可进行核对，确认无误点击更新即可更新频道的内容，在日后的使用中这项功能得到了编辑的同事很多的好评，平时一个频道开发出来还需要对编辑同事进行 培训一一介绍后台的操作要点，但是这样进行可视化的改版后在编辑培训上节省了大量的时间，我们只需要提供对应的图片大小以及标记哪些地方需要推荐就可以 了。并且制定了通用的操作手册，便于新人的培训和自我学习。

  后台我们把这样的操作加以改进增加到网站的用户后台（付费用户，类似租售宝这样的系统），让用户在维护自己的商铺的的时候更加的直观和充满乐趣。

  总结来说可视化的后台操作并不是什么新颖的技术，通过程序的判断加上弹出框的操作，在技术的开发层面上已经很成熟，当然这个项目的经历给我的提 示就是在固化的开发思维上其实有很大的变通空间，笔者才学疏浅文笔也不是太好，在这里记录曾经的项目经历希望和大家一起做个探讨，不要吝啬你的评论哦！

作者：alex

来源：365ucd.com （期待你的加入）