一、IDEA中创建一个Java空项目
1.第一步:File--》new--》project
2.第二步:Jdk选择本机安装路径下的 --》next
3.第三步:写入项目名称,选择项目路径,工作路径不要放在jdk安装路径下》finish》成功创建一个Java空项目
二、添加Tomcat
1. 第一步:右键项目选择Add frame work support... 添加框架支持
2.第二步:选择Web Application--》点击ok
3.成功变为一个Java web项目 ,如图所示
4.第四步如图
5.配置tomcat
6.部署项目
7.服务器配置完成
三、代码阶段
1.创建一个lib文件夹用来导用到的库
2.导库 将下面两各包粘贴如lib并解压
mysql-connector-java-5.1.49.jar
servlet-api.jar
如果没有请如下网盘提取
链接:https://pan.baidu.com/s/1N-RED851nChPRL5g-wSIvA
提取码:lyy1
3.在web下面创建jsp前端文件 ,src下存放java文件
4.菜单显示界面 代码:
<%--
Created by IntelliJ IDEA.
User: DELL
Date: 2021/11/3
Time: 9:18
To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
菜单界面
div{
font-size: 50px;
}
1.查看学生信息
2.添加学生信息
3.修改学生信息
4.删除学生信息
5.查询功能
5-1 前端页面
<%@ page import="java.sql.ResultSet" %><%--
Created by IntelliJ IDEA.
User: DELL
Date: 2021/11/3
Time: 11:06
To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
学生信息
<%--java代码--%>
<%
//获取管道内数据并且强转为ResultSet类型
ResultSet r = (ResultSet)request.getAttribute("r");
%>
<%--前端显示数据代码--%>
| 学号 | <%--列--%>姓名 |
| <%=r.getInt("sid")%> | <%=r.getString("sname")%> |
5-2后端页面
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.sql.Connection;
import java.sql.DriverManager;
import java.sql.ResultSet;
import java.sql.Statement;
@WebServlet("/show")
public class Show extends HttpServlet {
@Override
protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
//注册驱动
try {
Class.forName("com.mysql.jdbc.Driver");
//获取连接
Connection root = DriverManager.getConnection(
"jdbc:mysql://localhost:3306/my", // 协议名称://ip地址:端口号/数据库名称
"root", //用户名
"12345"); //密码
//创建执行sql的平台
Statement statement = root.createStatement();
//编写sql语句
String select = "select * from stu";
//执行sql语句 获取数据集
ResultSet resultSet = statement.executeQuery(select);
//将数据集放入request通道,进行传输
req.setAttribute("r",resultSet);
//跳转界面 将数据集传给前端界面 show.jsp
req.getRequestDispatcher("show.jsp").forward(req,resp);
} catch (Exception e) {
e.printStackTrace();
}
}
}
6.插入功能
6-1前端页面
<%--
Created by IntelliJ IDEA.
User: DELL
Date: 2021/11/3
Time: 11:06
To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
添加页面
6-2后端页面
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.sql.Connection;
import java.sql.DriverManager;
import java.sql.Statement;
@WebServlet("/add") //起个名字与前端的action属性产生联系
public class Add extends HttpServlet {
@Override
protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
//注册驱动
try {
Class.forName("com.mysql.jdbc.Driver");
//获取连接
Connection root = DriverManager.getConnection(
"jdbc:mysql://localhost:3306/my",
"root",
"12345");
//创建sql执行平台
Statement statement = root.createStatement();
//获取前端数据
String aid = req.getParameter("aid");
String aname = req.getParameter("aname");
//编写sql语句
String add = "insert into stu values ("+aid+",'"+aname+"')";
//执行sql语句
statement.executeUpdate(add);
//跳转页面回到菜单栏
req.getRequestDispatcher("index.jsp").forward(req,resp);
} catch (Exception e) {
e.printStackTrace();
}
}
}
7.修改功能
7-1前端代码
<%--
Created by IntelliJ IDEA.
User: DELL
Date: 2021/11/3
Time: 11:06
To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
修改页面
7-2后端代码
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.sql.Connection;
import java.sql.DriverManager;
import java.sql.Statement;
@WebServlet("/change")
public class Change extends HttpServlet {
@Override
protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
//注册驱动
try {
Class.forName("com.mysql.jdbc.Driver");
//获取连接
Connection root = DriverManager.getConnection(
"jdbc:mysql://localhost:3306/my",
"root",
"12345");
//创建sql执行平台
Statement statement = root.createStatement();
//获取前端数据
String oid = req.getParameter("oid");
String nid = req.getParameter("nid");
String nname = req.getParameter("nname");
//编写sql语句
String change = "update stu set sid = "+nid+",sname='"+nname+"'where sid = "+oid;
//执行语句
statement.executeUpdate(change);
//跳转页面回到主界面
req.getRequestDispatcher("index.jsp").forward(req,resp);
} catch (Exception e) {
e.printStackTrace();
}
}
}
8.删除功能
8-1前端页面
<%--
Created by IntelliJ IDEA.
User: DELL
Date: 2021/11/3
Time: 11:08
To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
删除页面
8-2后端页面
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.sql.Connection;
import java.sql.DriverManager;
import java.sql.Statement;
@WebServlet("/del") //起个名与前端产生联系
public class Delete extends HttpServlet {
@Override
protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
//注册驱动
try {
Class.forName("com.mysql.jdbc.Driver");
//获取连接
Connection root = DriverManager.getConnection(
"jdbc:mysql://localhost:3306/my",
"root",
"12345");
//创建sql执行平台
Statement statement = root.createStatement();
//获取前端数据
String did = req.getParameter("did");
//编写sql语句
String delete = "delete from stu where sid ="+did;
//执行sql语句
statement.executeUpdate(delete);
//跳转页面
req.getRequestDispatcher("index.jsp").forward(req,resp);
} catch (Exception e) {
e.printStackTrace();
}
}
}
四、页面展示
1.主界面
2.查看
3.添加
4.修改
5.删除
完结 !!! 八天零基础实现JavaWeb小项目,感谢 赵继伟 老师,YYDS!!!!
学习记录 仅供参考



