本節主要解決在詳情頁根據文章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"));

效果：