1：创建项目工程

项目源代码下载地址：源代码

项目介绍

采用Echarts，利用Jdbc技术将数据库中的信息以图（柱状图、饼状图）的形式展示出来。

项目最终运行结果：

技术栈

• MySQL
• Jdbc
• Druid
• JavaWeb
• Echarts：官网

数据库

对应的SQL文件：

DROP TABLE IF EXISTS `tb_goods`;
CREATE TABLE `tb_goods`  (
  `id` int(0) UNSIGNED NOT NULL AUTO_INCREMENT COMMENT '编号',
  `name` varchar(40) CHARACTER SET utf8 COLLATE utf8_general_ci NULL DEFAULT NULL COMMENT '商品名称',
  `price1` decimal(6, 2) NULL DEFAULT NULL COMMENT '原价',
  `price2` decimal(6, 2) NULL DEFAULT NULL COMMENT '优惠价',
  `amount` int(0) NULL DEFAULT NULL COMMENT '库存数量',
  PRIMARY KEY (`id`) USING BTREE
) ENGINE = InnoDB AUTO_INCREMENT = 11 CHARACTER SET = utf8 COLLATE = utf8_general_ci COMMENT = '商品表' ROW_FORMAT = Dynamic;

INSERT INTO `tb_goods` VALUES (1, '苹果', 1632.70, 1105.53, 81);
INSERT INTO `tb_goods` VALUES (2, ' 华伟', 1583.78, 1152.32, 900);
INSERT INTO `tb_goods` VALUES (3, ' 三星', 1664.68, 824.34, 51);
INSERT INTO `tb_goods` VALUES (4, ' 小米', 1454.65, 1245.11, 999);
INSERT INTO `tb_goods` VALUES (5, ' 诺基亚', 1095.93, 1082.02, 91);
INSERT INTO `tb_goods` VALUES (6, ' 格力', 1753.17, 966.93, 195);
INSERT INTO `tb_goods` VALUES (7, ' OPPO', 1568.91, 1120.96, 58);
INSERT INTO `tb_goods` VALUES (8, '摩托罗拉', 1637.95, 1176.30, 170);
INSERT INTO `tb_goods` VALUES (9, ' 酷派', 1644.72, 1295.27, 94);
INSERT INTO `tb_goods` VALUES (10, ' 乐视', 1234.25, 824.95, 85);

创建项目

• 创建Maven项目，最终项目的目录结构：

• 添加依赖：

  com.alibaba
  fastjson
  1.2.78



  javax.servlet
  javax.servlet-api
  4.0.1



  mysql
  mysql-connector-java
  8.0.20



  org.junit.jupiter
  junit-jupiter
  5.7.2
  test


  org.projectlombok
  lombok
  1.18.20


  com.alibaba
  druid
  1.1.17

利用Intellij的Database插件生成实体类代码：

最终生成的实体类的代码：

@Getter
@Setter
@ToString
@NoArgsConstructor
@AllArgsConstructor
public class Goods implements Serializable {
    private static final long serialVersionUID = -2737659835949653933L;

    /**
     * 商品编号
     */
    private Integer id;
    /**
     * 商品名称
     */
    private String name;
    /**
     * 商品价格
     */
    private double price1;
    /**
     * 会员价格
     */
    private double price2;
    /**
     * 商品的数量
     */
    private Integer amount;
}