javaEE——创建Web项目

1、先新建立java项目,选中web application

在这里插入图片描述

2、填写项目名称和路径

在这里插入图片描述

3、建好工程后在WEB-INF中创建名为classes和lib的两个文件夹

在这里插入图片描述

4、然后点击File——>Project Structure——>Modules——>Paths,修改Output path和Test output path的路径

在这里插入图片描述

5、点击Add Configuration,点击加号,找到Tomcat,本地的选择local

在这里插入图片描述

6、查看自己的Tomcat的控制台编码,修改配置

在这里插入图片描述
返回idea,参数配置如下:
在这里插入图片描述

下面出现了一个警告,点击fix,输入的name,建议和你建的project名字一样。apply。
在这里插入图片描述

此时返回server页面,按照下图进行配置,你的Tomcat版本可以不必和我相同。我的tomcat端口改了8100.默认是8080.
在这里插入图片描述

此时页面变成了这样:
在这里插入图片描述

接下来选择File——>Project Structure——>Modules——>Dependencies——>+——>Libraries,选择Application Server Libraries下的Tomcat 9.0.1,点击Add Selected,这样就可以导入jsp和servlet的jar包了。我这里还添加了自己的jar文件如:struct2,mysql-jdbc驱动。

在这里插入图片描述

7、测试

在src文件夹下新建名为“cn.jxs.servlet”package,并在package下新建名为HelloServlet.java的文件
在这里插入图片描述

在这里插入图片描述

7.1、在WEB-INF下更改web.xml文件:

原来的文件:
在这里插入图片描述

在这里插入图片描述

接下来我们开始测试是否成功创建:
点击:
在这里插入图片描述

下面 控制台显示日志:
在这里插入图片描述
然后跳转到浏览器页面
在这里插入图片描述

接下来输入我们刚才自己配置的网页地址:http://localhost:8100/javaEE_war_exploded/aa
看到了 HelloServlet.java写的内容了。
在这里插入图片描述

目前一切正常。接下来创建对应的jdbc-bean:
在这里插入图片描述

8、测试jdbcbean。

1、创建JSP文件:
在WEB目录下面创建WebRoot目录,然后在该目录创建4个jsp文件:
login.jsp:

<%--
  Created by IntelliJ IDEA.
  User: 86158
  Date: 2020/9/21
  Time: 10:15
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>登录页面</title>
    <style type="text/css">
        #myform{
     
     
            margin: 0 auto;
            text-align: center;
        }
        #myform div{
     
     
            text-align: center;
        }
    </style>
</head>
<body style="align-content: center">

    <form id="myform" action="webRoot/validate.jsp" method="post">
        <fieldset>
            <legend align="center">登陆参数</legend>
       <div>
           用户名:
           <label>
               <input type="text" name="username">
           </label><br>
           密 码:
           <label>
               <input type="password" name="password">
           </label><br>
       </div>
            <div>
                <input type="submit" value="提交">
            </div>
        </fieldset>
    </form>

</body>
</html>



validate.jsp:

<%@ page import="java.sql.ResultSet" %>
<%@ page import="java.sql.SQLException" %><%--
  Created by IntelliJ IDEA.
  User: 86158
  Date: 2020/9/21
  Time: 10:15
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<jsp:useBean id="MySqlBean" scope="page" class="org.easybooks.bookstore.jdbc.MySQLConnBean"/>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=gb2312">
    <title>判断界面</title>
</head>
<body>
   <%
       String user = request.getParameter("username");
       String password = request.getParameter("password");
       boolean isValid = false;
       String sql = "select username,password from user";
       MySqlBean.OpenConn();
       ResultSet res = MySqlBean.executeQuery(sql);
       try{
           while (res.next()){
               try {
                   if(res.getString("username").equals(user)&&res.getString("password").equals(password)){
                       isValid = true;
                   }
               } catch (SQLException e) {
                   e.printStackTrace();
               }
           }
       }catch (SQLException e){
           e.printStackTrace();
       }

       MySqlBean.close();

   if(isValid){
   %>
   <jsp:forward page="welcome.jsp"/><%--必须手动关闭 标签--%>

   <%
   }else{
       %>
        <jsp:forward page="error.jsp"/>
   <%
   }
   %>
</body>
</html>

welcome.jsp:

<%--
  Created by IntelliJ IDEA.
  User: 86158
  Date: 2020/9/21
  Time: 9:44
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" %>
<html>
<head>
    <title>登陆成功</title>
</head>
<body style="background-color: red">
<%out.print(request.getParameter("username"));%>,您好,欢迎光临叮当书店!
</body>
</html>

error.jsp

<%--
  Created by IntelliJ IDEA.
  User: 86158
  Date: 2020/9/21
  Time: 9:44
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>登陆失败页面</title>
    <script type="text/javascript">
        window.alert("登陆失败,请检查密码和用户名!")
    </script>
</head>
<body>

</body>
</html>

2、将mysql-jdbc的驱动放到web的lib目录下:
在这里插入图片描述

9、测试:
1、修改web.xml文件,改变项目启动文件为login.jsp,部署启动tomcat服务器。

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee"
         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_4_0.xsd"
         version="4.0">
    <!--这里默认是没有写的,因为默认是index.html-->
    <welcome-file-list>
        <welcome-file>login.jsp</welcome-file>
    </welcome-file-list>
    <servlet>
        <servlet-name>HelloServlet</servlet-name>
        <servlet-class>cn.jxs.servlet.HelloServlet</servlet-class>
        <load-on-startup>1</load-on-startup>
    </servlet>

    <servlet-mapping>
        <servlet-name>HelloServlet</servlet-name>
        <url-pattern>/aa</url-pattern>
    </servlet-mapping>
</web-app>

然后将login.jsp文件放到web目录下面:
在这里插入图片描述

2、重新启动项目服务器,然乎浏览器输入:http://localhost:8100/javaEE_war_explore/

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/qq_44861675/article/details/108583849