【ssm个人博客项目实战09】写博客与自定义监听器

最新推荐文章于 2024-08-13 20:41:40 发布

余空~

最新推荐文章于 2024-08-13 20:41:40 发布

阅读量6.1k

点赞数 2

分类专栏： easy-ui 个人博客 ssm项目文章标签：博客

本文链接：https://blog.csdn.net/xp541130126/article/details/74910723

版权

本文介绍了如何在SSM项目中实现写博客和自定义监听器的功能。首先，通过使用百度UE编辑器创建写博客界面，并讲解了UE的配置和使用。接着，详细阐述了自定义监听器的实现过程，包括创建监听器，实现ServletContextListener和ApplicationContextAware接口，获取博客类型列表并存储到application中。最后，通过在web.xml中配置监听器，并在前端使用jstl遍历博客类别。文章还提供了测试环节以验证功能的正确性。

摘要由CSDN通过智能技术生成

前面我们已经完成了博客的分页显示模糊查询删除等功能，现在我们就讲一下如何实现写博客与修改博客的功能。

1、

写博客顾名思义肯定要要写所以我用了一个富文本编辑器（百度UE）当然大家有更好的选择可以使用自己熟悉的富文本编辑器或者使用markdown编辑器。这里我就以百度UE为示例来给大家讲解。
首先给大家看一下写博客的界面

写博客

修改博客

2、

首先我们来了解一下百度UE怎么使用
1、下载百度UE插件
2、新建一个html页面并且写入以下代码

3、使用浏览器的方式打开该页面就能看到运行结果如图下

4、具体详细配置使用请参考下面网址

现在我们已经初步了解百度UE如何使用那么就可以正式开始我们的开发了！

首先我们在admin目录下面新建一个writeBlog.jsp

然后同样的导入我们的公共头文件
<%@include file=”./common/head.jspf”%>
这样我们easyui所用到的一些js或者css就载入进来了
另外我们还需要把百度UE相关的js引入

<script type="text/javascript" charset="utf-8"
    src="${blog}/static/ueditor1_4_3_3/ueditor.config.js"></script>
<script type="text/javascript" charset="utf-8"
    src="${blog}/static/ueditor1_4_3_3/ueditor.all.min.js">

</script>
<!--建议手动加在语言，避免在ie下有时因为加载语言失败导致编辑器加载失败-->
<!--这里加载的语言文件会覆盖你在配置项目里添加的语言类型，比如你在配置项目里配置的是英文，这里加载的中文，那最后就是中文-->
<script type="text/javascript" charset="utf-8"
    src="${blog}/static/ueditor1_4_3_3/lang/zh-cn/zh-cn.js"></script>

然后根据百度UE的相关文件写出以下代码等下我解释相关代码的作用

<body style="margin: 10px; font-family: microsoft yahei">

    <div id="p" class="easyui-panel" title="编写博客" style="padding: 10px;">

        <table cellspacing="20px">