我的IDEA是2020.3.2版本,如果版本不同可能会导致文件夹的结构不同。大家注意文件夹位置。
javaweb项目分为前端和后端,前端主要是HTML页面的设计,在这里我用的是很简单的表单标签和输入标签进行演示,大家可以在完成后进行美化。
1.我创建了一个名为Demo1的javaweb项目,在开始编写时需要对运行参数进行设置。点击导航栏处的tomcat,打开 Edit Configuration,将部分参数进行设置。
页面打开之后,找到Server处画红框的位置,将选项都改为 Update classes and resources,这样是会在你修改代码后自动更新资源,避免后期修改代码时不需要重启tomcat进行资源更新的情况。
再点开Deployment选项,查看Application context处的路径是怎么样的,这是我们访问项目时要在http://localhost:8080后加的路径,如果觉得过于繁琐可以修改。我这里原路径过长我就改成了项目名。
2.打开web.xml文件,在里面加入以下代码:
<welcome-file-list>
<welcome-file>login.jsp</welcome-file>
</welcome-file-list>
3.导入数据库驱动包
在WEB-INF下创建一个名为lib的文件夹,将数据库驱动jar包复制进去,右键文件夹,选择“Add as Library”
完成上述操作后点击OK进行应用就可以开始写代码啦~
一、登录功能的实现
1.前端页面
在webapp文件夹下创建一个名为login的JSP文件作为登录页面,在里面写入登录时想要获取的数据,我这里想要获取的数据是用户名和密码,代码如下:
登录页面:
<%--
Created by IntelliJ IDEA.
User: 86139
Date: 2021/10/24
Time: 14:47
To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>登录页面</title>
</head>
<body>
<form action="UserServlet" method="post">
<input type="hidden" name="method" value="login"> <%--后端获取这个属性用于判断前端请求的是登录还是注册--%>
<label>
用户名:<input type="text" name="username">
</label><br><br>
<label>
密码:<input type="password" name="password">