【手把手】JavaWeb 入门级项目实战 -- 文章发布系统

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

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


#1.根据ID查询文章数据


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


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


代码:

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

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

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

对应的服务程序

3.png

4.png我们直接调用这个方法。

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

因为文章的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,在首页随便点开一篇文章,就能看到效果了。

5.png

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

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

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

###2.1 保存评论


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

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;
    }
}

然后是评论服务类:

7.png

先是保存评论的方法

/**
 * 保存评论
 */
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'"));   

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

效果:8.png

这样就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"));

效果:9.png

嗯,差不多可以了。

相关文章
|
6月前
|
存储 前端开发 JavaScript
基于JavaWeb实现停车场管理系统
基于JavaWeb实现停车场管理系统
105 1
|
6月前
|
前端开发 JavaScript Java
图书借阅管理平台|基于JavaWeb实现图书借阅系统
图书借阅管理平台|基于JavaWeb实现图书借阅系统
134 1
|
3月前
|
设计模式 Java 关系型数据库
【Java笔记+踩坑汇总】Java基础+JavaWeb+SSM+SpringBoot+SpringCloud+瑞吉外卖/谷粒商城/学成在线+设计模式+面试题汇总+性能调优/架构设计+源码解析
本文是“Java学习路线”专栏的导航文章,目标是为Java初学者和初中高级工程师提供一套完整的Java学习路线。
463 37
|
2月前
|
前端开发 Java 应用服务中间件
Javaweb学习
【10月更文挑战第1天】Javaweb学习
34 2
|
2月前
|
安全 Java Android开发
JavaWeb解压缩漏洞之ZipSlip与Zip炸弹
JavaWeb解压缩漏洞之ZipSlip与Zip炸弹
66 5
|
3月前
|
缓存 前端开发 Java
【Java面试题汇总】Spring,SpringBoot,SpringMVC,Mybatis,JavaWeb篇(2023版)
Soring Boot的起步依赖、启动流程、自动装配、常用的注解、Spring MVC的执行流程、对MVC的理解、RestFull风格、为什么service层要写接口、MyBatis的缓存机制、$和#有什么区别、resultType和resultMap区别、cookie和session的区别是什么?session的工作原理
【Java面试题汇总】Spring,SpringBoot,SpringMVC,Mybatis,JavaWeb篇(2023版)
|
6月前
|
前端开发 Java 关系型数据库
JavaWeb开发简介
JavaWeb开发简介
61 0
|
3月前
|
安全 Java Android开发
JavaWeb解压缩漏洞之ZipSlip与Zip炸弹
JavaWeb解压缩漏洞之ZipSlip与Zip炸弹
120 2
|
3月前
|
SQL JSON JavaScript
JavaWeb基础9——VUE,Element&整合Javaweb的商品管理系统
Vue 指令、生命周期、this和$、vue脚手架进行模块化开发/ElementUI框架、综合案例,element商品列表展示增删改查
JavaWeb基础9——VUE,Element&整合Javaweb的商品管理系统
|
4月前
|
编解码 网络协议 Oracle
java网络编程入门以及项目实战
这篇文章是Java网络编程的入门教程,涵盖了网络编程的基础知识、IP地址、端口、通讯协议(TCP和UDP)的概念与区别,并提供了基于TCP和UDP的网络编程实例,包括远程聊天和文件传输程序的代码实现。
java网络编程入门以及项目实战