淘淘商城16_后台内容管理系统03_内容管理
1. 前台页面 content-add.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<link href="/js/kindeditor-4.1.10/themes/default/default.css" type="text/css" rel="stylesheet">
<script type="text/javascript" charset="utf-8" src="/js/kindeditor-4.1.10/kindeditor-all-min.js"></script>
<script type="text/javascript" charset="utf-8" src="/js/kindeditor-4.1.10/lang/zh_CN.js"></script>
<div style="padding:10px 10px 10px 10px">
<form id="contentAddForm" class="itemForm" method="post">
<input type="hidden" name="categoryId"/>
<table cellpadding="5">
<tr>
<td>内容标题:</td>
<td><input class="easyui-textbox" type="text" name="title" data-options="required:true" style="width: 280px;"></input></td>
</tr>
<tr>
<td>内容子标题:</td>
<td><input class="easyui-textbox" type="text" name="subTitle" style="width: 280px;"></input></td>
</tr>
<tr>
<td>内容描述:</td>
<td><input class="easyui-textbox" name="titleDesc" data-options="multiline:true,validType:'length[0,150]'" style="height:60px;width: 280px;"></input>
</td>
</tr>
<tr>
<td>URL:</td>
<td><input class="easyui-textbox" type="text" name="url" style="width: 280px;"></input></td>
</tr>
<tr>
<td>图片:</td>
<td>
<input type="hidden" name="pic" />
<a href="javascript:void(0)" class="easyui-linkbutton onePicUpload">图片上传</a>
</td>
</tr>
<tr>
<td>图片2:</td>
<td>
<input type="hidden" name="pic2" />
<a href="javascript:void(0)" class="easyui-linkbutton onePicUpload">图片上传</a>
</td>
</tr>
<tr>
<td>内容:</td>
<td>
<textarea style="width:800px;height:300px;visibility:hidden;" name="content"></textarea>
</td>
</tr>
</table>
</form>
<div style="padding:5px">
<a href="javascript:void(0)" class="easyui-linkbutton" onclick="contentAddPage.submitForm()">提交</a>
<a href="javascript:void(0)" class="easyui-linkbutton" onclick="contentAddPage.clearForm()">重置</a>
</div>
</div>
<script type="text/javascript">
var contentAddEditor ;
$(function(){
contentAddEditor = TT.createEditor("#contentAddForm [name=content]");
TT.initOnePicUpload();
$("#contentAddForm [name=categoryId]").val($("#contentCategoryTree").tree("getSelected").id);
});
var contentAddPage = {
submitForm : function (){
if(!$('#contentAddForm').form('validate')){
$.messager.alert('提示','表单还未填写完成!');
return ;
}
contentAddEditor.sync();
$.post("/content/save",$("#contentAddForm").serialize(), function(data){
if(data.status == 200){
$.messager.alert('提示','新增内容成功!');
$("#contentList").datagrid("reload");
TT.closeCurrentWindow();
}
});
},
clearForm : function(){
$('#contentAddForm').form('reset');
contentAddEditor.html('');
}
};
</script>
2. service
package com.taotao.service;
import com.taotao.pojo.TbContent;
import com.taotao.utils.TaotaoResult;
public interface ContentService {
//后台内容的添加,从前台页面可以看出返回的是TaotaoResult
public TaotaoResult saveContent(TbContent tbContent);
}
3. serviceImpl
package com.taotao.service;
import java.util.Date;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;
import com.taotao.mapper.ContentMapper;
import com.taotao.pojo.TbContent;
import com.taotao.utils.TaotaoResult;
@Service
public class ContentServiceImpl implements ContentService {
@Autowired
private ContentMapper contentMapper;
/**
* 后台内容的添加
*/
@Override
public TaotaoResult saveContent(TbContent tbContent) {
//将前台页面没有展示的数据补全
tbContent.setCreated(new Date());
tbContent.setUpdated(new Date());
contentMapper.saveContent(tbContent);
return TaotaoResult.ok();
}
}
4. controller
package com.taotao.controller;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;
import com.taotao.pojo.TbContent;
import com.taotao.service.ContentService;
import com.taotao.utils.TaotaoResult;
@Controller
public class ContentController {
@Autowired
private ContentService contentService;
/**
* 添加后台内容信息
* @param tbContent
* 参数信息TbContent是因为实体类跟页面保持一致
* @return
*/
@RequestMapping("/content/save")
@ResponseBody
public TaotaoResult saveContent(TbContent tbContent){
return contentService.saveContent(tbContent);
}
}
5.dubbo服务发布
applicationContext-service.xml
springmvc.xml
6. 测试效果
由于没有做查询,所以展示效果只能从数据库看了