JSP+MySQL校园新闻网站(7)–新闻发布功能开发

0. 前言

系列文章目录、演示网站、源码参见:项目实战系列文章


1. 任务

之前已经实现了:


新闻列表浏览

新闻内容展示

登录成功后跳转管理后台页面

登录失败后跳转错误信息页面

本篇在登录成功后管理后台页面admin.jsp,添加发布新闻的功能。


2. 具体功能

可以输入新闻标题、内容等信息后,点击发布,则数据库内新增一条新闻。


此时如果打开新闻列表浏览页,能看到新增的新闻信息。


3. 开发流程

3.1 查看admin.jsp

之前admin.jsp页面已经具备检测用户是否登录的功能,只有登录的才能在admin.jsp页面停留,没登录的会自动跳转到错误页面。

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ page import="java.sql.*"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>管理页面</title>
<link href="style.css" type="text/css" rel="stylesheet" />
</head>
<body>
    <%
        //支持中文编码
        request.setCharacterEncoding("utf-8");
        //获取表单输入的用户名
        String inputUsername = request.getParameter("username");
        //获取表单输入的密码
        String inpputPassword = request.getParameter("password");
        //如果没输入用户名密码,则跳转错误页
        if (inputUsername == null || "".equals(inputUsername) || inpputPassword == null
                || "".equals(inpputPassword)) {
            request.getRequestDispatcher("error_nologin.jsp").forward(request, response);
            return;
        }
        //配置数据库
        Class.forName("com.mysql.jdbc.Driver");
        String url = "jdbc:mysql://localhost:3306/schoolnews?useUnicode=true&characterEncoding=utf8";
        String username = "root";
        String password = "Easy@0122";
        Connection conn = DriverManager.getConnection(url, username, password);
        //设置sql,查询是否存在用户名和密码都匹配的用户信息
        String sql = "select * from user where username=? and password=?";
        PreparedStatement st = conn.prepareStatement(sql);// 在此次传入,进行预编译
        st.setString(1, inputUsername);
        st.setString(2, inpputPassword);
        //执行sql查询
        ResultSet rs = st.executeQuery();
        //如果查询结果不存在,则表示用户名密码错误,跳转到错误页
        if (rs.next() == false) {
            request.getRequestDispatcher("error_nologin.jsp").forward(request, response);
            return;
        }
    %>
    <div class="header-bar">
        <span class="header-title">SchoolNews--管理后台</span> <a
            class="header-button" href="#">欢迎您:<%=rs.getString("username")%></a>
    </div>
    <h1 class="article-title">发布新闻</h1>
</body>
</html>
3.2 添加发布新闻的表单
我们在body区域添加表单,以便让管理员输入新闻的标题、内容等信息。

当我们点击提交时,会把内容提交给publish.jsp页面,同时类型、标题、时间、内容等信息会按照指定的name属性传递给publish.jsp页面。

<h1 class="article-title">发布新闻</h1>
    <form action="publish.jsp" method="post">
        <div>
            类型:<input name="type" type="text" />
        </div>
        <div>
            标题:<input name="title" type="text" />
        </div>
        <div>
            时间:<input name="time" type="date" />
        </div>
        <div>
            内容:<br>
            <textarea name="content" rows="10" cols="100">
            </textarea>
        </div>
        <div>
            <input type="submit" value="提交">
        </div>
    </form>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
3.3 开发publish.jsp页面
我们在publish.jsp页面接受admin.jsp提交的表单信息,然后插入数据库,并显示发布成功提示信息。

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ page import="java.sql.*"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>管理页面</title>
<link href="style.css" type="text/css" rel="stylesheet" />
</head>
<body>
    <%
        // 设置中文编码
        request.setCharacterEncoding("utf-8");
        // 连接数据库
        Class.forName("com.mysql.jdbc.Driver");
        String url = "jdbc:mysql://localhost:3306/schoolnews?useUnicode=true&characterEncoding=utf8";
        String username = "root";
        String password = "Easy@0122";
        Connection conn = DriverManager.getConnection(url, username, password);
        // 准备执行插入sql语句
        String sql = "insert into news(type,title,time,content)values(?,?,?,?)";
        PreparedStatement st = conn.prepareStatement(sql);// 在此次传入,进行预编译
        // 将表单传递过来的数据,放入sql语句指定位置
        st.setString(1, request.getParameter("type"));
        st.setString(2, request.getParameter("title"));
        st.setString(3, request.getParameter("time"));
        st.setString(4, request.getParameter("content"));
        // 执行sql
        st.execute();
    %>
    <div class="header-bar">
        <span class="header-title">SchoolNews--管理后台</span>
    </div>
    <h1>发布成功</h1>
</body>
</html>

JSP+MySQL校园新闻网站(7)–新闻发布功能开发

JSP+MySQL校园新闻网站(7)–新闻发布功能开发

JSP+MySQL校园新闻网站(7)–新闻发布功能开发

5. 小结

所有功能都完毕了,JSP+MySQL足够简单,很容易理解,可以视为最初级的入门项目。

上一篇:[算法系列之十六]数据压缩之游程编码


下一篇:使用 TiDB Lightning 恢复 Kubernetes 上的集群数据