Take you to get started with small web projects-message board

Others 2020-04-18 12:47:31 views: null

Implementation of message board function

This article takes over the summary of your product above , your detailed product message board function , I have novice code to optimize the method, you are welcome to point out.

Insert picture description here

Has been uploaded to github, if necessary, you can take a look

Catalog display

Insert picture description here
dao layer: database connection layer
domain: entity class
service layer: business layer
test layer: test code layer
util layer: tool layer
web.servlet: mainly used to forward pages

Code logic

User login

login.jsp---> LoginServlet（获取用户的账号及密码进行校验）-->
1.登录成功，进入NewsListServlet
2.登录失败，进入login.jsp进行回显

User registration

regist.jsp --> RegistServlet（获取用户的账号及密码进行注册）-->可以选择进行登录

Message board display

通过NewListServlet获取到数据库的list信息--> 在list.jsp中进行显示

Delete message

点击删除按钮-->DelNewsservlet（调用service数据库的删除）-->NewsListServlet-->list.jsp

Add message

点击添加按钮-->填充留言板内容-->AddNewsServlet-->NewsListServlet-->list.jsp

Modify message

这个相对来说就比较复杂一点了，首先要进行信息的回显
更改按钮--> FindNewsList-->update.jsp
修改留言 ： 确定按钮-->UpdateNewsServlet-->NewsListServlet-->list..jsp

Code

login.jsp

<%--
  Created by IntelliJ IDEA.
  User: 张振东
  Date: 2020/4/12
  Time: 21:19
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>留言板---登录界面</title>

    <style>
        .td_left{
            padding-top: 50px;
            width: 100px;
            text-align: right;
            height: 45px;
        }
        .td_right{
            /*    本身就是表格，就是内边距*/
            padding-left:50px ;
            padding-top: 50px;

        }
        #username,#password{
            width: 251px;
            height: 33px;
            border: 1px solid ;
            /*    边框圆角*/
            border-radius: 5px;
            padding-left: 10px;
        }
        .rg_layout {
            width: 1000px;
            height: 700px;
            background: white;
            border: 8px solid #EEEEEE;
            /*div居中*/
            margin: auto;
            margin-top: 20px;

        }

        .rg_left {

            float: left;
            margin-top: 15px;
        }

        .rg_center {
            margin-left: 200px;
            margin-top: 10px;
            /*border: 1px solid #FF0000;*/
            float: left;
            width: 450px;
        }

        .rg_right {
            margin: 15px;

            float: right;
        }
        *{
            margin: 0px;
            padding: 0px;
            box-sizing: border-box;
        }
        .rg_left >p:first-child{
            color: red;
            font-size: 20px;

        }
        .rg_left >p:last-child{
            color: #A6A6A6;
            font-size: 20px;

        }
        .rg_right p{
            font-size: 15px;
        }
        .rg_right p a{
            color: pink;
        }
        #btn_submit{
            width: 150px;
            height: 50px;
            margin-top: 50px;
            border:1px solid yellow;
            background-color: yellow;

        }
    </style>
    <script>
        var error='<%=request.getParameter("error")%>';
        if(error=='yes'){
            alert("登录失败");
        }
    </script>
</head>
<body>
<div class="rg_layout">
    <div class="rg_left">
        <p>留言板用户登录</p>
        <p>USER LOGIN</p>
    </div>
    <div class="rg_center">
        <div class="rg_from">
            <form action="loginServlet" method="post">
                <table border="0">
                    <tr>
                        <td class="td_left"><label for="username">用户名</label></td>
                        <td class="td_right"><input type="text" name="username" id="username" placeholder="请输入账号名称"></td>
                    </tr>

                    <tr>
                        <td class="td_left"><label for="password">密码</label></td>
                        <td class="td_right"><input type="password" name="password" id="password" placeholder="请输入密码"></td>
                    </tr>

                    <tr>
                        <td align="center" colspan="2"><input type="submit" value="登录" id="btn_submit"></td>
                    </tr>
                </table>
            </form>
        </div>
    </div>
    <div class="rg_right">
        <p>还未注册？<a href="regist.jsp">赶快去注册</a></p></div>
</div>
<footer>
    <center>
        
        <font size=5px" color="#a9a9a9" face="楷体">©️1813004745张振东 </font><font color="red" size="5px"><a href="admin.jsp">管理后台</a></font>
    </center>
</footer>
</body>
</html>

regist.jsp

<%--
  Created by IntelliJ IDEA.
  User: 张振东
  Date: 2020/4/12
  Time: 21:19
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>留言板---注册界面</title>
    <style>
        .td_left{
            padding-top: 50px;
            width: 100px;
            text-align: right;
            height: 45px;
        }
        .td_right{
            /*    本身就是表格，就是内边距*/
            padding-left:50px ;
            padding-top: 50px;

        }
        #username,#password{
            width: 251px;
            height: 33px;
            border: 1px solid ;
            /*    边框圆角*/
            border-radius: 5px;
            padding-left: 10px;
        }
        .rg_layout {
            width: 1000px;
            height: 700px;
            background: white;
            border: 8px solid #EEEEEE;
            /*div居中*/
            margin: auto;
            margin-top: 20px;

        }

        .rg_left {

            float: left;
            margin-top: 15px;
        }

        .rg_center {
            margin-left: 200px;
            margin-top: 10px;
            /*border: 1px solid #FF0000;*/
            float: left;
            width: 450px;
        }

        .rg_right {
            margin: 15px;

            float: right;
        }
        *{
            margin: 0px;
            padding: 0px;
            box-sizing: border-box;
        }
        .rg_left >p:first-child{
            color: red;
            font-size: 20px;

        }
        .rg_left >p:last-child{
            color: #A6A6A6;
            font-size: 20px;

        }
        .rg_right p{
            font-size: 15px;
        }
        .rg_right p a{
            color: pink;
        }
        #btn_submit{
            width: 150px;
            height: 50px;
            margin-top: 50px;
            border:1px solid yellow;
            background-color: yellow;

        }

    </style>
    <script>
        var error1='<%=request.getParameter("error")%>';
        if(error1=='no'){
            alert("注册成功");
        }
        if(error1=='yes'){
            alert("注册失败");
        }
    </script>
</head>
<body>
<div class="rg_layout">
    <div class="rg_left">
        <p>留言板用户注册</p>
        <p>USER REGISTER</p>
    </div>
    <div class="rg_center">
        <div class="rg_from">
            <form action="registServlet" method="post">
                <table border="0">
                    <tr>
                        <td class="td_left"><label for="username">用户名</label></td>
                        <td class="td_right"><input type="text" name="username" id="username" placeholder="请输入账号"></td>
                    </tr>

                    <tr>
                        <td class="td_left"><label for="password">密码</label></td>
                        <td class="td_right"><input type="password" name="password" id="password" placeholder="请输入密码"></td>
                    </tr>

                    <tr>
                        <td align="center" colspan="2"><input type="submit" value="注册" id="btn_submit" ></td>
                    </tr>
                </table>
            </form>
        </div>
    </div>
    <div class="rg_right">
        <p>注册成功？<a href="login.jsp">立即登录</a></p></div>
</div>
</body>
</html>

LoginServlet

package cn.zzd.web.servlet;



import cn.zzd.dao.impl.UserDaoImpl;
import cn.zzd.domain.User;
import cn.zzd.service.UserService;
import cn.zzd.service.impl.UserServiceImpl;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;


/**
 * @author 张振东
 * @version V1.0
 * @Title:
 * @Package
 * @Description: (用一句话描述该文件做什么)
 * @date：
 */
@WebServlet("/loginServlet")
public class LoginServlet extends HttpServlet {
   @Override
   protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
      //设置编码
      req.setCharacterEncoding("utf-8");
      //获取请求参数
      String username=req.getParameter("username");
      String password=req.getParameter("password");
      //封装user对象
      User loginUser = new User();
      loginUser.setPassword(password);
      loginUser.setUsername(username);
      //获取所有请求参数
      UserService userService = new UserServiceImpl();
      User user =userService.login(loginUser);
      if(user==null){
         //登录失败
         resp.sendRedirect("login.jsp?error=yes");
      }else{
         //登录成功
         //存储数据
         req.setAttribute("username",username);
         req.getRequestDispatcher("/newsListServlet?username="+username).forward(req,resp);
      }
   }

   @Override
   protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
      this.doGet(req,resp);
   }
}

RegistServlet：

package cn.zzd.web.servlet;

import cn.zzd.dao.impl.UserDaoImpl;
import cn.zzd.domain.User;
import cn.zzd.service.UserService;
import cn.zzd.service.impl.UserServiceImpl;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;

/**
 * @author 张振东
 * @version V1.0
 * @Title:
 * @Package
 * @Description: (用一句话描述该文件做什么)
 * @date：
 */
@WebServlet("/registServlet")
public class RegistServlet extends HttpServlet {
   protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
//设置编码
      request.setCharacterEncoding("utf-8");
      //获取请求参数
      String username=request.getParameter("username");
      String password=request.getParameter("password");
      //封装user对象
      User registUser = new User();
      registUser.setPassword(password);
      registUser.setUsername(username);
      //获取所有请求参数
      UserService userService = new UserServiceImpl();
      int result =userService.regist(registUser);
      if(result!=0){
         response.sendRedirect("regist.jsp?error=no");
      }else{
         response.sendRedirect("regist.jsp?error=yes");
      }
   }



   protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
      this.doPost(request, response);
   }
}

NewsListServlet：



package cn.zzd.web.servlet;

import cn.zzd.domain.News;
import cn.zzd.service.NewsService;

import cn.zzd.service.impl.NewsServiceImpl;


import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.util.List;

/**
 * @author 张振东
 * @version V1.0
 * @Title:
 * @Package
 * @Description: (用一句话描述该文件做什么)
 * @date：
 */
@WebServlet("/newsListServlet")
public class NewsListServlet extends HttpServlet {
   protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
      NewsService service = new NewsServiceImpl();
      List<News> news = service.findall();
      request.setAttribute("news", news);
      //System.out.println(request.getParameter("username"));
      if ("1813004745".equals(request.getParameter("username"))||request.getParameter("username")==null) {
         request.getRequestDispatcher("/list2.jsp").forward(request, response);
      } else {
         request.getRequestDispatcher("/list.jsp?username=" + request.getParameter("username")).forward(request, response);

      }

   }

   protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
      this.doPost(request, response);
   }
}

More code can go to my github ! ! !

Insert picture description here
Long road, JAVA is your partner! ! !

Formosa
Published 51 original articles · Like 163 · Visitors 10,000+
Private letter concerns

Guess you like

Origin blog.csdn.net/qq_43688587/article/details/105503953
Recommended
TIOBE May list: Fortran “resurrected” into Top 10
GCC 14.1 released
Ranking
B. Little Girl and Game【1300 / 回文字符串 博弈论】
CIKERS Shane 20190613
"Javascript advanced programming" study notes - the constructor and prototype
beeline hiveserver2 start
springboot - Automatically backup mysql data every day
Data Storage Full Solution--Detailed Persistence Technology
Detailed Explanation of Spring Web MVC DispatcherServlet—Official Original
TCP / IP protocol layers structure and function
Command type literal pos: unknown； Fallback type literal pos: unknown] with root cause
Design of multifunctional curtain controller with indoor anti-theft alarm
Daily
More
2024-05-08(18)
2024-05-07(34)
2024-05-06(6)
2024-05-05(0)
2024-05-04(18)
2024-05-03(8)
2024-05-02(0)
2024-05-01(4)
2024-04-30(36)
2024-04-29(5)

Code World

© 2018 codetd.com