基于jsp+servlet的个人博客系统

时间:2022-04-29 17:24:09

这学期的课程,算是结束了吧。开了一门JAVA EE的课程,老师我就不说了,讲了一学期的jsp,真像其他老师说的一样,“不像某老师一样,会个jsp,准备个课件,能讲好几年”。呵呵了。不过还好,很多东西,都要自学的嘛。


源代码地址:
https://github.com/hlk-1135/Blog
前言:
学习是一个分享的过程,所以在这里我会把整个博客项目的所有代码都分享出来,希望我们一起学习。(初学者,技术略渣,做的不好,多多见谅)
该博客系统使用MVC分层架构,用了html5、css3、jsp、servlet、jquery等技术,其中引用了百度的富文本编辑器,百度分享以及多说第三方开发插件。对于初学者来说,可以参考研究。
项目架构:
基于jsp+servlet的个人博客系统

基于jsp+servlet的个人博客系统

首页:
因为上学期学了web程序设计,对于页面的设计还是蛮喜欢的,所以仿了别人的一个个人博客前台页面。由于时间原因,我只仿了5个页子。
基于jsp+servlet的个人博客系统

后台界面:

后台界面我自己用jQuery写的,很多功能还没有实现,等有时间再去完善。
![这里写图片描述](http://img.blog.csdn.net/20170109185834327?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvSExLXzExMzU=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)

文章模块的实现

文章的发表我使用了百度的ueditor富文本编辑器,因为我需要获取到写文章时的原样式。重点不在这个地方,而是在于将写的文章保存到数据库,再在页面上浏览获取到文章的整个内容。
大体上就是下面这个图的逻辑。

基于jsp+servlet的个人博客系统

jsp页面使用了EL表达式从servlet获取数据。

<div class="bloglist left">
<%int sum=0; %>
<c:forEach items="${requestScope.titles}" var="title">
<h3>${title.title_article }</h3>
<figure><img src="../images/<%=(sum%4)+1%>.png"></figure>
<%sum=sum+1; %>
<ul class="nlist">
<p>${title.title_summary }</p>
<a href="GetTitle?title_id=${title.title_id }" class="readmore">阅读全文>></a>
</ul>
<p class="dateview"><span>${title.title_time }</span>
<span>作者:HLK_1135</span><span>阅读量:[<a>${title.title_read }</a>]</span></p>
</c:forEach>
</div>

TitleDao的接口类:

public interface TitleDao {

public void addTitle(Title title); //定义添加文章的方法
public Title findTitleByArticle(String tittle_article); //定义按照文章标题查找文章的方法
public Title findTitleById(int tittle_id); //定义按照文章id查找文章的方法
public List<Title> findAllTitles(Page page);//定义按分页信息查询所有文章的方法
public int findAllCount(); //定义查询的记录数

}

然后在TitleDaoImpl中实现该接口中的所有方法。在TitleServlet中调用该类中的方法执行数据库的查询。

文章列表:

基于jsp+servlet的个人博客系统

浏览全文功能:

基于jsp+servlet的个人博客系统

仿页嘛,虽然不知道后台是用什么实现的上一篇下一篇,但是还是用自己的方式给搞定了。
基于jsp+servlet的个人博客系统

分页功能
分页功能使用javabean写了一个分页类以及一个分页的辅助类,然后在使用mysql的limit语句实现了分页。分页类具体介绍

留言板功能:
该页面使用了第三方多说。
基于jsp+servlet的个人博客系统