【Web】Maven搭建前后端连接实例

最新推荐文章于 2022-04-23 20:08:56 发布
最新推荐文章于 2022-04-23 20:08:56 发布
阅读量1.4k 收藏 8
点赞数 1
分类专栏： 项目实习 文章标签： 数据库 java maven javascript mysql
小宇宙
本文链接：https://blog.csdn.net/yzX845/article/details/107077443
版权
本文介绍如何使用Maven在IDEA中创建项目，并通过配置pom.xml导入依赖，建立与数据库的连接。详细步骤包括新建Maven项目、配置db.properties和XML文件，实现DAO、Service和Controller层，以及前端页面的创建。最终，通过登录功能展示项目运行效果。
摘要由CSDN通过智能技术生成

【Web】Maven搭建前后端连接实例

前言

暑期项目实习第五课，用IDEA中的Maven快速生成项目并通过其独特的导包方式导入Jar包等。

建立Maven项目

New Project–>Maven–>Create from archetype(此步骤是套用项目模板也可不套用)。
新建Maven项目
填写项目路径名称等。
新建项目
从国内网络获取项目数据原型。在此处应双勾选Override。
从国内网络获取原型
在./m2文件夹下的settings.xml文件中的mirrors中加上以下内容（让他在国内阿里云镜像地址下载依赖文件等，可以提高下载速率）。
添加mirror

<mirror>
      <id>alimaven</id>
      <name>aliyun maven</name>
      <url>http://maven.aliyun.com/nexus/content/groups/public/</url>
      <mirrorOf>central</mirrorOf>
    </mirror>

也可以选择直接下载settings.xml

项目目录

通过Maven模板，我们最开始得到的项目文件。
刚开始
通过补充后我们将总项目文件建成下图。
项目目录
在项目中，bean等同于model，controller等同于servlet。
项目逻辑

正式开始

本次我们将通过Maven联网导入各种依赖，所以在执行过程IDEA联网下载时，切勿断网！否则可能导致依赖不全，导致项目文件无法正常启动，当依赖完全下载后便可离线。

配置pom.xml

通过配置pom.xml导入各种依赖（关注dependencies内的变化），省去之前累赘的自行添加jar包的操作。

注：MySQL5.0的同学在相应的地方修改相对应的MySQL的依赖版本。

<?xml version="1.0" encoding="UTF-8"?>

<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/xsd/maven-4.0.0.xsd">
  <modelVersion>4.0.0</modelVersion>

  <groupId>org.example</groupId>
  <artifactId>testssm</artifactId>
  <version>1.0-SNAPSHOT</version>
  <packaging>war</packaging>

  <name>testssm Maven Webapp</name>
  <!-- FIXME change it to the project's website -->
  <url>http://www.example.com</url>

  <properties>
    <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
    <maven.compiler.source>1.8</maven.compiler.source>
    <maven.compiler.target>1.8</maven.compiler.target>
    <!-- spring版本号 -->
    <spring.version>5.0.2.RELEASE</spring.version>
    <!-- mybatis版本号 -->
    <mybatis.version>3.2.6</mybatis.version>
    <!-- log4j日志文件管理包版本 -->
    <slf4j.version>1.7.7</slf4j.version>
    <log4j.version>1.2.17</log4j.version>
    <c3p0.version>0.9.5.2</c3p0.version>
    <taglibs.version>1.1.2</taglibs.version>
  </properties>

  <dependencies>
    <!-- spring核心包 -->
    <dependency>
      <groupId>org.springframework</groupId>
      <artifactId>spring-core</artifactId>
      <version>${spring.version}</version>
    </dependency>

    <dependency>
      <groupId>org.springframework</groupId>
      <artifactId>spring-web</artifactId>
      <version>${spring.version}</version>
    </dependency>
    <dependency>
      <groupId>org.springframework</groupId>
      <artifactId>spring-oxm</artifactId>
      <version>${spring.version}</version>
    </dependency>
    <dependency>
      <groupId>org.springframework</groupId>
      <artifactId>spring-tx</artifactId>
      <version>${spring.version}</version>
    </dependency>

    <dependency>
      <groupId>org.springframework</groupId>
      <artifactId>spring-jdbc</artifactId>
      <version>${spring.version}</version>
    </dependency>

    <dependency>
      <groupId>org.springframework</groupId>
      <artifactId>spring-webmvc</artifactId>
      <version>${spring.version}</version>
    </dependency>
    <dependency>
      <groupId>org.springframework</groupId>
      <artifactId>spring-aop</artifactId>
      <version>${spring.version}</version>
    </dependency>

    <dependency>
      <groupId>org.springframework</groupId>
      <artifactId>spring-context-support</artifactId>
      <version>${spring.version}</version>
    </dependency>

    <dependency>
      <groupId>org.springframework</groupId>
      <artifactId>spring-test</artifactId>
      <version>${spring.version}</version>
    </dependency>
    <!-- mybatis核心包 -->
    <dependency>
      <groupId>org.mybatis</groupId>
      <artifactId>mybatis</artifactId>
      <version>${mybatis.version}</version>
    </dependency>
    <!-- mybatis/spring包 -->
    <dependency>
      <groupId>org.mybatis</groupId>
      <artifactId>mybatis-spring</artifactId>
      <version>1.2.2</version>
    </dependency>
    <!-- 导入java ee jar 包 -->
    <dependency>
      <groupId>javax</groupId>
      <artifactId>javaee-api</artifactId>
      <version>7.0</version>
    </dependency>

    <!-- 导入Mysql数据库链接jar包 -->
    <dependency>
      <groupId>mysql</groupId>
      <artifactId>mysql-connector-java</artifactId>
      <version>8.0.17</version>
    </dependency>
    <!-- 导入dbcp的jar包，用来在applicationContext.xml中配置数据库 -->
    <dependency>
      <groupId>commons-dbcp</groupId>
      <artifactId>commons-dbcp</artifactId>
      <version>1.2.2</version>
    </dependency>
    <!-- JSTL标签类 -->
    <dependency>
      <groupId>jstl</groupId>
      <artifactId>jstl</artifactId>
      <version>1.2</version>
    </dependency>
    <!-- 日志文件管理包 -->
    <!-- log start -->
    <dependency>
      <groupId>log4j</groupId>
      <artifactId>log4j</artifactId>
      <version>${log4j.version}</version>
    </dependency>


    <!-- 数据连接池 -->
    <dependency>
      <groupId>com.mchange</groupId>
      <artifactId>c3p0</artifactId>
      <version>${c3p0.version}</version>
    </dependency>

    <dependency>
      <groupId>taglibs</groupId>
      <artifactId>standard</artifactId>
      <version>${taglibs.version}</version>
    </dependency>

    <dependency>
      <groupId>org.slf4j</groupId>
      <artifactId>slf4j-api</artifactId>
      <version>${slf4j.version}</version>
    </dependency>
    <dependency>
      <groupId>org.slf4j</groupId>
      <artifactId>slf4j-log4j12</artifactId>
      <version>${slf4j.version}</version>
    </dependency>

    <!-- 导入servlet-api/jsp -->
    <dependency>
      <groupId>javax.servlet</groupId>
      <artifactId>javax.servlet-api</artifactId>
      <version>3.1.0</version>
      <scope>provided</scope>
    </dependency>
    <!-- https://mvnrepository.com/artifact/javax.servlet.jsp/javax.servlet.jsp-api -->
    <dependency>
      <groupId>javax.servlet.jsp</groupId>
      <artifactId>javax.servlet.jsp-api</artifactId>
      <version>2.3.1</version>
      <scope>provided</scope>
    </dependency>

  </dependencies>

  <build>
    <finalName>testssm</finalName>
    <pluginManagement><!-- lock down plugins versions to avoid using Maven defaults (may be moved to parent pom) -->
      <plugins>
        <plugin>
          <artifactId>maven-clean-plugin</artifactId>
          <version>3.1.0</version>
        </plugin>
        <!-- see http://maven.apache.org/ref/current/maven-core/default-bindings.html#Plugin_bindings_for_war_packaging -->
        <plugin>
          <artifactId>maven-resources-plugin</artifactId>
          <version>3.0.2</version>
        </plugin>
        <plugin>
          <artifactId>maven-compiler-plugin</artifactId>
          <version>3.8.0</version>
        </plugin>
        <plugin>
          <artifactId>maven-surefire-plugin</artifactId>
          <version>2.22.1</version>
        </plugin>
        <plugin>
          <artifactId>maven-war-plugin</artifactId>
          <version>3.2.2</version>
        </plugin>
        <plugin>
          <artifactId>maven-install-plugin</artifactId>
          <version>2.5.2</version>
        </plugin>
        <plugin>
          <artifactId>maven-deploy-plugin</artifactId>
          <version>2.8.2</version>
        </plugin>
      </plugins>
    </pluginManagement>
  </build>
</project>

然后在项目右侧点开Maven控制台，下载各种依赖，右下角会出现下载进度条。
下载依赖库

注：如果出现这条选择右边这项让Maven自动import各种组件。
Maven自动下载

配置db.properties文件

以下是我自己的配置方法，此为MySQL8.0所用的连接数据，5.0详见【MySql】MySql5.0与8.0在连接数据库时候的区别

jdbc.driver=com.mysql.cj.jdbc.Driver
jdbc.url=jdbc:mysql://localhost:3306/abc?useSSL=true&characterEncoding=utf-8&serverTimezone=Asia/Shanghai
jdbc.username=root
jdbc.password=root

applicationContext.xml

<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"
       xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
       xmlns:context="http://www.springframework.org/schema/context"
       xmlns:aop="http://www.springframework.org/schema/aop"
       xmlns:tx="http://www.springframework.org/schema/tx"
       xsi:schemaLocation="http://www.springframework.org/schema/beans
		http://www.springframework.org/schema/beans/spring-beans-4.3.xsd
		http:
最低0.47元/天 解锁文章
yzX845
关注
专栏目录
Maven搭建前后端连接实例
qq_44698045的博客
07-03 686
建立Maven项目 Maven工程创建 （1）新建 （2）选择快速框架 （3）输出项目名，包，记得选war(表示web项目，以后可以spingMVC连起来用) （4）创建好之后 目录如下： （5）检查下 这三个地方JDK的版本一定要一样！！！！ 在./m2文件夹下的settings.xml文件中的mirrors中加上以下内容 配置pom.xml 通过配置pom.xml导入各种依赖（关注dependencies内的变化），省去之前累赘的自行添加jar包的操作。 ...
WEB前后端连接
sinat_34535964的博客
03-17 1778
网站数据处理主要分为三层。 第一，表示层，这部分可以用HTML代码，CSS/Javascript代码来实现等。通过前端代码可以实现网页的布局和设计。这层又可以称为显示层。也就是你用浏览器打开能看到的网页。 第二层，是业务层，这层是负责处理数据的。常用的代码语言有PHP,JSP，Java等。通过这些后台处理语言的算法来处理前台传回的数据。必要的时候进行操作数据库，然后把结果返回给前端网页。一般我们需...
Spring MVC+Maven 实现前端和后台交互源码
12-08
这是结合博客的源码，链接是：http://blog.csdn.net/u012660464/article/details/53508757 。名为：Spring MVC+Maven 实现同一项目的前端和后台交互，该源码示例了前端和后台如何进行参数的绑定传递。
基于maven采用MVC三层架构实现数据库数据显示到前端网页表单中。
weixin_55491446的博客
04-23 3607
文章目录前言一、数据库和实体类的建立1.数据库的创建2.实体类的创建二、dao、service、servlet和前端jsp的编写1.dao层1.编写链接数据库、以及查询、更新、释放等代码2.编写接口2.service层3.servlet层3.jsp前端二、运行截图总结 前言 这里主要讲述一些采用mvc三层架构的方式，编写dao、service、servlet、前端jsp代码来实现提取数据库数据显示到前端网页表单中。这里以获取数据库中准考证信息为例子。 所用的编译器idea、基于maven的javaweb
完整 maven项目 SSM整合步骤（先前端、后后端）
qq_49214533的博客
10-24 1501
maven项目 SSM整合步骤（先前端、后后端） 首先创建一个maven项目在pom.mxl中添加war这样项目就能达成war包了。 在main新建webapp，如果pom.xml中不加war，webapp文件夹的颜色是不一样的，只有像我这样才行，然后创建WEB-INF，web.xml 整合ssm项目前先把需要的jar包全部导入 <?xml version="1.0" encoding="UTF-8"?> <project xmlns="http://maven.apache.org/P
Maven Web基础搭建示例
01-07
本示例将详细介绍如何使用Maven搭建一个基础的Web项目，并解决创建过程中可能出现的报错问题。 ### 一、Maven环境配置 首先，确保你已经安装了Java Development Kit (JDK)，因为Maven是基于Java的。接着，下载Maven...
Eclipse Spring Boot maven web demo 简单项目实例
05-26
【Eclipse Spring Boot Maven Web Demo 简单项目实例】是一个实用的学习资源，旨在帮助开发者快速搭建基于Spring Boot、Maven和Eclipse的Web应用程序。这个项目实例为初学者提供了良好的起点，让他们能够理解并实践...
idea通过maven搭建ssm小实例
08-03
**通过Maven搭建SSM项目** 1. **创建Maven项目**: 在Idea中，选择“New Project”，然后选择“Maven”模板。填写Group ID（通常是域名反写）、Artifact ID（项目标识）和Version。 2. **配置POM.xml**: 在新创建的...
maven后端到前端Web项目开发流程一阶段汇总自用--三层架构包开发
bug大师的博客
08-30 1596
maven基础开发流程mavenWeb项目的创建maven三层架构包开发 maven是做项目的基础,很重要,进行一点汇总加深记忆 mavenWeb项目的创建 maven的web项目开发首先创建一个maven项目 maven三层架构包开发 maven开发也要使用基础的三层架构包开发,使用过后的感觉就是哪里有病找哪里,很好使! ...
Maven的聚合与继承DEMO（以及前后端分离）
05-18
Maven的聚合与继承DEMO（以及前后端分离） 讲解文章：https://blog.csdn.net/Bof_jangle/article/details/106185213
使用 Maven 插件 frontend-maven-plugin 合并打包前后端分离项目
shpunishment的博客
10-30 5271
前后端分离下，前端打包后需要再手动将文件复制到后端项目的 src/main/resources/static 目录下，最后打包后端项目。这里使用 Maven 插件 frontend-maven-plugin 来自动进行前后端合并打包。 下面以 Spring Boot + Vue 为例： 项目结构 最外层pom.xml，注意将前端项目放前面 <?xml version="1.0" encoding="UTF-8"?> <project xmlns="http://maven.apache.
maven项目分模块开发前后端操作
zc96173的博客
12-07 518
1.后端的crud （1）在mapper.xml中写 select insert update delete <mapper namespace="cn.itsource.crm.mapper.DepartmentMapper"> <!--查询所有数据--> <select id="queryAll" resultType="Department"...
maven的环境配置安装及jdbc的链接
quhonghui的博客
08-09 268
配置maven环境 输入变量名MAVEN_HOME 和文件配置位置 输入%MAVEN_HOME%\bin 控制台输入mvn -version指定查看maven版本位置是否成功 修改“MAVEN_HOME\conf”下的setting.xml文件，配置本地仓库。注意是：“E:/”而非“E:\：E:/mvn-repository 阿里云配置： nexus-aliyun central Nexus aliyun http://maven.aliyun.com/nexus/content/groups/p
一个简单的前后端交互——登录注册页面（升级版）idea项目构建篇（1：Maven：Javaweb项目构建教程）使用MyBatis：Mapper，servlet+Tomcat
weixin_53472112的博客
12-17 5744
前言：本篇介绍：1.Maven的Javaweb项目构建2.Tomcat容器部署3.MyBatis配置 所有代码会在下一篇。 先贴一张最终的包结构：
maven项目打包给前端使用教程
weixin_44825557的博客
10-11 1290
maven项目打包给前端使用教程 方法一：普通方法 打包(需要在系统安装maven)： 在项目的目录下执行：mvn -X clean package -U –DskipTests 在target目录下找到文件：enroll-backend.jar 启动jar包（需要在系统安装Jdk8）： 在命令行下执行：java -jar {jar目录}/enroll-backend.jar 关闭程序：Ctrl+C 方法二：通过idea快速打包 启动jar包（需要在系统安装Jdk8）： 在命
IDEA通过Maven模板新建web工程并访问数据库笔记1
m0_49047167的博客
01-04 1025
1、File->new ->project… 2、选择Maven,勾选Create from archetype,选择maven-archetype-webapp 3、next,命名工程名->next 选择maven目录和本地仓,点击Finish 4、点击Run-> Edit Configeration，点击“+”符，添加新配置，选择本地Tomcat 5、选择Deployment下的“+”符，添加xx.war exploded,修改下方的Application contex
Spring——Spring-Web三层架构实现前后端数据交互
莫得感情得码农
08-10 1778
1.前言 在学完了Java Web（HTML、CSS、JS、Tomcat、Servlet、JSP、MVC）这些内容之后才能完成真正上的三层架构实现前后端交互。 本篇只是实现三层架构的最基本功能，很简陋，只是学习用的，本篇不含springMVC的内容只是通过Java Web+spring+mybatis的。 2. 项目步骤 2.1 目录结构 controller包：界面层 dao包：数据库访问层 service包：业务逻辑层 domain包：每一个Java类对应于数据库中的一个表 resou.
基于（maven项目）Java后台解决跨域问题
zxm_9783691的博客
07-15 643
基于（maven项目）Java后台解决跨域问题 如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 第一步：导包 在pom.xml的<dependencies></dependencies>中添加依赖： <dependency> <groupId>com.thetransactioncompany</groupId>
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值