本文大部分借鉴http://t.csdn.cn/eh56U以及http://t.csdn.cn/u7DBq

1.首先是下载好idea旗舰版（30天试用期）（可以自己去找破解版的，或补丁）和tomcat,MYSQL软件。

1.打开idea，左上角文件，建立java项目，然后添加web框架

点击next ，然后填写项目的名称以及位置，finish

右键项目，选择add framework support

完成之后，项目结构变成了这样

接下来，我们在WEB-INF下创建classes,lib文件夹

2.编辑项目结构

将output path的路径改成classes文件夹的路径

接下来点击dependencies，选择加号，选择jars or directories

点击后，他会弹出一个文件选择框，这里选择lib文件所在位置，之后按照下面这张图

添加这些项目，比如在项目结构-依赖中添加Tomcat 的jsp和servlet

完成以上这些，

3.我们配置web容器（注意：这里是tomcat Server,不是tomcatEE Server）

第一步配置tomcat所在路径，第二步配置jre/jdk,第三步填写web容器名字，这里可以写tomcat+版本号

完成后，点击OK即可

4.在src中新建资源包，这里名字叫DBConfig

在资源包

DBConfig

中写这些东西

driver=com.mysql.cj.jdbc.Driver
url=jdbc:mysql://localhost:3306/obstore?useUnicode=true&characterEncoding=UTF-8&serverTimezone=UTC
user=root
psd=Hkwn#ka;o7ro

obstore是数据库的名字

psd是数据库的密码

在src中建立两个类，如下图

OpenConnection：

import java.io.IOException;
import java.sql.Connection;
import java.sql.DriverManager;
import java.sql.SQLException;
import java.util.Properties;public class OpenConnection {public Connection getConnection(){String driver=null;String url = null;String user = null;String psd = null;Connection conn = null;Properties pro = new Properties();try {pro.load(this.getClass().getClassLoader().getResourceAsStream("DBConfig.properties"));driver=pro.getProperty("driver");url=pro.getProperty("url");user = pro.getProperty("user");psd = pro.getProperty("psd");}catch (IOException ex){ex.printStackTrace();}try {Class.forName(driver);}catch (ClassNotFoundException e){e.printStackTrace();}try {conn = DriverManager.getConnection(url,user,psd);conn.setAutoCommit(false);return conn;}catch (SQLException e){e.printStackTrace();}return null;}
}

UserLogin ：

import java.sql.Connection;public class UserLogin {public static void main(String[] argus){OpenConnection db = new OpenConnection();Connection conn = db.getConnection();System.out.println(conn);}
}

编辑一个执行窗口，就在UserLogin里右键执行

如果出现以下东西就代表成功

5. 最后就是连接数据库了

最右侧有数据库选项，点开之后添加可以连接数据库，并直接显示表格

名称：数据库名@localhost

6.在jsp写入代码，然后运行

<%@ page import="java.sql.Statement" %>
<%@ page import="java.sql.ResultSet" %>
<%@ page import="java.sql.Connection" %>
<%@ page import="java.sql.DriverManager" %><%--Created by IntelliJ IDEA.User: AdministratorDate: 2019/9/24Time: 9:30To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head><title>$Title$</title>
</head>
<body><%try {Class.forName("com.mysql.cj.jdbc.Driver");  //加载数据库驱动String url = "jdbc:MySQL://localhost:3306/obstore?&useSSL=false&serverTimezone=UTC"; //指向数据库tableString username = "root";  //数据库用户名String password = "Hkwn#ka;o7ro";  //数据库用户密码Connection conn = DriverManager.getConnection(url, username, password);if(conn != null){System.out.print("数据库连接成功！");out.println("<br />");out.println("-------------------------------");out.print("<br />");Statement stmt = null;ResultSet rs = null;String sql ="select * from user_info";  //查询语句stmt = conn.createStatement();rs = stmt.executeQuery(sql);out.println("执行结果如下所示:");out.println("<br />");out.println("-------------------------------");out.println("<br />");out.println("id" + "\t" + "uname"+"\t"+"psd"+"\t");out.println("<br />");while (rs.next()) {out.println(rs.getString("id")+"   &nbsp  "+rs.getString("uname")+"  &nbsp "+rs.getString("psd")+"  &nbsp "); //将数据库表格查询结果输出out.print("<br />");}}else{System.out.print("连接失败！");}}catch (Exception e) {System.out.print("数据库连接异常！");}
%>
</body>
</html>

最后的效果图

idea创建web项目，并连接数据库，在网页输出相关推荐

SpringBoot创建web项目
本人使用的是eclipse平台,安装SpringBoot插件即可.下面介绍如何使用springboot创建web项目. 1.创建项目工程 File->New->Project...-> ...
Tomcat配置、创建Web项目
Tomcat配置.创建Web项目第一章 Web应用的演变 1.1 C/S模式和B/S模式 C/S:Client/Server或客户端/服务器模式 C/S的优点是能充分发挥客户端PC的处理能力缺点是 ...
IDEA中创建WEB项目
一.创建WEB项目一.创建普通Java项目二.创建WEB项目 1.点击Add Framework Support 2.选中Web Application 3.成功以后会出现web的包(带蓝色的点的 ...
Eclipse+Maven创建web项目
有时候我们想用eclipse+maven创建web项目,怎么操作呢,下面我来给大家来分享一下方法所需工具已经安装了maven插件的elipse 步骤 1.打开eclipse,右键new--othe ...
Maven学习总结(七)——eclipse中使用Maven创建Web项目
2019独角兽企业重金招聘Python工程师标准>>> Maven学习总结(七)--eclipse中使用Maven创建Web项目一.创建Web项目 1.1 选择建立Maven Pr ...
在IntelliJ IDEA中创建Web项目
在IntelliJ IDEA中创建Web项目在IntelliJ IDEA中创建Web项目 1,创建Maven WebProject 选择File>New>Project 出现New Pr ...
Intellij IDEA 创建Web项目并在Tomcat中部署运行
一.创建Web项目 1.File -> New Module,进入创建项目窗口 2.选择Java类型,在 Module name 处输入项目名,点击Next 3.勾选 Web Applicati ...
IDEA创建Web项目及部署Tomcat
IDEA创建Web项目及部署Tomcat 说明:本文章适用于IDEA2020及以后版本操作 IDEA创建Web项目及部署Tomcat:IDEA2020创建Web项目(及部署Tomcat) 细节补充 ...
Intellij Idea 创建Web项目入门（一）
原文:Intellij Idea 创建Web项目入门(一) 相关软件: Intellij Idea14:http://pan.baidu.com/s/1nu16VyD JDK7:http://pan. ...
eclipse怎么创建web项目html,eclipse入门之创建第一个web程序(jsp测试环境)
1.首先我们打开eclipse 2.下面我们去eclipse配置tomcat a) 菜单栏选择window--preferences b) 在向导视图中找到Server c) 在Server点击箭头, ...

idea创建web项目，并连接数据库，在网页输出