新闻系统的功能制作

菲仔yo

已于 2022-04-08 14:59:19 修改

阅读量139

点赞数 1

分类专栏： JavaWeb 文章标签： web java html oracle

于 2022-04-03 04:44:02 首次发布

本文链接：https://blog.csdn.net/m0_67331668/article/details/123896886

版权

JavaWeb 专栏收录该内容

25 篇文章 2 订阅

订阅专栏

本文介绍了新闻系统功能的完善，包括阅读量的实时增加、模糊查询实现、评论添加功能及主题页显示。针对阅读量问题，提出在获取数据时即增加计数；模糊查询需考虑关键字携带与页面跳转；添加评论通过表单完成，并展示评论数据；主题页显示则需布局分类并处理选中状态。

摘要由CSDN通过智能技术生成

让我们继续来完善新闻系统的功能吧

阅读量的增加

到阅读代码读取下面进行编写

我们点击进来一次阅读量就加一，也就是数据库里的阅读量数据加一，也需要根据id进行相应的增加哦

 //已经被阅读了
 ps=con.prepareStatement("update T_NEWS set NEWS_COUNT=NEWS_COUNT+1 where NEWS_ID=?");
 ps.setInt(1, Integer.parseInt(newId));
 ps.executeLargeUpdate();//不需要判断

但是我们会发现点击进去再退回去刷新才会增加，如下：

第一次点击刷新后

点击第二次阅读界面还是1

我们可以在拿到数据那里在阅读量加一

 if(rs.next()){
        //可以取值
        title=rs.getString(2);
        publisher=rs.getString(5);
        author=rs.getString(4);
        content=rs.getString(6);
        count=rs.getInt(8)+1;//当前你阅读了一次
    }

模糊查询

点击了表单之后跳转的是当前这个页面同时携带一个newName过来（查询的关键字），我们需要拿到newName

String newName=request.getParameter("newName");

然后我们直接写模糊查询

 PreparedStatement ps = con.prepareStatement("select * from T_NEWS where NEWS_TITLE like ?");
ps.setString(1, "%"+newName+"%");

watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA6I-y5LuUeW8=,size_19,color_FFFFFF,t_70,g_se,x_16

watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA6I-y5LuUeW8=,size_20,color_FFFFFF,t_70,g_se,x_16

但是如果我们从登录界面进去的话是没有数据的，所以我们需要对newName进行判断

if(newName==null){
    newName="";//查询所有
}

注意：如果从登录进入到首页，首页的表单又没有设置action，那么点击搜索会跳回登录界面

所以我们就需要设置一个action

<form action="${pageContext.request.contextPath}/news/index.jsp" class="form-inline" style="margin: 0 auto 20px;" method="post">

在搜索的时候如果想隐藏，那我们必须做一个操作——破碎重组，因为使用post会出现乱码

//破碎重组
newName=new String(newName.getBytes(StandardCharsets.ISO_8859_1),StandardCharsets.UTF_8);

添加评论

在阅读界面的评论进行设置，利用表单进行跳转，也需要带id哦

<div class="container" style="background: rgba(239, 231, 231, 0.9);border-radius:10px;margin-top: 10px;">
    <div class="panel panel-default" style="margin-top: 20px;">
        <div class="panel-heading">
            <span class="glyphicon glyphicon-user"><span class="label label-success">菲菲</span></span>
            <p style="margin-top: 10px;text-indent: 2em;">
                <samp>我是一条非常好看的评论.</samp>
            </p>
            <p class="text-right">
                <span class="glyphicon glyphicon-time"><span class="label label-info">2020/1/1 10:23:04</span></span>
            </p>
        </div>
    </div>
</div>

<form action="doAddPl.jsp" class="container" style="background: rgba(239, 231, 231, 0.9);border-radius:10px;margin-top: 10px;padding: 30px;">
    <input type="hidden" name="newId" value="<%=newId %>">
    <div class="form-group">
        <label for="name">Name</label>
        <input id="name" name="username" class="form-control" placeholder="用户名称" required type="text">
    </div>
    <div class="form-group">
        <label for="email">Email</label>
        <input id="email" name="content" class="form-control" placeholder="评论内容" required type="text">
    </div>
    <button class="btn btn-default" type="submit">发布评论</button>
</form>

<div style="height: 50px;"></div>

添加评论的方法

<%@page import="java.util.Date"%>
<%@ page import="java.sql.*" %>
<%@ page import="java.nio.charset.StandardCharsets" %>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%
    try {
        request.setCharacterEncoding("utf-8");
        //接收评论的数据
        String newId=request.getParameter("newId");
        String author = request.getParameter("author");
        String content = request.getParameter("content");
        String publisher=new Date().toLocaleString();

        //【评论的添加(连接数据库)】

        //加载驱动
        Class.forName("oracle.jdbc.driver.OracleDriver");
        //定义连接字符串
        String url = "jdbc:oracle:thin:@localhost:1521:orcl";
        //获得连接
        Connection con = DriverManager.getConnection(url, "scott", "123");

        // 主键不能不填
        // 主键没有自增的选项（触发器+序列）
        //获得执行对象【数据插入之前，先把主键查询出来】
        PreparedStatement ps = con.prepareStatement("select nvl(max(comment_id),0) from t_comment");
        ResultSet rs = ps.executeQuery();
        int id = 0; //定义保存主键的变量
        if (rs.next()) {
            id = rs.getInt(1)+1;//查询出来的最大id,为什么加一 【避免主键的重复】
        }

        //插入新闻的操作
        ps = con.prepareStatement("insert into t_comment(?,?,?,?,?)");
        //赋值
        ps.setInt(1, id);
        ps.setInt(2, Integer.parseInt(newId));
        ps.setString(3, publisher);
        ps.setString(4, author);
        ps.setString(5, content);

        //执行结果
        int n = ps.executeUpdate();
        if (n > 0) {
            out.print("<script>alert('增加成功');location.href='read.jsp?newId="+newId+"'</script>");
        } else {
            out.print("<script>alert('增加失败');history.go(-1)</script>");
        }

        if (!con.isClosed()) {
            con.close();
        }
        ps.close();
        rs.close();
    } catch (Exception e) {
        e.printStackTrace();
    }
%>

注意：增加成功后跳转本页面是不带newId的，所以一定要设置哦

显示评论

当然有了添加到数据库的方法，也要在界面中显示出来，也就是从数据库取出并添加到界面之中

<div class="container" style="background: rgba(239, 231, 231, 0.9);border-radius:10px;margin-top: 10px;">
   <%
   	ps=con.prepareStatement("slelect * from t_comment where comment_from=?");
   	ps.setInt(1, Integer.parseInt(newId));
   	rs=ps.executeQuery();
   	while(rs.next()){
   	
   %>
    <div class="panel panel-default" style="margin-top: 20px;">
        <div class="panel-heading">
            <span class="glyphicon glyphicon-user"><span class="label label-success"><%=rs.getString(4) %></span></span>
            <p style="margin-top: 10px;text-indent: 2em;">
                <samp><%=rs.getString(5) %></samp>
            </p>
            <p class="text-right">
                <span class="glyphicon glyphicon-time"><span class="label label-info"><%=rs.getString(3) %></span></span>
            </p>
        </div>
    </div>
   <%
   	}
   %>
</div>

watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA6I-y5LuUeW8=,size_20,color_FFFFFF,t_70,g_se,x_16

主题页显示

从数据库里拿到分类然后分别排放

选中后的区别制作

<%--active样式表示该按钮被激活了 --%>
<a href="show.jsp?topicId=<%=rs.getInt(1)%>" type="button"
class="btn btn-success <%=rs.getInt(1) == Integer.parseInt(topicId)?"active":""%> "><%=rs.getString(2)%></a>

主题页所有代码

<%@page import="java.sql.ResultSet"%>
<%@page import="java.sql.PreparedStatement"%>
<%@page import="java.sql.DriverManager"%>
<%@page import="java.sql.Connection"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"%>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link
	rel="${pageContext.request.contextPath}/bootstrap-3.3.7-dist/css/bootstrap.css">
<script
	src="${pageContext.request.contextPath}/bootstrap-3.3.7-dist/js/jquery-3.5.1.js"></script>
<script
	src="${pageContext.request.contextPath}/bootstrap-3.3.7-dist/js/bootstrap.js"></script>
</head>

<body>
	<nav class="navbar navbar-default hidden-sm hidden-xs">
		<div class="container-fluid">
			<div class="navbar-header">
				<a class="navbar-brand" style="font-size: 25px;">当前是新闻首页</a>
			</div>
			<ul class="nav navbar-nav navbar-right" style="margin-right: 20px;">
				<li><a href="#">返回管理员首页<span
						class="glyphicon glyphicon-road"></span></a></li>
			</ul>
		</div>
	</nav>

	<div class="container" style="margin: 10px auto;">
		<div class="btn-group btn-group-justified">
			<%
			//如果携带了，那么不为null
			//如果没有携带，那么为null
			String topicId = request.getParameter("topicId");
			String sql = "select * from t_news";//查询所有的新闻
			if (topicId != null) {//加上主题查询
				sql += "where news_topic=" + topicId;//拼接条件
			}
			//加载驱动
			Class.forName("oracle.jdbc.driver.OracleDriver");
			//定义连接字符串
			String url = "jdbc:oracle:thin:@localhost:1521:orcl";
			//获得连接
			Connection con = DriverManager.getConnection(url, "scott", "123");
			//查询所有的新闻数据
			PreparedStatement ps = con.prepareStatement("select * from T_TOPIC");

			//得到结果集
			ResultSet rs = ps.executeQuery();
			//结果集中有很多数据
			while (rs.next()) {
			%>
			<%--active样式表示该按钮被激活了 --%>
			<a href="show.jsp?topicId=<%=rs.getInt(1)%>" type="button"
				class="btn btn-success <%=rs.getInt(1) == Integer.parseInt(topicId)?"active":""%> "><%=rs.getString(2)%></a>
			<%
			}
			%>
		</div>
	</div>

	<div class="container">
		<ul class="list-group">
			<%
			//根据新闻的主题来出
			ps = con.prepareStatement(sql);
			rs = ps.executeQuery();
			while (rs.next()) {
			%>
			<li class="list-group-item">
				<h4 class="list-group-item-heading">
					<a
						href="${pageContext.request.contextPath}/news/read.jsp?newId=<%=rs.getInt(1)%>"
						data-placement="bottom" data-toggle="tooltip" href=""
						title="国家卫健委：昨日新增确诊病例29例，其中本土病例2例"> <%=rs.getString(2)%>
					</a>
				</h4>
				<p class="list-group-item-text text-right">
					<span class="glyphicon glyphicon-user"><code><%=rs.getString(4)%></code></span>
					<span class="glyphicon glyphicon-eye-open"><code><%=rs.getInt(8)%></code></span>
					<span class="glyphicon glyphicon-tag"><code><%=rs.getInt(9)%></code></span>
					<span class="glyphicon glyphicon-time"><code><%=rs.getString(5)%></code></span>
				</p>
			</li>
			<%
			}
			%>
		</ul>
	</div>
</body>
</html>

今天的分享到这里就结束啦，下次再见咯