前后端联调

           今天，在公司做了一个功能模块，就是前后端都写，并实现联调，首先，后端使用的是SpringMVC+Spring+MyBatis框架，下面是我写的简单的保存

	@ResponseBody
	@RequestMapping(value="addGuestbookHyt")
	public Msg addGuestbookHyt(GuestbookHyt guestbook)
	{
		if (StringUtils.isEmpty(guestbook.getName())) {
			guestbook.setDelFlag("2");
		}
		guestbookService.save(guestbook);
		return Msg.success();
	}
	

　　前端（layui+jquery+css+html）实现的代码，

     

<script id="detail_tpl" type="text/html">
{{#  layui.each(d.result, function(index, item){ }}

<div class="xq-zw">
    <h1 style="text-align:center">{{item.title}}</h1>
</div>
<div class="zq-content">
    {{item.content}}
</div>
{{#  }); }}
</script>
<script type="text/javascript">
(function() {
	var id = common.getRequestParam("id");
	ajax.request({
   		url: config.sever.path+"rest/hytcms/article/findArticle",
   		data:{"id":id},
   		success: function(result) {
   			if(result.data.contentList){
   				console.log(result.data.contentList);
   				layui.laytpl($("#detail_tpl").html()).render({result: result.data.contentList}, function(html) {
					$("#detail").html(html);
				});
   			}
   		}
   	});
})();

　

 

转载于:https://www.cnblogs.com/ztyc/p/10193340.html