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

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

---

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

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

后台界面：

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

• 1
• 2
• 3

文章模块的实现

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

• 1
• 2
• 3

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>

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9
• 10
• 11
• 12
• 13
• 14

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();                  //定义查询的记录数

}

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9

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

文章列表：

浏览全文功能：

仿页嘛，虽然不知道后台是用什么实现的上一篇和下一篇，但是还是用自己的方式给搞定了。 

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

留言板功能： 
该页面使用了第三方多说。