idea+tomcat+mysql 从零开始部署Javaweb项目(保姆级别)

新建一个项目

  1. new project;
  2. Java;
  3. 选择jdk的版本;
  4. next;
  5. next;
  6. 填写项目名字,选择保存的路径;
  7. Finish;

对于新建好的项目,第一个是项目的名称,.iml是项目的标识文件,标识一个独立的项目;

在这里插入图片描述

在这里插入图片描述

添加web支持

  1. 点击项目的名称,右键;
  2. Add Frameworks Support;
  3. web application;
  4. ok;

此时项目下多了一个web的目录,这是整个web项目的根目录。

在这里插入图片描述

整个项目结构如下:

  1. test表示项目的名称;
  2. src用来存储代码;
  3. web是web项目的根目录,其中包含一个WEB-INF和index.jsp,其中index.jsp是项目启动后默认的进入的页面;
  4. test.iml是整个项目的标识文件。

在这里插入图片描述

配置tomcat

前提是成功下载好tomcat

  1. add configuration;

  2. +号;

  3. 选择tomcat server 下的local。
    在这里插入图片描述

  4. configure,选择tomcat下载的路径;

  5. 选择jdk依赖,一般默认就好;

  6. fix——>ok。
    在这里插入图片描述
    最后点击ok就成功部署tomcat了。

优化tomcat的部署

【还是tomcat的配置中】更新的操作可以选择update classes and resources,这样就不需要代码有更新的时候一直都重启,重启太慢,只需要刷新就好。

在这里插入图片描述

  1. 点击file;
  2. 选择project structure;
  3. modules;
  4. dependencies;
  5. +号;
  6. library;
  7. 选择tomcat的依赖包;
  8. add selected ——>ok;

添加tomcat的依赖包,避免有的时候导包报错。

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

运行tomcat

点下面的标识就可以。
在这里插入图片描述

运行成功后会显示以下页面。

这里有一个需要注意的点就是网页启动后的的路径,我这里是http://localhost:8080/test_war_exploded/和我的tomcat的配置是对应的,比如端口号8080,以及在配置tomcat的fix之后添加的也是test_war_exploded,一句话就是要对应。

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

如果以上配置都正确的话,修改index.jsp并且保存后,点击绿色的标识,再刷新网页就可以得到修改后的内容

在这里插入图片描述

在这里插入图片描述

idea数据库连接

首先下载好mysql。

  1. view;
  2. tool windows;
  3. database。

在这里插入图片描述
4. 侧边栏显示database标识,点击标识;
5. +号;
6. 选择自己的数据库;

在这里插入图片描述
7. 填写数据库的账号和密码;
8. 点击test connection。

在这里插入图片描述

显示successed表示成功。

在这里插入图片描述

  1. 点击+号;
  2. query console,调出控制台;
  3. 编写相应的sql语句;
  4. 点击绿色小标运行,即可在输出界面看到对应的运行结果。

在这里插入图片描述
在这里插入图片描述
按照上面的方法,快速建立好数据库,这里是新建了一个studentinfomanagement的数据库。

java连接数据库

  1. 编辑一个类似下面的代码,把自己的数据库账号密码以及数据库的名称都更换成自己的。
package utils;

import java.sql.DriverManager;
import java.sql.SQLException;

import java.sql.Connection;
public class DBUtils {

    /**
     * 获取数据库连接
     * @return Connection对象
     */
    public static Connection getConnection(){
        String dbUserName = "root";
        String dbUserPasswd = "123456";
        String dbURL = "jdbc:mysql://localhost:3306/studentinfomanagement?"
                + "user="+dbUserName+"&password="+dbUserPasswd+"&useUnicode=true&characterEncoding=UTF8&serverTimezone=UTC&useSSL=false";
        Connection conn = null;
        try {
//            Class.forName("com.mysql.jdbc.Driver");//低版本 5.+
			Class.forName("com.mysql.cj.jdbc.Driver");// 高版本8.+
            conn = (Connection) DriverManager.getConnection(dbURL,dbUserName,dbUserPasswd);
        } catch (ClassNotFoundException | SQLException e) {
            e.printStackTrace();
        }
        return conn;
    }

    /**
     * 关闭数据库连接
     * @param conn Connection对象
     */
    public static void closeConnection(Connection conn) {
        //判断conn是否为空
        if(conn != null){
            try {
                conn.close();//关闭数据库连接
            } catch (SQLException e) {
                // TODO: handle exception
                e.printStackTrace();
            }
        }
    }


}


  1. 右键WEB-INF,new,directory,新建一个lib目录

在这里插入图片描述
3. 把与自己mysql适配的驱动jar包复制到路径下。

在这里插入图片描述
4. 右键lib目录,add as library。

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

  1. 以上成功后,可以使用以下代码进行简单的测试,这里还有一种可能就是上面代码给的是高版本的驱动器的代码,如果自己的驱动版本是5版本的话可以换一个驱动的代码,否则也可能报错java.lang.ClassNotFoundException: com.mysql.jdbc.Driver

在这里插入图片描述

package test;

import utils.DBUtils;

public class test {
    /**
     * DB测试用例
     */
    public static void testDB(){
        System.out.println(DBUtils.getConnection());
    }

    public static void main(String[] args) {
        testDB();
    }
}

出现以下类似结果表示连接成功。

com.mysql.cj.jdbc.ConnectionImpl@61832929

Process finished with exit code 0

以上,一个正常的项目就可以启动起来了。

  • 19
    点赞
  • 36
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要在VSCode中开发JavaWeb项目,并实现Maven和Tomcat的热部署,可以按照以下步骤操作: 1. 在VSCode中安装Java开发工具包(Java Development Kit,JDK)和Maven插件(如"Maven for Java")。 2. 在VSCode的终端中使用Maven命令创建一个新的JavaWeb项目。可以运行以下命令: ```shell mvn archetype:generate -DgroupId=com.example -DartifactId=mywebapp -DarchetypeArtifactId=maven-archetype-webapp -DinteractiveMode=false ``` 这将创建一个基本的JavaWeb项目结构。 3. 在VSCode中打开项目文件夹,编辑pom.xml文件,添加所需的依赖项(例如Tomcat插件和热部署插件)。 4. 配置Tomcat插件以实现热部署。在pom.xml文件中添加以下代码块: ```xml <project> ... <build> ... <plugins> ... <plugin> <groupId>org.apache.tomcat.maven</groupId> <artifactId>tomcat7-maven-plugin</artifactId> <version>2.2</version> <configuration> <enableNaming>true</enableNaming> <path>/</path> <server>TomcatServer</server> <url>http://localhost:8080/manager/text</url> </configuration> </plugin> </plugins> ... </build> ... </project> ``` 这将配置Tomcat插件以便与指定的Tomcat服务器进行交互。 5. 在VSCode终端中运行以下命令启动Tomcat服务器: ```shell mvn tomcat7:run ``` 这将启动Tomcat服务器并部署项目。 6. 编写和修改Java代码、HTML文件或其他项目资源。每次保存文件时,Tomcat服务器将自动检测并重新部署已更改的文件(实现热部署)。 通过以上步骤,您可以在VSCode中开发JavaWeb项目,并使用Maven和Tomcat实现热部署。请注意,确保按照您的项目需求进行适当的配置,并将端口号等信息根据您的配置进行调整。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值