JavaWeb完整案例详细步骤

JavaWeb完整案例详细步骤

废话少说，展示完整案例

代码的业务逻辑图

 

 

主要实现功能

基本的CURD、分页查询、条件查询、批量删除

所使用的技术

• 前端：Vue+Ajax+Elememt-ui

• 后端：Web层（Servlet）+Service层+Dao层（持久层）+Mybatis

步骤：

第一步：创建项目、导入jar包、创建数据库、Element-ui、Axios框架

• pom.xml

<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
  xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/maven-v4_0_0.xsd">
  <modelVersion>4.0.0</modelVersion>
  <groupId>com.wfy</groupId>
  <artifactId>BrandTest</artifactId>
  <packaging>war</packaging>
  <version>1.0-SNAPSHOT</version>
  <name>BrandTest Maven Webapp</name>
  <url>http://maven.apache.org</url>
  <dependencies>
    <dependency>
      <groupId>junit</groupId>
      <artifactId>junit</artifactId>
      <version>4.13.2</version>
      <scope>test</scope>
    </dependency>
<!-- servlet-->
    <dependency>
      <groupId>javax.servlet</groupId>
      <artifactId>javax.servlet-api</artifactId>
      <version>4.0.1</version>
    </dependency>
<!--  mysql-->
    <dependency>
      <groupId>mysql</groupId>
      <artifactId>mysql-connector-java</artifactId>
      <version>8.0.30</version>
    </dependency>
<!-- ajax-->
    <dependency>
      <groupId>com.alibaba</groupId>
      <artifactId>fastjson</artifactId>
      <version>2.0.14</version>
    </dependency>
<!--mybatis-->
    <dependency>
      <groupId>org.mybatis</groupId>
      <artifactId>mybatis</artifactId>
      <version>3.5.11</version>
      <scope>compile</scope>
    </dependency>
  </dependencies>
  <build>
    <finalName>BrandTest</finalName>
  </build>