创建maven-web工程

创建项目 - 图1
选择maven-archetype-webapp，填写groupId和artifactedId就可以创建一个maven-web的工程。然后在生成的pom文件中，指定要打包的格式

  1.   <groupId>com.lyc</groupId>
  2.   <artifactId>ssm-crud</artifactId>
  3.   <version>1.0-SNAPSHOT</version>
  4.   <packaging>war</packaging>

一个maven管理的web工程就创建好了。然后，按照业界的习惯，创建目录结构，设置好
image.png
image.png

导入基本的jar包

  • spring-webmvc
  • spring-aspect
  • spring-jdbc
  • mybatis
  • c3p0|durid
  • mysql-connect
  • jstl

  • servlet-api

    <dependencies>
  <dependency>
    <groupId>junit</groupId>
    <artifactId>junit</artifactId>
    <version>4.11</version>
    <scope>test</scope>
  </dependency>
  <!--spring webmvc-->
  <!-- https://mvnrepository.com/artifact/org.springframework/spring-webmvc -->
  <dependency>
    <groupId>org.springframework</groupId>
    <artifactId>spring-webmvc</artifactId>
    <version>5.2.15.RELEASE</version>
  </dependency>

  <!--spring aspect-->
  <!-- https://mvnrepository.com/artifact/org.springframework/spring-aspects -->
  <dependency>
    <groupId>org.springframework</groupId>
    <artifactId>spring-aspects</artifactId>
    <version>5.2.15.RELEASE</version>
  </dependency>

  <!--spring jdbc-->
  <!-- https://mvnrepository.com/artifact/org.springframework/spring-jdbc -->
  <dependency>
    <groupId>org.springframework</groupId>
    <artifactId>spring-jdbc</artifactId>
    <version>5.2.15.RELEASE</version>
  </dependency>

  <!--mybatis-->
  <!-- https://mvnrepository.com/artifact/org.mybatis/mybatis -->
  <dependency>
    <groupId>org.mybatis</groupId>
    <artifactId>mybatis</artifactId>
    <version>3.5.7</version>
  </dependency>
  <!-- https://mvnrepository.com/artifact/org.mybatis/mybatis-spring -->
  <dependency>
    <groupId>org.mybatis</groupId>
    <artifactId>mybatis-spring</artifactId>
    <version>2.0.6</version>
  </dependency>

  <!--database-->
  <!-- https://mvnrepository.com/artifact/c3p0/c3p0 -->
  <dependency>
    <groupId>c3p0</groupId>
    <artifactId>c3p0</artifactId>
    <version>0.9.1.2</version>
  </dependency>
  <!-- https://mvnrepository.com/artifact/mysql/mysql-connector-java -->
  <dependency>
    <groupId>mysql</groupId>
    <artifactId>mysql-connector-java</artifactId>
    <version>8.0.25</version>
  </dependency>

  <!--other-->
  <!-- https://mvnrepository.com/artifact/jstl/jstl -->
  <dependency>
    <groupId>jstl</groupId>
    <artifactId>jstl</artifactId>
    <version>1.2</version>
  </dependency>
  <!-- https://mvnrepository.com/artifact/javax.servlet/servlet-api -->
  <dependency>
    <groupId>javax.servlet</groupId>
    <artifactId>servlet-api</artifactId>
    <version>2.5</version>
    <scope>provided</scope>
  </dependency>
</dependencies>

    引入前端框架

    引入bootstrap前端框架，需要去官网下载文件，还需要下载jQuery文件
    在webapp文件夹目录下创建static文件夹，用户存放静态文件
    image.png
    创建基本的前端模板页面

    <%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
  <head>
      <meta charset="utf-8">
      <meta http-equiv="X-UA-Compatible" content="IE=edge">
      <meta name="viewport" content="width=device-width, initial-scale=1">
      <title>Bootstrap 101 Template</title>
      <link href="static/css/bootstrap.min.css" rel="stylesheet">
      <script src="static/js/jquery-3.6.0.min.js"></script>
      <script src="static/js/bootstrap.min.js"></script>
  </head>
  <body>
      <button type="button" class="btn btn-success">（成功）Success</button>
  </body>
</html>