本節主要解決在詳情頁根據文章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"));
效果:
嗯,差不多可以了。