zoukankan      html  css  js  c++  java
  • 【手把手】JavaWeb 入门级项目实战 -- 文章发布系统 (第十一节)

    1479346082609009968.jpg

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

    1.根据ID查询文章数据

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

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

    代码:

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

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

    1479347080109013419.png

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

    对应的服务程序

    1479347122890056986.png

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

    1479348782906032504.png

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

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

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

    2.1 保存评论


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

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

    然后是评论服务类:

    1479352310468010844.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'"));   
    

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

    效果:

    1479352720734060893.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"));
    

    效果:

    1479353207109066467.png

    嗯,差不多可以了。

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

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

  • 相关阅读:
    制作Autorun的CD
    Sybase ASE MDA tables 装不上怎么办?
    对于TStringList.Find函数,我有话要说
    HH.exe CHM Operator Command.
    Delphi 7的一些常用的快捷键
    Explain Plan
    在Delphi中的Log
    subst windows下实用的磁盘映射工具
    Excel 2007 如何冻结多行&多列
    LinqToDataTable[转]
  • 原文地址:https://www.cnblogs.com/skyblue-li/p/6073173.html
Copyright © 2011-2022 走看看