基于ssm框架的个人博客系统（11）--后台开发及前后端数据交互

前面做了一个前台页面，个人感觉不会太丑（图都自己简单PS的），现在的话，我们就来测试一下前台准备的数据，这里有个值得一提的是，我们的博客类别，在系统中运用的算是比较多的，这样的话，每次使用都直接查询数据库会对数据库造成一定的压力（其实，我这个系统搞完了，尽管上线了，估计也没什么访问量，别说并发啊，数据库资源吃紧啊，这些不好的事情都和我的系统没什么关系，但是该做的还是得做凡事总有万一），在面对访问量、并发量过大的数据，架构师第一想到的解决方案就是缓存，这是很好的解决方案。现在缓存的话，我们就得考虑，在哪做缓存？缓存什么内容？使用什么做缓存？

（切记，我不是单纯将这个系统的需求，这个系统哪要什么缓存，就算要，也就放在application域里面就够了）

懂application生命周期的别朋友可能会问了：那不是服务器宕机、重启就丢数据了吗？对于这个问题，在我们这个系统就不是问题，因为我们缓存的是blogtype，这种数据在application中丢了，有关系吗？那就重新向数据库要咯，总不能你几毫秒重启一次服务器吧！

现在便于测试，我就先不整这个东西了，我们先来检查前台给我们准备的数据。

准备的数据如下：

可以了，和我们想要的东西都是一致的，（blogTypeid我说了，我强行给了一个1，用做测试）

要把数据放在application中，我们就得知道什么时候服务器启动，这时候监听器就派上大用场了，我们使用的是ServletContextListener，具体前看代码

package com.lailai.common.utils;import java.util.List;import javax.servlet.ServletContext;
import javax.servlet.ServletContextEvent;
import javax.servlet.ServletContextListener;import org.springframework.context.ApplicationContext;
import org.springframework.web.context.ContextLoader;import com.lailai.entity.TBlogtype;
import com.lailai.service.BlogTypeService;/*** Application Lifecycle Listener implementation class typeIdListener**/
public class typeIdListener implements ServletContextListener {public typeIdListener() {}public void contextDestroyed(ServletContextEvent arg0) {}public void contextInitialized(ServletContextEvent sce) {//就是被监听的对象---ServletContextServletContext servletContext = sce.getServletContext();		//下面这个是在spring容器中拿到BlogTypeService这个bean的引用,因为我们要在项目启动时查询blogType ApplicationContext applicationContext = ContextLoader.getCurrentWebApplicationContext();BlogTypeService blogTypeService = applicationContext.getBean(BlogTypeService.class);//调用Server查询，之前没写，所以自行添加List<TBlogtype> typeList = blogTypeService.selectBlogTypeList();//blogTypeService中放数据，页面使用el表达式取数据servletContext.setAttribute("typeList", typeList);}
}

Service层和Dao层就是之前的分页查询BlogType函数的缩减版，就是不分页。（避免冗余，我就不贴了）

上一篇文章写的editBlog.jsp中写的页面是通过el表达式读取的（在这不说太多el表达式，就说一点：el表达式域的范围从小到大读取，在pageContext、request、session这些域中都没找到，所以使用的是application域。）

注释掉之前测试用的//blogTypeId="1";重新查看页面是否返回了blogtype。

获取blogType测试成功，现在来处理后台了

今天写这块的时候真的是mmp啊！遇到了一大堆的问题，有个问题至今留着，我也不想搞了，思路清晰，就是烦了很久，没出来（就是修改博客时不能够回显博客类型，其他的问题都已经解决了，真的是醉了）

废话不多说，直接说我遇到的一些问题

1）还是ajax返回的数据在外面不能使用的问题，这个之前提到，就是使用同步就能解决，但是今天就是手贱，定义的时候多了个var

导致在外面一直拿不到值（jsp页面出错不好找啊），搞了半天，才发现加了var。

2）写博客，我们之前是使用UE，这个工具啊！我也是第一次用，我对一些api不够熟悉，导致我走了不少弯路，讲个最让我痛心得就是，我是使用easyui弹出的窗口作为编辑的平台，但是出现一个问题就是没怎么将UE中的内容赋值啊，这个东西，我待会在代码中会体现，就不贴上了。大致就是先实例化UE，然后再赋值。（这还不是最痛心的，最烦的就是一些js的值的范围，我还不能分的很清，导致一些我认为能够传参的变量，根本不能获取值（后面要专门搞一搞这方面），然后ajax的方式又一堆，前后台的数据传输变量基本上都是根据实体的属性名的，错了字母，报错还超级差，烦死了）

算了，不bb了，现在贴上代码：

showBlogAllInfo.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>博客管理</title>
<%@include file="../common/head.jspf"%>
<script type="text/javascript" charset="utf-8"src="${pageContext.request.contextPath }/js/UEditor/ueditor.config.js"></script>
<script type="text/javascript" charset="utf-8"src="${pageContext.request.contextPath }/js/UEditor/ueditor.all.min.js"></script>
<script type="text/javascript" charset="utf-8"src="${pageContext.request.contextPath }/js/UEditor/lang/zh-cn/zh-cn.js"></script><script type="text/javascript">
$(function() {//datagrid初始化$('#dg').datagrid({//请求数据的urlurl : '${pageContext.request.contextPath}/admin/Selectmh',//载入提示信息loadMsg : 'loading...',//水平自动展开，如果设置此属性，则不会有水平滚动条，演示冻结列时，该参数不要设置fitColumns : true,//数据多的时候不换行nowrap : true,//设置分页pagination : true,//设置每页显示的记录数，默认是10个pageSize : 5,//每页显示记录数pageList : [ 2, 5, 10, 15, 20 ],//指定id为标识字段，在删除，更新的时候有用，如果配置此字段，在翻页时，换页不会影响选中的项idField : 'id',//上方工具条 添加 修改 删除 刷新按钮  '-'是分割符toolbar : [{  text: '标题：<input type="text" id="s_title"/>'  },'-',{iconCls : 'icon-search',text : '查询',handler : function() {str = $("#s_title").val();$('#dg').datagrid({ url: '${pageContext.request.contextPath}/admin/Selectmh'});$("#dg").datagrid("load",{str:str}); }} ,'-',{iconCls : 'icon-edit',text : '编辑',handler : function() {//获取选中的行var selectedRows = $("#dg").datagrid("getSelections");//多行选择提示if (selectedRows.length != 1) {$.messager.alert("系统提示", "请选择一个要博客类别进行修改");return;}//获取选中的idvar row = selectedRows[0];id=row.id$('#win').window('open'); // open a window //$("#fm").form("load", row);//会自动识别name属性，将row中对应的数据，填充到form表单对应的name属性中/* 				$.post("${pageContext.request.contextPath}/admin/getBlog",{"id": row.id}, function(result){//核心啊，UE回显啊 // 实例化编辑器$("#title").attr("value",result.title);$("#keyWord").attr("value",result.keyword); } );  */$.ajax({type : "POST",url : "${pageContext.request.contextPath}/admin/getBlog",data : {"id" : row.id},async : false, //核心啊 ，因为这个我调了很久，必选是同步，才能使用ajax中的变量success : function(result) {content=result.content;//绝对不能加var$("#title").attr("value",result.title);$("#keyWord").attr("value",result.keyword); }});//alert(content);var ue = UE.getEditor('editor');///异步回调ue.ready(function() {ue.execCommand('inserthtml', content);});  //回显下拉框先不做,也还不会 不会做}} ,'-',{iconCls : 'icon-edit',text : '删除',handler : function() {//获取选中要删除的行var selectedRows = $("#dg").datagrid("getSelections");//判断是否有选择的行if(selectedRows.length == 0) {$.messager.alert("系统提示", "请选择要删除的数据");return;}//定义选中 选中id数组var idsStr = [];//循环遍历将选中行的id push进入数组for(var i = 0; i < selectedRows.length; i++) {idsStr.push(selectedRows[i].id);}//将数组安装,连接成字符串var ids = idsStr.join(","); //1,2,3,4//提示是否确认删除$.messager.confirm("系统提示", "<font color=red>您确定要删除选中的"+selectedRows.length+"条数据么？</font>", function(r) {if(r) {$.post("${pageContext.request.contextPath}/admin/deleteBlog",{"ids": ids}, function(result){if(result.status==400) {$.messager.alert("系统提示", '该类别下有博客，不能删除!');} else if(result.status==200) {$.messager.alert("系统提示", "数据删除成功！");$("#dg").datagrid("reload");} else {$.messager.alert("系统提示", "数据删除失败！");}});}});}}, '-', {iconCls : 'icon-reload',text : '刷新',handler : function() {$("#dg").datagrid("reload");}} ],//同列属性，但是这些列将会冻结在左侧frozenColumns : [ [ {field : 'checkbox',checkbox : true},{field : 'id',title : '编号',width : 80} ] ],columns : [ [ {field : 'title',title : '标题',width : 150}, {field : 'keyword',title : '关键字',width : 150},{field : 'summary',title : '简介',width : 400},{field : 'releasedate',title : '发表日期',width : 120,formatter:function(value){var date = value;if(date==null){return "";}else{var showtime = new Date(date);return showtime.getFullYear()+"-"+(showtime.getMonth()+1)+"-"+showtime.getDate()+"  "+showtime.getHours()+":"+showtime.getMinutes()+":"+showtime.getSeconds();}}}, {field : 'typeId',title : '博客类别',width : 50,formatter:function(value){var typeId = value;$.ajax({type : "POST",url : "${pageContext.request.contextPath}/admin/selectBlogType",data : {"typeId" : typeId},async : false, //核心啊 ，因为这个我调了很久，必选是同步，才能使用ajax中的变量success : function(result) {if (result.status == 200) {str = result.data.typename;}}});if (str == null || str == "") {return value;}else{return str;}}},{field : 'clickhit',title : '评论次数',width : 50},{field : 'replyhit',title : '回复次数',width : 50}] ],});
});</script>
</head>
<body><table id="dg"></table><!--  编辑博客的窗口--><div id="win" class="easyui-window" title="编辑博客" closed=truestyle="width: 1500px; height: 700px"data-options="iconCls:'icon-save',modal:true"><form id="fm" method="post"><table cellspacing="20px"><tr><td colspan="2"><div><div style="width: 500px; float: left">标题:         <inputtype="text" id="title" name="title" style="width: 200px" /></div><div>类别:         <selectid="blogTypeId" class="easyui-combobox" name="blogType.id"style="width: 160px" editable="false" panelHeight="auto"><option value="">--请选择博客类别--</option><c:forEach items="${typeList}" var="type"><option value="${type.id}">${type.typename }</option></c:forEach></select></div></div></td></tr><tr><td width="60px">关键字:</td><td><input type="text" id="keyWord" name="keyword"style="width: 400px" />    多个关键字的话,用空格隔开</td></tr><tr><td valign="top" style="width: 50px;">内容：</td><td><script id="editor" name="content" type="text/plain"style="width:95%; height:450px;"></script></td></tr><tr><td colspan="2" align="center"><a href="javascript:check()"class="easyui-linkbutton" data-options="iconCls:'icon-submit'">发布博客</a></td></tr></table><!-- 实例化编辑器 --></form></div><script type="text/javascript">var ue = UE.getEditor('editor');</script><script type="text/javascript">function check() {//获取标题var title=  $("#title").val();//获取类别idvar blogTypeId = $("#blogTypeId").combobox("getValue");//获取关键词var keyWord = $("#keyWord").val();//获取内容 带标签var content = UE.getEditor('editor').getContent();//截取正文（无标签）前200字符 作为博客简介var summary = UE.getEditor('editor').getContentTxt().substr(0, 200);//获取内容 （无标签）var contentNoLabel = UE.getEditor('editor').getContentTxt();//校验if (title == null || title == '') {$.messager.alert("系统提示", "请输入标题！");} else if (blogTypeId == null || blogTypeId == '') {$.messager.alert("系统提示", "请选择博客类型！");} else if (content == null || content == '') {$.messager.alert("系统提示", "请编辑博客内容！");} else {//ajax请求 请求后台写博客接口$.post("${pageContext.request.contextPath}/admin/saveBlog", {'id':   id,'title' : title,'typeId' : blogTypeId,'keyword' : keyWord,'content' : content,'summary' : summary,'contentNoLabel' : contentNoLabel}, function(result) {if (result.status == 200) {$.messager.alert("系统提示", "博客发布成功！");clearInfo();} else {$.messager.alert("系统提示", "博客发布失败！");}}, "json");}}//清空页面所有的信息function clearInfo() {$("#title").val("");$("#blogTypeId").combobox("setValue", "");$("#keyWord").val("");UE.getEditor("editor").setContent("");}</script></body>
</html>

BlogController.java

	//跳转到编辑博客界面
	@RequestMapping("writeBlog")
	public String gotoWrite() {
		return "admin/editBlog";
	}
	//跳转到博客信息管理界面
	@RequestMapping("showBlogAll")
	public String showBlogInfo() {
		return "admin/showBlogAllInfo";
	}

	// 添加或更新博客@RequestMapping("saveBlog")@ResponseBodypublic MyResult saveBlog(TBlog blog) {Integer n;if (blog.getId() == null) {n = blogService.saveBlog(blog);} else {n = blogService.updateBlog(blog);}if (n > 0) {return MyResult.ok();}return MyResult.build(400, "操作失败");}

上述就是最为关键的代码啊！希望能给读者带来一些帮助，喜欢我文章的朋友关注我，文章还在不断编辑中......

由于我的数据表没有用户表，我当初设计的时候并没有想搞个用户表，所以这就没有登入查看博客事情了，我也不想往下走了，基本的技术，怕是还有ssm的拦截器了（用于用户登入判断），全局异常处理。。。。。没事，来日方长，慢慢来！

END

查看全文
如若内容造成侵权/违法违规/事实不符，请联系编程学习网邮箱：809451989@qq.com进行投诉反馈，一经查实，立即删除！

Keras-RetinaNet训练自己的数据详细教程
代码地址：Github准备工作： 1、代码开源框架使用的是 fizyr/keras-retinanet 2、Keras版本要2.2.4以上下面进入正题。第一部分：模型准备（1）模型下载地址：fizyr/keras-retinanet （2）模型安装可以使用以下命令： pip install numpy --userpip install . --user安装过程中…...
2024/4/25 8:36:31
开源测试工具的完整解决方案
开源测试工具的完整解决方案开源软件运动正在获得很大成功，正在改变软件业的开发模式、运营方法等，也自然改变着软件测试的方法，借助开源软件测试工具完全可以构造一个完整的测试解决方案，可以极大地提高测试效率，又能大大的降低测试成本。从单元测试、功能测…...
2024/5/4 21:07:02
Perfmon - Windows 自带系统监控工具
http://www.cnblogs.com/luo-mao/p/5872374.html一、简述可以用于监视CPU使用率、内存使用率、硬盘读写速度、网络速度等。Perfmon提供了图表化的系统性能实时监视器、性能日志和警报管理，系统的性能日志可定义为二进制文件、文本文件、SQLSERVER表记录等方式，可以很方便地使…...
2024/4/24 23:32:45
Spring boot 搭建个人博客系统（三）——权限管理功能
Spring boot 搭建个人博客系统（三）——权限管理功能一直想用Spring boot 搭建一个属于自己的博客系统，刚好前段时间学习了叶神的牛客项目课受益匪浅，乘热打铁也主要是学习，好让自己熟悉这类项目开发的基本流程。系统采用Spring boot+MyBatis+MySQL的框架进行项目开发。项目…...
2024/4/24 23:32:42
070_《Delphi7程序设计技巧与实例》
《Delphi7程序设计技巧与实例》 Delphi 教程系列书籍 (070) 《Delphi7程序设计技巧与实例》网友（邦）整理 EMail: shuaihj@163.com 下载地址： Part1 Part2 Part3作者：吴天准书号： 7-113-05177-4 页码： 526 开本： 16开版次：1-1 出版社：中国铁道出版社出版日…...
2024/4/24 23:32:40
服务器构建FlatBuffer传输数据步骤
D:\CbjGameData\CJGame.ProjectOneServerV1.4\Cbj.Data从此路径内将fbs文件放入 Resource内执行Cbj.Create.exe 会自动生成.cs文件将cs文件包括进项目 okcase 3:{var battleArrayList = new List<BattleArray>();battleArrayList.Add(new BattleArray(){battleUnitNam…...
2024/4/24 23:32:42
百度网盘高速下载资源
推荐一款软件：不用网盘会员即可享受高速下载资源，亲测有效，而且是最大网速哦！CSND下载： PanDownload下载地址； [试试手气如何] 免积分下载：帮你百度；下面就来介绍它具体的功能：1.【免登录下载】无需登录，打开百度网盘分享链接直接下载。2.【多账号管理】百…...
2024/5/4 23:20:42
（vue管理系统）vue系统-毕设级项目搭建-vue博客系统（vue博客前台+java逻辑后台+vue管理系统）
转载地址：（vue管理系统）vue系统-毕设级项目搭建-vue博客系统（内含源码，vue博客前台+java逻辑后台+vue管理系统）转载请注明出处作者：Happy王子乐个人网站（整理了部分学习资源，以及个人项目）：http://www.ilearn1234.com/#/ 个人GitHub（喜欢的还请点个Star、flow一…...
2024/5/6 10:55:09
VB基础教程（一）
第一章 VB的诞生我们需要什么我们需要什么？当我们在一个精彩的游戏世界中游历了一番之后，或是惊叹于某一工具软件的小巧精致之余，多少总会产生些许编程的冲动。编程吗，在以前如果你对电脑还是一个门外汉，那实在是一件可望而不可及的事情。如果运用基于DOS下的编程语言，譬…...
2024/4/28 15:39:16
扫描渗透等工具介绍
#1 Nessus：最好的UNIX漏洞扫描工具　　Nessus 是最好的免费网络漏洞扫描器，它可以运行于几乎所有的UNIX平台之上。它不止永久升级，还免费提供多达11000种插件（但需要注册并接受EULA-acceptance--终端用户授权协议）。它的主要功能是远程或本地（已授权的）安全检查，客户端…...
2024/4/28 8:47:35
MVC下拉框Html.DropDownList 和DropDownListFor 的常用方法
一、非强类型：Controller:ViewData["AreId"] = from a in Table select new SelectListItem { Text=a.AreaName, Value=a.AreaId.ToString() …...
2024/4/28 23:25:32
嵌入式arm学习总结（九）--ARM启动代码总结-基于mini2440平台
1.要看懂启动代码：首先要熟悉ARM9的存储系统和指令系统 2.启动的大概步骤：进入复位异常--》关看门狗、关中断和子中断等--配置时钟（UPll和MPll）--》初始化内存（初始化13个存储器控制器），清零内存 --》初始化堆栈--拷贝代码到sdram，跳转到sdram中运行--》进入main…...
2024/4/28 8:53:16
网络安全技术及应用第3版主编贾铁军等——教材习题期末重点复习题知识提炼（2）
参考教材：网络安全技术及应用第3版主编贾铁军等第2章网络安全技术基础填空题简答题论述题填空题（1）安全套阶层服务（SSl）协议是在网络传输过程中，提供通信双方网络信息（保密性）和（可靠性）。由（SSl协商层）和（记录层）两层组成。（2）应用层安全可分解为（…...
2024/4/28 2:15:37
成就一亿技术人，我和CSDN的九年记忆
最近CSDN手机版推送更新了最新版本的APP，看到封面的标语成就一亿技术人，突然挺感慨的，于是就有了这一篇我和CSDN的九年记忆。九年前，我大二，听了学长的建议注册了CSDN的账号，因此我的头像上目前也加上了一个醒目的数字9，表示我的九年青春，不得不感叹时间过的真快。作为…...
2024/4/27 21:21:13
java jsp多用户博客系统源代码下载
原文：java jsp多用户博客系统源代码下载源代码下载地址：http://www.zuidaima.com/share/1550463407606784.htmjava多用户博客系统（MVC），是采用javabean+servlet+jsp技术，同时运用了javascript，css+div,ajax技术。以Mysql数据库，tomcat6为服务器。官方验证:项目截图首页…...
2024/5/7 1:26:34
Oracle学习笔记（最重要的是PL/SQL编程）
一：Oracle认证，与其它数据库比较，安装Oracle安装会自动的生成sys用户和system用户: （1） sys用户是超级用户，具有最高权限，具有sysdba角色，有create database的权限，该用户默认的密码是change_on_install （2） system用户是管理操作员，权限也很大。具有sysoper角色，…...
2024/4/28 0:43:02
面试准备：Java常见面试题汇总（三）
文章目录83. Java泛型了解么？什么是类型擦除？介绍一下常用的通配符？84. 包装类的常量池技术有了解过吗？85. 在 Java 中定义一个不做事且没有参数的构造方法的作用？86. 成员变量与局部变量的区别有哪些？87. 构造方法作用？有哪些特性？88. 在调用子类构造方法之前会先调用…...
2024/4/28 3:58:10
以太坊（ETH）挖矿最新教程
以太坊（ETH）挖矿最新教程目前网上的大多数以太坊挖矿教程是很早整理编写的，基本都已过时不适用了。但挖矿是一个技术持续升级更新的过程，因此根据最新实战情况编写了本文，并争取在以后抽时间持续保持跟进更新。一．基本要求 ETH 挖矿主要是使用显卡来挖矿。因此你需要一…...
2024/4/28 13:14:02
ARM学习总结
学习ARM也有一定时间了,想想还是记点东西,要不以后就忘了.这是我的第一片,简简单单.但比较基础. 1. ARM中一些常见英文缩写解释MSB：最高有效位；LSB：最低有效位；AHB：先进的高性能总线；VPB：连接片内外设功能的VLSI外设总线；EMC：外部存储器控制器；MAM：存储器加速模…...
2024/4/29 1:12:45
Motirx 一款全能的下载工具
乐在分享 Motirx 是一款全能的下载工具，支持下载 HTTP、FTP、BT、磁力链、百度网盘等资源。它的界面简洁易用，希望大家喜欢。可以直接去官网下载！下载 Motrix 特性简洁明了的图形操作界面支持BT和磁力链任务支持下载百度云盘资源最高支持 10 个任务同时下载单任务最高…...
2024/4/27 23:02:06

基于ssm框架的个人博客系统（11）--后台开发及前后端数据交互

相关文章

最新文章