在WEB项目中使用MyBatis(MVC架构)

实现功能:
● 银行账户转账
使用技术:
● HTML + Servlet + MyBatis
WEB应用的名称:
● bank

1 需求描述

在WEB项目中使用MyBatis(MVC架构)_第1张图片

2 数据库表的设计和准备数据

在WEB项目中使用MyBatis(MVC架构)_第2张图片
在WEB项目中使用MyBatis(MVC架构)_第3张图片

3准备工作

第一步:环境搭建
● IDEA中创建Maven WEB应用(mybatis-004-web
在WEB项目中使用MyBatis(MVC架构)_第4张图片应确保存在java和resources目录,不存在则创建。
在WEB项目中使用MyBatis(MVC架构)_第5张图片

  • 删除index.jsp文件,因为我们这个项目不使用JSP。只使用html。
  • 确定pom.xml文件中的打包方式是war包。
  • web.xml文件的版本较低,可以从tomcat9/webapps/examples/WEB-INF/web.xml的样例文件中复制,然后修改


<web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee"
  xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
  xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee
                      http://xmlns.jcp.org/xml/ns/javaee/web-app_4_0.xsd"
  version="4.0"
  metadata-complete="true">
  /web-app>
   <dependencies>
        
        <dependency>
            <groupId>org.mybatisgroupId>
            <artifactId>mybatisartifactId>
            <version>3.5.10version>
        dependency>
        
        <dependency>
            <groupId>mysqlgroupId>
            <artifactId>mysql-connector-javaartifactId>
            <version>8.0.30version>
        dependency>
        
        <dependency>
            <groupId>junitgroupId>
            <artifactId>junitartifactId>
            <version>4.13.2version>
            <scope>testscope>
        dependency>
        
        <dependency>
            <groupId>ch.qos.logbackgroupId>
            <artifactId>logback-classicartifactId>
            <version>1.2.11version>
        dependency>
        
        <dependency>
            <groupId>jakarta.servletgroupId>
            <artifactId>jakarta.servlet-apiartifactId>
            <version>5.0.0version>
            <scope>providedscope>
        dependency>

    dependencies>

下载Tomcat9,解压并配置环境变量。进入bin目录startup.bat,进入http://localhost:8080/,正常打开则安装成功。
在WEB项目中使用MyBatis(MVC架构)_第6张图片
在WEB项目中使用MyBatis(MVC架构)_第7张图片● 引入相关配置文件,放到resources目录下(全部放到类的根路径下)

  • ○ mybatis-config.xml
  • ○ AccountMapper.xml
  • ○ logback.xml
  • ○ jdbc.properties

jdbc.properties文件

jdbc.driver=com.mysql.cj.jdbc.Driver
jdbc.url=jdbc:mysql://localhost:3306/powernode
jdbc.username=root
jdbc.password=root

mybatis-config.xml文件


DOCTYPE configuration
        PUBLIC "-//mybatis.org//DTD Config 3.0//EN"
        "http://mybatis.org/dtd/mybatis-3-config.dtd">
<configuration>

    <properties resource="jdbc.properties"/>

    <environments default="dev">
        <environment id="dev">
            <transactionManager type="JDBC"/>
            <dataSource type="POOLED">
                <property name="driver" value="${jdbc.driver}"/>
                <property name="url" value="${jdbc.url}"/>
                <property name="username" value="${jdbc.username}"/>
                <property name="password" value="${jdbc.password}"/>
            dataSource>
        environment>
    environments>
    <mappers>
        
        <mapper resource="AccountMapper.xml"/>
    mappers>
configuration>

AccountMapper.xml文件


DOCTYPE mapper
        PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
        "http://mybatis.org/dtd/mybatis-3-mapper.dtd">

<mapper namespace="account">

mapper>

4 编写前端代码

WEB-INF下创建一个index.html

DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>银行账户转账title>
head>
<body>

<form action="/bank/transfer" method="post">
    转出账户:<input type="text" name="fromActno"/><br>
    转入账户:<input type="text" name="toActno"/><br>
    转账金额:<input type="text" name="money"/><br>
    <input type="submit" value="转账"/>
form>
body>
html>

5 编写后端代码

两种方式,从前端代码出发,WEB-service-dao,或者从dao出发-service-web。

你可能感兴趣的:(Mybatis,前端,mybatis,mvc)