文章发布系统

文章发布系统 (第十一节)

本节主要解决在详情页根据文章ID查找文章内容的问题。

1.根据ID查询文章数据

在上一节中,我们已经成功在detail.jsp页面获取到了来自index.jsp的文章ID。

那么,最容易想到的办法,就是直接在detail.jsp页面通过Java代码,直接查询出对应的文章数据,然后放到页面作用域就OK了。

代码:

<%
    String id = request.getParameter("id");
    System.out.println(id);
%>

随便在首页点击一篇文章,然后看一下效果:

果然,可以拿到首页传过来的ID了。

对应的服务程序

我们直接调用这个方法。

额,不对,等等,这个方法好像有点问题,我当初怎么会这么写来着?

因为文章的ID是唯一的,一个ID肯定对应一篇特定的文章。另外,我们不仅仅要查询文章内容,还需要文章的发布时间和分类等信息。

改一下:

/**
 * 通过文章id获取文章内容
 * @param id
 * @return
 */
public Map<String,Object> getContentByArticleId(String id){
    String sql = "select * from t_article a inner join t_category b on a.category_id = b.category_id where a.id = ?";
    return DataBaseUtils.queryForList(sql,id).get(0);
}

好吧,小细节不用在意。

继续,有了后台方法,就相当于稳定了大后方。接着我们就可以直接在jsp页面调用这个后台方法了。

<%
    String id = request.getParameter("id");
    Map<String,Object> map = articleService.getContentByArticleId(id);
    pageContext.setAttribute("article", map);
%>

内容区的数据也要全部换成动态的:

<!-- 内容区 -->
<div class=‘article‘>
    <div class=‘title‘>${article.name}</div>
    <div class=‘category‘><span class=‘light-font‘>分类:</span><span class=‘info‘>${article.category_name}</span></div>
    <div class=‘publicDate‘><span class=‘light-font‘>发布时间:</span><span class=‘info‘>${article.create_time}</span></div>
    <hr/>
    <div class=‘content‘>
        ${article.content}

    </div>
</div>

然后,重启tomcat,在首页随便点开一篇文章,就能看到效果了。

这些数据已经不是静态的了,而是从数据库里面查询出来的。

2.评论功能后台业务实现

文章的信息查询已经没问题了,接下来,就是评论功能了,我们先把评论的后台方法都写好。

2.1 保存评论

?
有了之前章节的基础,这一步应该是比较简单了。首先,建立JavaBean。

package bean;

import annotation.Column;
import annotation.Table;

@Table(tableName = "t_comment")
public class Comment {

    @Column(type = "varchar(100)" ,field = "id" ,primaryKey = true ,defaultNull = false)
    private String id;          //主键,采用UUID

    @Column(type = "VARCHAR(100)", field = "user_id")
    private String userId; //评论者的ID

    @Column(type = "VARCHAR(600)", field = "content")
    private String content; //评论内容

    @Column(type = "VARCHAR(100)", field = "article_id")
    private String articleId; //文章ID

    @Column(type = "datetime", field = "create_time")
    private String createTime;//创建时间

    @Column(type = "timestamp", field = "update_time")
    private String updateTime;//最后更新时间

    @Column(type = "int(1)", field = "is_delete")
    private Integer isDelete; // 删除状态  0未删除  1删除

    public String getId() {
        return id;
    }

    public void setId(String id) {
        this.id = id;
    }

    public String getUserId() {
        return userId;
    }

    public void setUserId(String userId) {
        this.userId = userId;
    }

    public String getContent() {
        return content;
    }

    public void setContent(String content) {
        this.content = content;
    }

    public String getCreateTime() {
        return createTime;
    }

    public void setCreateTime(String createTime) {
        this.createTime = createTime;
    }

    public String getUpdateTime() {
        return updateTime;
    }

    public void setUpdateTime(String updateTime) {
        this.updateTime = updateTime;
    }

    public Integer getIsDelete() {
        return isDelete;
    }

    public void setIsDelete(Integer isDelete) {
        this.isDelete = isDelete;
    }

    public String getArticleId() {
        return articleId;
    }

    public void setArticleId(String articleId) {
        this.articleId = articleId;
    }

}

然后是评论服务类:

先是保存评论的方法:

/**
 * 保存评论
 */
public void saveComment(Comment comment){
    String sql = "insert into t_comment(id,user_id,content,article_id,create_time,is_delete) values(?,?,?,?,?,?)";
    DataBaseUtils.update(sql,comment.getId(),comment.getUserId(),
            comment.getContent(),comment.getArticleId(),new SimpleDateFormat("yyyy-MM-dd hh:mm:ss").format(new Date()),0);
}

测试:

测试的话,我们给《JavaScript闭包详解》这篇文章,添加一条张三的评论吧。

CommentService cs = new CommentService();
Comment comment = new Comment();
comment.setId(UUID.randomUUID().toString());
comment.setContent("很不错的文章,赞一个!");
comment.setArticleId("fb6b70ea-4023-45a3-9106-561649803805");
comment.setUserId("319600c3-550a-4f9f-80cf-deebe2376528");
cs.saveComment(comment);
System.out.println("保存成功!");
System.out.println(DataBaseUtils.queryForList("select a.content from t_comment a left JOIN t_user b "
        + "on a.user_id = b.id where a.article_id = ‘fb6b70ea-4023-45a3-9106-561649803805‘"));   

先保存一条数据,然后再把评论信息查询出来。

效果:

这样就OK了。

2.2 查询评论

然后是查询评论的方法:

/**
 * 根据文章id查询它的所有评论
 * @param id
 * @return
 */
public List<Map<String,Object>> getCommentsByArticleId(String id){
    return DataBaseUtils.queryForList("select b.username ,a.content from t_comment a left JOIN t_user b " +
             "on a.user_id = b.id  where a.article_id = ?", id);
}

测试:

CommentService cs = new CommentService();
System.out.println(cs.getCommentsByArticleId("fb6b70ea-4023-45a3-9106-561649803805"));

效果:

嗯,差不多可以了。

源码地址:http://pan.baidu.com/s/1mhN754s#list/path=%2F

我的个人博客:http://s-335245.gotocdn.com:8080/index.html

时间: 2024-10-16 03:05:58

文章发布系统的相关文章

构建ASP.NET MVC4+EF5+EasyUI+Unity2.x注入的后台管理系统(35)-文章发布系统②-构建项目

注:阅读本文,需要阅读本系列的之前文章 代码生成器下载地址(文章开头处) 接下来我们建立数据库的表和各层的代码 我们只需要两张表,文章列表(MIS_Article)和类别表(MIS_Article_Category) USE [AppDB] GO /****** Object: Table [dbo].[MIS_Article] Script Date: 05/15/2014 17:33:15 ******/ SET ANSI_NULLS ON GO SET QUOTED_IDENTIFIER

构建ASP.NET MVC4+EF5+EasyUI+Unity2.x注入的后台管理系统(36)-文章发布系统③-kindeditor使用

我相信目前国内富文本编辑器中KindEditor 属于前列,详细的中文帮助文档,简单的加载方式,可以定制的轻量级.都是系统的首选 很多文章教程有kindeditor的使用,但本文比较特别可能带有,上传文件的缩略图和水印的源码!这块也是比较复杂和备受关注的功能 一.下载编辑器 KindEditor 4.1.10 (2013-11-23) [1143KB] 官方最新版 或者: http://www.kindsoft.net/down.php 二.添加到项目 解压 kindeditor-x.x.x.z

构建ASP.NET MVC4+EF5+EasyUI+Unity2.x注入的后台管理系统(37)-文章发布系统④-百万级数据和千万级数据简单测试

我想测试EF在一百万条数据下的显示时间!这分数据应该有很多同学想要,看看EF的性能! 服务器 现在来向SQL2008R2插入1000000条数据吧 declare @i int; set @i=0; while @i<1000000 begin INSERT INTO [AppDB].[dbo].[MIS_Article] ([Id] ,[ChannelId] ,[CategoryId] ,[Title] ,[ImgUrl] ,[BodyContent] ,[Sort] ,[Click] ,[C

angularJs - cynthia娆墨旧染-响应式文章发布系统

(0)功能 a.添加新文章 b.修改已发布文章 c.搜索已经发布的文章 d.备注:demo链接等有空传了发,可以直接copy下面的源码,本地运行看看,还有很多不足,后续改进 (1)界面 a.文章列表页 b.文章详细页 c.文章添加页 d.文章修改页 (2)html源码 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>文章发布系统</title>

构建ASP.NET MVC4+EF5+EasyUI+Unity2.x注入的后台管理系统(34)-文章发布系统①-简要分析

原文:构建ASP.NET MVC4+EF5+EasyUI+Unity2.x注入的后台管理系统(34)-文章发布系统①-简要分析 系列目录 最新比较闲,为了学习下Android的开发构建ASP.NET MVC4+EF5+EasyUI+Unity2.x注入的后台管理系统(1)-前言与,虽然有点没有目的的学习,但还是了解了Android的基本开发构成,我还是会持续更新本系列的一些知识点的用法. 说句实在话,我很佩服那些能连续好几年每个星期都有一篇文章的人,能坚持真是一种幸福. 一张图回顾一下我们做了那

php小程序-文章发布系统

php小程序-文章发布系统 一 项目相关视图 二 项目经验 主要用于熟悉php与mysql的相关操作 三 源码下载地址 http://files.cnblogs.com/files/qiujun/articleManager.zip

文章发布系统学习记录

学习来源于慕课网 1.配置基本常用的信息:config.php: header("Content-type: text/html; charset=utf-8"); define('HOST', '127.0.0.1'); define('USERNAME', 'root'); define('PASSWORD', 'PASSWORD'); 2.连接数据库:connect.php require_once('config.php'); //链接数据库 if(!($con=mysql_c

PHP实战-文章发布系统学习记录

跟随大师的步伐,一步一步向前行进,PHP学习之路中的历程. 如果图片不能正常查看请访问云笔记链接 http://note.youdao.com/share/?id=3c25d8c03ef946d9c6b0e5204438de6a&type=note 我的练习代码也在这笔记中:http://note.youdao.com/yws/public/resource/3c25d8c03ef946d9c6b0e5204438de6a/ED31F01A3A2443EAA71AE2409AEE49E6?key

安卓项目-利用Sqlite数据库,开发新闻发布系统

本教程致力于程序员可以快速的学习安卓移动端手机开发. 适合于已经习得一种编程语言的同仁. 更多志同道合,想要学习更多编程技术的大神们. 小弟不才,麻烦关注一下我的今日头条号-做全栈攻城狮. 本文章是基于上篇文章基础之上进行深入学习的.程序员带你学习安卓开发-XML文档的创建与解析 Sqlite数据库: Sqlite数据库是在安卓中使用较广泛的数据库.其为简单.轻巧的Sql类文件型数据库.因以简单的文本形式保存,所以安全性不是很高.只要拿到sqlite数据库文件就可以得到数据.所以这就决定了sql