20220722_JavaWeb最终案例

VIP文章 PeterWarne

已于 2022-07-27 01:11:44 修改

阅读量360

点赞数

分类专栏： JavaWeb 数据库文章标签： mybatis java 开发语言

于 2022-07-27 01:00:57 首次发布

本文链接：https://blog.csdn.net/clarkgable/article/details/125937249

版权

由于本案例工程较为复杂，原本按功能分开写的后端代码都被整合在一个文件里了，无法按照分段思路将步骤依次记录在此，所以直接给出所有代码文件的最终形式
完成后的结构图，其中old包下的代码文件丢弃不用，UserServlet文件也是测试简化Servlet功能的临时测试类，可以丢弃
请添加图片描述
完成后的网页效果，页面中所有按键功能实现

下面上代码

文章目录

前期准备
先来一个数据库的表

use mybatis;

show tables ;

-- 删除tb_brand表
drop table if exists brand_pro;
-- 创建tb_brand表
create table brand_pro
(
    -- id 主键
    id           int primary key auto_increment,
    -- 品牌名称
    brand_name   varchar(20),
    -- 企业名称
    company_name varchar(20),
    -- 排序字段
    ordered      int,
    -- 描述信息
    description  varchar(100),
    -- 状态：0：禁用  1：启用
    status       int
);
-- 添加数据
insert into brand_pro (brand_name, company_name, ordered, description, status)
values 
       ('马大帅', '马大帅打工子弟小学', 100, '一个情字儿活一生', 1),
       ('依然范德彪', '维多利亚玉乐广场', 50, '我曾经年少轻狂', 1),
       ('罗翔说刑法', '厚大法考', 30, '女生宿舍居然有哑铃', 1),
       ('布飘零半生', '虎牢关', 10, '我平生不好斗，只好解斗', 1),
       ('青梅煮酒', '曹氏集团暨刘关张集团', 50, '玄德久历四方，必知当世英雄', 0),
       ('王司徒', '两军阵前', 5, '来者可是诸葛孔明', 0),
       ('张麻子', '鹅城县衙', 40, '翻译翻译什么tomato叫惊喜', 1),
       ('冯斯妥洛夫斯基', '加州旅馆天津分馆', 5, '王秘书，把三悬拿来', 0),
       ('马大帅', '马大帅打工子弟小学', 100, '一个情字儿活一生', 1),
       ('依然范德彪', '维多利亚玉乐广场', 50, '我曾经年少轻狂', 1),
       ('罗翔说刑法', '厚大法考', 30, '女生宿舍居然有哑铃', 1),
       ('布飘零半生', '虎牢关', 10, '我平生不好斗，只好解斗', 1),
       ('青梅煮酒', '曹氏集团暨刘关张集团', 50, '玄德久历四方，必知当世英雄', 0),
       ('王司徒', '两军阵前', 5, '来者可是诸葛孔明', 0),
       ('张麻子', '鹅城县衙', 40, '翻译翻译什么tomato叫惊喜', 1),
       ('冯斯妥洛夫斯基', '加州旅馆天津分馆', 5, '王秘书，把三悬拿来', 0),
       ('马大帅', '马大帅打工子弟小学', 100, '一个情字儿活一生', 1),
       ('依然范德彪', '维多利亚玉乐广场', 50, '我曾经年少轻狂', 1),
       ('罗翔说刑法', '厚大法考', 30, '女生宿舍居然有哑铃', 1),
       ('布飘零半生', '虎牢关', 10, '我平生不好斗，只好解斗', 1),
       ('青梅煮酒', '曹氏集团暨刘关张集团', 50, '玄德久历四方，必知当世英雄', 0),
       ('王司徒', '两军阵前', 5, '来者可是诸葛孔明', 0),
       ('张麻子', '鹅城县衙', 40, '翻译翻译什么tomato叫惊喜', 1),
       ('冯斯妥洛夫斯基', '加州旅馆天津分馆', 5, '王秘书，把三悬拿来', 0),
       ('马大帅', '马大帅打工子弟小学', 100, '一个情字儿活一生', 1),
       ('依然范德彪', '维多利亚玉乐广场', 50, '我曾经年少轻狂', 1),
       ('罗翔说刑法', '厚大法考', 30, '女生宿舍居然有哑铃', 1),
       ('布飘零半生', '虎牢关', 10, '我平生不好斗，只好解斗', 1),
       ('青梅煮酒', '曹氏集团暨刘关张集团', 50, '玄德久历四方，必知当世英雄', 0),
       ('王司徒', '两军阵前', 5, '来者可是诸葛孔明', 0),
       ('张麻子', '鹅城县衙', 40, '翻译翻译什么tomato叫惊喜', 1),
       ('冯斯妥洛夫斯基', '加州旅馆天津分馆', 5, '王秘书，把三悬拿来', 0),	  
       ('马大帅', '马大帅打工子弟小学', 100, '一个情字儿活一生', 1),
       ('依然范德彪', '维多利亚玉乐广场', 50, '我曾经年少轻狂', 1),
       ('罗翔说刑法', '厚大法考', 30, '女生宿舍居然有哑铃', 1),
       ('布飘零半生', '虎牢关', 10, '我平生不好斗，只好解斗', 1),
       ('青梅煮酒', '曹氏集团暨刘关张集团', 50, '玄德久历四方，必知当世英雄', 0),
       ('王司徒', '两军阵前', 5, '来者可是诸葛孔明', 0),
       ('张麻子', '鹅城县衙', 40, '翻译翻译什么tomato叫惊喜', 1),
       ('冯斯妥洛夫斯基', '加州旅馆天津分馆', 5, '王秘书，把三悬拿来', 0),
       ('马大帅', '马大帅打工子弟小学', 100, '一个情字儿活一生', 1),
       ('依然范德彪', '维多利亚玉乐广场', 50, '我曾经年少轻狂', 1),
       ('罗翔说刑法', '厚大法考', 30, '女生宿舍居然有哑铃', 1),
       ('布飘零半生', '虎牢关', 10, '我平生不好斗，只好解斗', 1),
       ('青梅煮酒', '曹氏集团暨刘关张集团', 50, '玄德久历四方，必知当世英雄', 0),
       ('王司徒', '两军阵前', 5, '来者可是诸葛孔明', 0),
       ('张麻子', '鹅城县衙', 40, '翻译翻译什么tomato叫惊喜', 1),
       ('冯斯妥洛夫斯基', '加州旅馆天津分馆', 5, '王秘书，把三悬拿来', 0)	   
        ;
SELECT * FROM brand_pro;

-- from index 0, select 8 brand
select * from brand_pro limit 0,8;

select count(*) from brand_pro;

后续功能测试中数据条目有增有减，依据需要复制insert语句的部分代码添加条目即可
请添加图片描述

element-ui包官网下载，js包里准备的js文件也一样
其他的自己写
我之前项目里也有准备，所以基本复制即可，代码如下
pom.xml文件，里头的坐标不一定都用得上，懒得删了

<?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>JavaWeb_last</artifactId>
    <version>1.0-SNAPSHOT</version>

    <packaging>war</packaging>

    <properties>
        <maven.compiler.source>18</maven.compiler.source>
        <maven.compiler.target>18</maven.compiler.target>
    </properties>

    <dependencies>
        <dependency>
            <groupId>org.mybatis</groupId>
            <artifactId>mybatis</artifactId>
            <version>3.5.10</version>
        </dependency>
        <dependency>
            <groupId>mysql</groupId>
            <artifactId>mysql-connector-java</artifactId>
            <version>8.0.29</version>
        </dependency>
        <dependency>
            <groupId>javax.servlet</groupId>
            <artifactId>javax.servlet-api</artifactId>
            <version>4.0.1</version>
            <scope>provided</scope>
        </dependency>
        <dependency>
            <groupId>javax.servlet.jsp</groupId>
            <artifactId>jsp-api</artifactId>
            <version>2.2</version>
            <scope>provided</scope>
        </dependency>

        <!--jstl-->
        <dependency>
            <groupId>jstl</groupId>
            <artifactId>jstl</artifactId>
            <version>1.2</version>
        </dependency>
        <dependency>
            <groupId>taglibs</groupId>
            <artifactId>standard</artifactId>
            <version>1.1.2</version>
        </dependency>
        <!--JSON-->
        <dependency>
            <groupId>com.alibaba</groupId>
            <artifactId>fastjson</artifactId>
            <version>2.0.7</version>
        </dependency>

    </dependencies>

    <build>
        <plugins>
            <plugin>
                <groupId>org.apache.tomcat.maven</groupId>
                <artifactId>tomcat7-maven-plugin</artifactId>
                <version>2.2</version>
            </plugin>
        </plugins>
    </build>

</project>

mybtis-config.xml文件

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE configuration
        PUBLIC "-//mybatis.org//DTD Config 3.0//EN"
        "http://mybatis.org/dtd/mybatis-3-config.dtd">
<configuration>

    <typeAliases>
        <!--配置别名之后，javabean全限名的包名就可以省略了-->
        <package name="com.diy.pojo"/>
    </typeAliases>

    <environments default="development">
        <environment id="development">
            <transactionManager type="JDBC"/>
            <dataSource type="POOLED">
                <!--数据库链接信息-->
                <property name="driver" value="com.mysql.cj.jdbc.Driver"/>
                <property name="url" value="jdbc:mysql:///mybatis?useSSl=false&amp;useServerPrepStmts=true"/>
                <property name="username" value="root"/>
                <property name="password" value="1234"/>
            </dataSource>
        </environment>
    <