Extjs+SpringMVC原型—内容发布

在上篇文章所描述的基础功能，本章采用MVC实现一个轻量的内容发布。

基本原理

文章发布的三要素如下图所示：

• 栏目——也称网站频道可以视为一个树状的网站内容逐层分类。一个栏目下包含很多文章，通常一个栏目下的文章采用相同的模版发布，以保持相同的展示形式和风格。
• 文章——包括：题名、内容、作者等元数据的结构化内容。文章可以发布到一个或者多个栏目下。一篇文章绑定一个模版之后会形成一个唯一的URL。如果一篇文章绑定了多个模版，应当会形成多个URL。

• 模版——负责内容的展示形式，绑定文章（本例中为数据库表Article中的一条记录），render出最终的页面效果。

  
  
  

  内容发布三要素

Model：数据库表及对应的Entity

1. article表用于文章；
2. tag表用于文章分类标签；
3. attach表用于上传图片或者附件；

View：管理界面提供结构化数据维护，模版实现内容展示

网站栏目的管理

• 栏目信息非常适合用json树描述，用json的好处是维护方便，而且可以直接提供给后台界面用于发布栏目的多选。

• 用户选择发布的栏目之后，直接以简单的格式分隔存到一个文本字段即完成了文章发布，用户体验是不是够简单？

• 当然如果业务要求对发布内容进行审查，默认的状态可以是预览，后期也可通过置顶设置调整文章在频道首页的位置。

• 同时json定义也供后台java逻辑解析，以获得指定栏目对应的模版。

  
  
  

  网站栏目

• 如果在该json中通过tpl指定了栏目模版，发布到该栏目的文章将使用指定模版，否则使用默认模版。

网站栏目json可指定栏目模版

模版

模版采用JSP EL或JSTL，只负责将传入的model在页面中进行展示，不含其他逻辑。
此处也曾犹豫是否引入模版组件，最终SpringSide作者的见解影响了我，模版引擎怎么说相对jsp来说也是小众，
JSP完全胜任模版引擎任务，如果不考虑前端工程师的偏好，没必要再引入其他模版引擎，增加程序员的麻烦和系统复杂度。
以下为模版中显示文章相关图片的代码片段：

    
        
            

              ![](/fopen?fp=${ro.path})
              
${ro.title}
            
   
            


            
${ro.content}
        
    

Controller：三个java类

1. CMSController用于将发布生成的url 映射为模版＋数据；
2. SecNode.java用于加载json节点到后端；
3. CMSService.java封装具体的实现逻辑。

CMSController.java

采用SpringMVC的映射注解可以轻松将上述URL匹配到负责绑定模版和数据的处理逻辑。

    @RequestMapping(value = PATH_ARTICLE + "{id_tpl}", method = RequestMethod.GET)
    public String showDetailByTpl(@PathVariable("id_tpl") String id_tpl, Model model) {
        try {
            String[] prs = id_tpl.split("_");
            long id = Long.parseLong(prs[0]);
            Article obj = cmsService.getArticle(id);
            // TODO 检查status 状态, 只允许管理员预览
            model.addAttribute("obj", obj);
            String tpl;
            if (prs.length == 1) {
                tpl = TPL_DEFAULT;
            } else {
                tpl = prs[1];
            }
            // 根据频道绑定多个文章模版
            return "tpl" + PATH_ARTICLE + tpl;
        } catch (Exception e) {
            e.printStackTrace();
            return "error/404";
        }
    }

CMSService.java + SecNode.java 实现预览

java中解析json文件，获得指定栏目的文章模版。
基本思路如下：

1. 定义与json节点对应的java类SecNode
2. 利用ObjectMapper读取json文件并解析为SecNode[]
3. 遍历SecNode[]，建立栏目全路径名称对应的模版文件名，
   例如：用户中心#办理流程－> 1.jsp ; 政策法规－>default.jsp
4. 前台Ajax请求主键值1的文章，发布对应的URL
5. 后台根据主键值从数据库提取Article对象，得到其发布栏目为：政策法规;用户中心#办理流程 两个栏目
6. 根据栏目获得对应的模版，如果栏目在json节点通过tpl定义了模版，则采用指定模版，否则沿用父节点模版。
7. 根据模版和文章id 按URL定义规则拼接出URL数组，返回前端
8. 前端拿到URL数组之后，采用tab窗口打开对应的两个页面预览。

内容管理界面

支持点击修改附件名

内容管理界面

发布结果

由于模版也符合decorators.xml 定义的layout规则，所以最终呈现的详细页包含了网站的header和footer。

发布结果（局部截图）