记一次CMS系统设计的过程

一、背景

      刚进公司第三天，老大给了个需求，给我们公司设计一个官网后台管理系统，给出的资料只有几个参照官网如苹果公司大陆官网。巧的是我们总公司下的一个子公司官网也有一部分需要修缮的地方（子公司官网之前是别的公司做的，不可能拿到源码的）。

二、官网参照资料

 

 

 

        1、业务给的资料

                1.1logo 展现在官网左上角

                1.2 主功能栏 包含上图的功能资产理财 

                        1.2.1 产品架构 （点击时展示架构图）

                        1.2.2 安全服务 （点击时展示说明 可以理解成文本）

                1.3 副功能栏 包含上图博客 帮助中心

                1.4 通知栏 （文本加链接）如上图的 淡黄色背景部分

                1.5 联系我们

                1.6 底部导航

                1.7 公司信息

                1.8 友情链接

三、后台设计

      1、表设计  

               根据给出的资料分析，logo存储的就是图片，从1.4到1.8 也很类似就是图片加文字，所以出来一张表。

                主功能，和帮助功能有明显的的层级结构，并且不知道具体多少层级，表结构就可以设计成树形结构的。

---------------------------------------------------------------------------------------------------------------------------------

看到这么多功能基本两张表就搞定了，但接下来，老大突发奇想，说公司下另外一个官网跟我们基本一致，不要只想着完成这一个功能，要通用，比如我们再需要类似系统的时候，直接拿你这个就行了，不用重复写了，我。。。。

四、cms系统设计

     1、共性抽取

          搜索其他成熟cms网站官网的设计，基本包含哪些功能，都有哪些组件，针对这些组件做组合，不再单纯的盯着某一个模块实现功能。通过大约20个网站的比对，发现大多数还是有共性的，

比如 首页模块，先是轮播图，然后再是小模块，每个小模块 ，要么单纯文本，单纯图片，或者图文都有。了解我们模块 通常是文本加图片形式。友情链接 是几张图片而已。

 2、再次抽象表

    新建一张网站表来维护所有要创建首页的网站。

    把原来的树形结构表 改成模块表，模块表和网站关联。

    把“组件”单独独立出来，只存放图片，文字，或者富文本信息和模块关联。

 3、产品操作

        3.1创建一个新的网站平台 直接在网站表插入一条数据

        3.2 维护此官网的首页 在模块表插一条数据 并关联网站id

                3.2.1 维护首页下 子模块 在以首页模块id为父id的前提下创建模块

                  3.2.1.1 新增图片或文字 或富文本 并关联子模块id

        3.3 其他类似