idea构建Javaweb项目,验证信息管理管理系统的登陆界面

                                    项目目录一览

如果不知道文件应该创建在何处,回过头来看看就好

一.项目构建

 1.idea创建一个简单Java项目

 2.添加web框架

 3.在web目录下新建目录,命名为classes

 4.复制classes目录的绝对路径,打开项目结构添加编译路径

 5.添加servlet依赖(在自己tomcat安装目录的lib文件夹下可以找到)

 二.配置tomcat

 三.编写servlet代码

 1.在src下创建如下Java代码

注意数据库名字必须修改为自己的数据库String url="jdbc:mysql://localhost:3306/232haoqingnian";红色部分为自己的数据库名字

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.io.PrintWriter;
import java.sql.Connection;
import java.sql.DriverManager;
import java.sql.ResultSet;
import java.sql.Statement;

    /**
     * 简述:
     *
     * @author:LiYansheng
     * @date:2021/08/11 22:56
     * @version:
     */
    @WebServlet("/logon")
    public class validatelogon  extends HttpServlet {
        protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException
        {
            response.setContentType("text/html;charset=UTF-8");
            response.getWriter().println("hello world");
        }
        protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
            response.setContentType("text/html;charset=UTF-8");
            String username = request.getParameter("username");
            String password = request.getParameter("password");
            PrintWriter out = response.getWriter();
            try {
                int flag=0;
                // 第一步:装载驱动
                Class.forName("com.mysql.cj.jdbc.Driver");
                // 第二步:建立连接
                String url="jdbc:mysql://localhost:3306/232haoqingnian";
                String user="root";
                String pwd="root";
                Connection con= DriverManager.getConnection(url,user,pwd);
                // 第三步:执行sql语句
                String sql = "select * from user";
                Statement st = con.createStatement();
                ResultSet rs = st.executeQuery(sql);
                while (rs.next()) {
                    System.out.println(username+password);
                    System.out.println(rs.getString("username"));
                    System.out.println(rs.getString("password"));
                    if (username.equals(rs.getString("username")) && password.equals(rs.getString("password"))) {

                        response.sendRedirect("https://www.maoyan.com/");
                        flag=1;
                        break;
                    }
                }
                if(flag==0) {
                    response.setContentType("text/html;charset=UTF-8");
                    out = response.getWriter();
                    out.println("<html><body>");
                    out.println("<h2>验证失败,账号或密码错误</h2>");
                    out.println("</body></html>");
                }
            out.close();// 关闭Printwrite
                // 第五步:关闭连接
                con.close();
            } catch (Exception ex) {
                ex.printStackTrace();
            }
        }
}

 2.在web.xml下web-app标签里边添加如下代码

 <servlet>
        <servlet-name>logon</servlet-name>
        <servlet-class>validatelogon</servlet-class>
    </servlet>
    <servlet-mapping>
        <servlet-name>logon</servlet-name>
        <url-pattern>/demo</url-pattern>
    </servlet-mapping>

其中servlet-class是创建的servlet类的名字,servlet-name对应servlet类下注解@WebServlet的值url-pattern是你想要的访问路径

 

 3.创建html代码编写一个表单

设置表单<from action="http://localhost:8080/mywebproject/demo"   method="post">其中mywebproject是刚刚部署tomcat时创建工件时的默认地址

下面代码仅供参考可用自己的登录表单,把账号密码框的name属性设置成username和password便于和servlet代码匹配

<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <title>系统登录</title>
    <style>
        * {
            margin: 0;
            padding: 0;
        }
        /* 父容器样式 */
        .container {
            height: 800px;
            background-color: rgb(228, 226, 223);
            border: 1px solid;
            /* padding: 1px; */
        }
        form {
            background-color: aqua;
            height: 350px;
        }
        h2 {
            color: blue;
            font-size: 20px;
        }
    </style>

</head>
<body>
<div class="container">
                <form action="http://localhost:8080/mywebproject/demo"  align="center" 
                      method="post">
                    <h2>欢迎登录花果山电影信息管理系统</h2>
                    <table height="200px">
                        </thead>
                        <tbody>
                        <tr>
                            <td><span>账号:</span></td>
                            <td><input type="text" name="username"><br></td>
                        </tr>
                        <tr>
                            <td><span>密码:</span></td>
                            <td><input type="password" name="password"></td>
                        </tr>
                        </tbody>
                    </table>
                    <input type="submit" value="登录">
                    <input type="reset" value="重置">
                </form>
</div>
</body>
</html>

四.添加数据库驱动依赖,创建user表

1.在自己的数据库创建user表

 2.添加数据库依赖

添加方法同添加servlet依赖,如果没有这个驱动依赖文件可以参考这里mysql驱动下载

五.验证登录

1.启动项目

1-1:验证servlet配置成功

在地址栏直接输入demo默认跳转servlet的doGet()方法,显示hello world即为成功

 如果遇到如下错误,不要惧怕

 可以这样解决,打开项目结构->工件->底边警告那里可以一键修正

 2.打开html文件(可以在浏览器中直接输入文件名字打开)

 

3.输入账号密码登录

如果账号密码在数据库中存在会跳转以下界面,登陆成功

否则会验证失败出现以下界面

 

  • 4
    点赞
  • 54
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
研究背景: 在大学中,学生竞赛不仅仅为学生提供了一个展示自我检验所学知识的机会,更是一个高校与高校间的相互比拼、相互学习的一个平台。近年来各大高校对学生竞赛的关注度越来越高,各个学校不断引导学生利用课下的时间参加比赛,学习技能。 学生参赛任务的剧增,暴露出诸多问题。首先参赛通知的下发传达问题、其次相关校赛选拔的组织问题、赛后材料归档、报备问题、以及庞大而繁杂的学生参赛数据等等。为了更加规范、便捷、统一的管理学生竞赛的相关信息,特设计了班级管理、赛事管理、团队管理、统计数据等五大主要功能,分管理员与普通用户两类权限,可实现准确上报,快捷统计数据的同时可降低数据的错误率。 系统主要的功能: 学生竞赛管理系统根据学院学生竞赛实际承办经验设计开发,将所有报名信息,队伍详情,赛后数据全部线上统一收集、储存、管理。分管理员权限与普通用户权限。系统功能分为;班级管理、赛事管理、团队管理、查询信息、用户信息五大功能模块,分别下设12个功能:可以添加数据维护班级信息,发布大赛信息,录入团队信息,查询团队信息,查询参赛学生信息,统计某项赛事的具体数据,设置添加用户,查询用户等功能。无需采用传统的人工统计方式,可由各参赛团队直接录入,大大减轻大赛负责人的工作量,大大提高工作效率。本系统对界面以及交互性做了重大的优化与调整,使界面尽最大化的美观、布局合理,交互动作流畅免突兀,让学生、管理人员无需培训便可熟练操作此系统。 开发模式与结构 本系统采用MVC开发模式: Model - JavaBean实现。用于封装业务数据 View - Jsp实现。用于显示数据 Controller-  servlet实现。用于控制model和view 三层结构: dao层: 和数据访问相关的操作 service层: 和业务逻辑相关的操作 web层: 和用户直接交互相关的操作(传接参数,跳转页面)

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值