基于Hadoop平台的电信客服数据的处理与分析④项目实现：任务18： 数据展示

我非夏日2024-07-08 10:09

任务描述

接下来我们需要将根据业务需求将某人按照不同维度查询出来的结果，展示到Web页面上。

任务指导

数据展示模块流程图：

数据展示使用Java的SSM框架，需要实现的代码包括：

  1. 实体类

  2. 数据库操作

  3. 业务逻辑操作

  4. 控制器

  5. 使用Echart展示数据

任务实现

注：此处使用的IntelliJ IDEA Ultimate版本，只有30天免费使用期；需要自行申请教育ID（免费使用）。

1、后端开发

1) 新建module：ct_web

  • 创建Maven项目，并选择maven-archetype-webapp插件
  • 编辑项目的pom.xml，至少包含以下包：

|-----------------|---------------------------------------------------------------------------------------------------------------------------------------------|----------------|
| | jar包 | 版本 |
| spring基础包（10） | spring-context spring-core spring-beans spring-context-support spring-aop spring-aspects spring-expression spring-jdbc spring-orm spring-tx | 4.3.3.RELEASE |
| springMVC基础包（2） | spring-web spring-webmvc | 4.3.3.RELEASE |
| 数据库基础包 | c3p0 mysql-connector-java | 0.9.1.2 5.1.27 |
| mybatis基础包 | mybatis mybatis-spring | 3.2.1 1.3.0 |
| 通用必备包 | commons-logging | 1.2 |
| 其他包 | javax.servlet-api fastjson | 2.5 1.2.47 |

最终项目的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>ct_web</artifactId>
  <version>1.0-SNAPSHOT</version>
  <packaging>war</packaging>

  <name>ct_web</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.7</maven.compiler.source>
    <maven.compiler.target>1.7</maven.compiler.target>
  </properties>

  <dependencies>
    <dependency>
      <groupId>junit</groupId>
      <artifactId>junit</artifactId>
      <version>4.12</version>
      <scope>test</scope>
    </dependency>
    <dependency>
      <groupId>mysql</groupId>
      <artifactId>mysql-connector-java</artifactId>
      <version>5.1.27</version>
    </dependency>
    <dependency>
      <groupId>c3p0</groupId>
      <artifactId>c3p0</artifactId>
      <version>0.9.1.2</version>
    </dependency>
    <dependency>
      <groupId>org.mybatis</groupId>
      <artifactId>mybatis</artifactId>
      <version>3.2.1</version>
    </dependency>
    <dependency>
      <groupId>org.springframework</groupId>
      <artifactId>spring-context-support</artifactId>
      <version>4.3.3.RELEASE</version>
    </dependency>
    <dependency>
      <groupId>org.springframework</groupId>
      <artifactId>spring-jdbc</artifactId>
      <version>4.3.3.RELEASE</version>
    </dependency>
    <dependency>
      <groupId>org.springframework</groupId>
      <artifactId>spring-webmvc</artifactId>
      <version>4.3.3.RELEASE</version>
    </dependency>
    <dependency>
      <groupId>org.mybatis</groupId>
      <artifactId>mybatis-spring</artifactId>
      <version>1.3.0</version>
    </dependency>
    <dependency>
      <groupId>org.aspectj</groupId>
      <artifactId>aspectjweaver</artifactId>
      <version>1.8.10</version>
    </dependency>
    <dependency>
      <groupId>javax.servlet</groupId>
      <artifactId>servlet-api</artifactId>
      <version>2.5</version>
    </dependency>
    <dependency>
      <groupId>javax.servlet</groupId>
      <artifactId>jstl</artifactId>
      <version>1.2</version>
    </dependency>
    <dependency>
      <groupId>org.springframework.data</groupId>
      <artifactId>spring-data-redis</artifactId>
      <version>1.7.2.RELEASE</version>
    </dependency>
    <dependency>
      <groupId>redis.clients</groupId>
      <artifactId>jedis</artifactId>
      <version>2.9.0</version>
    </dependency>
    <dependency>
      <groupId>com.fasterxml.jackson.core</groupId>
      <artifactId>jackson-core</artifactId>
      <version>2.8.5</version>
    </dependency>
    <dependency>
      <groupId>com.fasterxml.jackson.core</groupId>
      <artifactId>jackson-databind</artifactId>
      <version>2.8.5</version>
    </dependency>
    <dependency>
      <groupId>com.fasterxml.jackson.core</groupId>
      <artifactId>jackson-annotations</artifactId>
      <version>2.8.5</version>
    </dependency>
    <dependency>
      <groupId>com.alibaba</groupId>
      <artifactId>fastjson</artifactId>
      <version>1.2.47</version>
    </dependency>

    <dependency>
      <groupId>commons-logging</groupId>
      <artifactId>commons-logging</artifactId>
      <version>1.2</version>
    </dependency>
    <dependency>
      <groupId>commons-fileupload</groupId>
      <artifactId>commons-fileupload</artifactId>
      <version>1.3.1</version>
    </dependency>

  </dependencies>

  <build>
    <finalName>ct_web</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>

2) 项目结构：

  • 创建如下代码结构
  • 在项目上点击右键，选择"Build Module ct_web"
  • 配置部署Tomcat

在IDEA工具顶部，点击"Add Configuration"

在 Run/Debug Config 窗口，点击左上角的"+"，然后选择 Tomcat Server

选择Tomcat Server --> Local

然后配置使用本地已经安装好的Tomcat（本地Tomcat在【/usr/local/】目录下）

配置打包方式

3）代码实现

根据项目结构分别创建对应的包，并且实现相关代码：

  • CallLog实体类用于存放返回给用户的数据，代码如下：

    package com.model;

    import java.io.Serializable;

    /**

    • 用于存放返回给用户的数据
      */
      public class CallLog implements Serializable{
      private String id_date_contact;
      private String id_date_dimension;
      private String id_contact;
      private String call_sum;
      private String call_duration_sum;
      private String telephone;
      private String name;
      private String year;
      private String month;
      private String day;

      public String getId_date_contact() {
      return id_date_contact;
      }

      public void setId_date_contact(String id_date_contact) {
      this.id_date_contact = id_date_contact;
      }

      public String getId_date_dimension() {
      return id_date_dimension;
      }

      public void setId_date_dimension(String id_date_dimension) {
      this.id_date_dimension = id_date_dimension;
      }

      public String getId_contact() {
      return id_contact;
      }

      public void setId_contact(String id_contact) {
      this.id_contact = id_contact;
      }

      public String getCall_sum() {
      return call_sum;
      }

      public void setCall_sum(String call_sum) {
      this.call_sum = call_sum;
      }

      public String getCall_duration_sum() {
      return call_duration_sum;
      }

      public void setCall_duration_sum(String call_duration_sum) {
      this.call_duration_sum = call_duration_sum;
      }

      public String getTelephone() {
      return telephone;
      }

      public void setTelephone(String telephone) {
      this.telephone = telephone;
      }

      public String getName() {
      return name;
      }

      public void setName(String name) {
      this.name = name;
      }

      public String getYear() {
      return year;
      }

      public void setYear(String year) {
      this.year = year;
      }

      public String getMonth() {
      return month;
      }

      public void setMonth(String month) {
      this.month = month;
      }

      public String getDay() {
      return day;
      }

      public void setDay(String day) {
      this.day = day;
      }

      @Override
      public String toString() {
      return "CallLog{" +
      "call_sum='" + call_sum + ''' +
      ", call_duration_sum='" + call_duration_sum + ''' +
      ", telephone='" + telephone + ''' +
      ", name='" + name + ''' +
      ", year='" + year + ''' +
      ", month='" + month + ''' +
      ", day='" + day + ''' +
      '}';
      }
      }

  • 用户实体类定义如下：

    package com.model;

    import java.io.Serializable;
    import java.util.Date;

    public class User implements Serializable{
    private int id;
    private String username;
    private String password;
    private String email;
    private String role;
    private int status;
    private Date regTime;
    private String regIp;

    复制代码 
      public int getId() {
      return id;
  }

  public void setId(int id) {
      this.id = id;
  }

  public String getUsername() {
      return username;
  }

  public void setUsername(String username) {
      this.username = username;
  }

  public String getPassword() {
      return password;
  }

  public void setPassword(String password) {
      this.password = password;
  }

  public String getEmail() {
      return email;
  }

  public void setEmail(String email) {
      this.email = email;
  }

  public String getRole() {
      return role;
  }

  public void setRole(String role) {
      this.role = role;
  }

  public int getStatus() {
      return status;
  }

  public void setStatus(int status) {
      this.status = status;
  }

  public Date getRegTime() {
      return regTime;
  }

  public void setRegTime(Date regTime) {
      this.regTime = regTime;
  }

  public String getRegIP() {
      return regIp;
  }

  public void setRegIP(String regIp) {
      this.regIp = regIp;
  }

    }

  • 定义QueryInfo实体类用于存放用户请求的数据

    package com.model;

    import java.io.Serializable;

    /**

    • 该类用于存放用户请求的数据
      */
      public class QueryInfo implements Serializable{
      private String telephone;
      private String year;
      private String month;
      private String day;

      public QueryInfo() {
      super();
      }

      public QueryInfo(String telephone, String year, String month, String day) {
      super();
      this.telephone = telephone;
      this.year = year;
      this.month = month;
      this.day = day;
      }

      public String getTelephone() {
      return telephone;
      }

      public void setTelephone(String telephone) {
      this.telephone = telephone;
      }

      public String getYear() {
      return year;
      }

      public void setYear(String year) {
      this.year = year;
      }

      public String getMonth() {
      return month;
      }

      public void setMonth(String month) {
      this.month = month;
      }

      public String getDay() {
      return day;
      }

      public void setDay(String day) {
      this.day = day;
      }
      }

  • 创建CallLog对应的Dao实现类CallLogDao

    package com.dao;

    import com.model.CallLog;

    import java.util.HashMap;
    import java.util.List;

    public interface CallLogDAO {
    List getCallLogList(HashMap<String, String> paramsMap);
    }

  • 由于使用MyBatis，所以需要创建CallLogDao对应的mapper映射文件，文件位置 resources/mapper/CallLog.xml

  • 创建User对应的Dao实现类UserDao

    package com.dao;

    import com.model.User;

    import java.util.List;

    public interface UserDao {
    List getAllUser();
    }

  • 创建UserDao对应的mapper映射文件，文件位置 resources/mapper/User.xml

  • 创建CallLog对应的Service接口CallLogService

    package com.service;

    import com.model.CallLog;

    import java.util.HashMap;
    import java.util.List;

    public interface CallLogService {
    List getCallLogList(HashMap<String, String> paramsMap);
    }

  • 创建User对应的Service接口UserService

    package com.service;

    import com.model.User;

    import java.util.List;

    public interface UserService {
    List getAllUser();
    }

  • 创建CallLogService实现类CallLogServiceImpl

    package com.service.impl;

    import com.dao.CallLogDAO;
    import com.model.CallLog;
    import com.service.CallLogService;
    import org.springframework.stereotype.Service;

    import javax.annotation.Resource;
    import java.util.HashMap;
    import java.util.List;

    @Service("callLogService")
    public class CallLogServiceImpl implements CallLogService {
    @Resource
    private CallLogDAO callLogDAO;

    复制代码 
      public List<CallLog> getCallLogList(HashMap<String, String> paramsMap) {

    // //按照年统计：统计某个用户，1年12个月的所有的数据（不精确到day）
    // String sql = "SELECT call_sum, call_duration_sum, telephone, name, year , month, day FROM tb_dimension_date t4 INNER JOIN ( SELECT id_date_dimension, call_sum, call_duration_sum, telephone, name FROM tb_call t2 INNER JOIN ( SELECT id, telephone, name FROM tb_contacts WHERE telephone = :telephone ) t1 ON t2.id_contact = t1.id ) t3 ON t4.id = t3.id_date_dimension WHERE year = :year AND month = :month AND day = :day ORDER BY year, month;";
    // BeanPropertyRowMapper beanPropertyRowMapper = new BeanPropertyRowMapper(CallLog.class);
    // List list = namedParameterJdbcTemplate.query(sql, paramsMap, beanPropertyRowMapper);
    List list = callLogDAO.getCallLogList(paramsMap);
    return list;
    }
    }

  • 创建UserService实现类UserServiceImpl

    package com.service.impl;

    import com.dao.UserDao;
    import com.model.User;
    import com.service.UserService;
    import org.springframework.cache.annotation.Cacheable;
    import org.springframework.stereotype.Service;

    import javax.annotation.Resource;
    import java.lang.reflect.Method;
    import java.util.List;

    @Service("userService")
    public class UserServiceImpl implements UserService {
    @Resource
    private UserDao userDao;

    复制代码 
      @Cacheable(value="user",key = "#root.methodName")
  public List<User> getAllUser() {
      List<User> list=userDao.getAllUser();
      return list;
  }

    }

  • 创建CallLog对应的Controller实现类CallLogController代码如下：

    package com.controller;

    import com.model.CallLog;
    import com.model.QueryInfo;
    import com.dao.CallLogDAO;
    import com.service.CallLogService;
    import org.springframework.beans.factory.annotation.Autowired;
    import org.springframework.context.ApplicationContext;
    import org.springframework.context.support.ClassPathXmlApplicationContext;
    import org.springframework.stereotype.Controller;
    import org.springframework.ui.Model;
    import org.springframework.web.bind.annotation.RequestMapping;

    import java.util.HashMap;
    import java.util.List;

    @Controller
    @RequestMapping("/callLog")
    public class CallLogController {

    复制代码 
      @Autowired
  public CallLogService callLogService;

  @RequestMapping("/queryCallLogList")
  public String queryCallLog(Model model, QueryInfo queryInfo){

      HashMap<String, String> hashMap = new HashMap<String, String>();
      hashMap.put("telephone", queryInfo.getTelephone());
      hashMap.put("year", queryInfo.getYear());
      hashMap.put("month", queryInfo.getMonth());
      hashMap.put("day", queryInfo.getDay());

      List<CallLog> list = callLogService.getCallLogList(hashMap);

      StringBuilder dateSB = new StringBuilder();
      StringBuilder callSumSB = new StringBuilder();
      StringBuilder callDurationSumSB = new StringBuilder();

      for(int i = 0; i < list.size(); i++){
          CallLog callLog = list.get(i);
          //1月, 2月, ....12月,
          dateSB.append(callLog.getMonth() + "月,");
          callSumSB.append(callLog.getCall_sum() + ",");
          callDurationSumSB.append(callLog.getCall_duration_sum() + ",");
      }

      dateSB.deleteCharAt(dateSB.length() - 1);
      callSumSB.deleteCharAt(callSumSB.length() - 1);
      callDurationSumSB.deleteCharAt(callDurationSumSB.length() - 1);

      //通过model返回数据
      model.addAttribute("telephone", list.get(0).getTelephone());
      model.addAttribute("name", list.get(0).getName());
      model.addAttribute("date", dateSB.toString());
      model.addAttribute("count", callSumSB.toString());
      model.addAttribute("duration", callDurationSumSB.toString());

      return "/CallLogListEchart";
  }

    }

  • 创建User对应的Controller实现类UserController代码如下：

    package com.controller;

    import com.model.User;
    import com.service.UserService;
    import org.springframework.beans.factory.annotation.Autowired;
    import org.springframework.cache.annotation.Cacheable;
    import org.springframework.stereotype.Controller;
    import org.springframework.web.bind.annotation.RequestMapping;
    import org.springframework.web.bind.annotation.ResponseBody;

    import java.util.List;

    @Controller
    @RequestMapping("/user")
    public class UserController {
    @Autowired
    public UserService userService;

    复制代码 
      @RequestMapping("info")
  @ResponseBody
  public List<User> userInfo() {
      List<User> userList = userService.getAllUser();
      System.out.println("------------------------------------------");
      System.out.println(userList.size());
      return userList;
  }

    }

2、前端数据展示

  • 在项目导入 js/echarts.min.js文件(文件保存在master1服务器的/opt/software目录下)

  • 在web.xml文件中导入Spring配置文件，并配置spring监听器和编码过滤器等


    SpringMVC_CRUD

    jsp/index.jsp


    SpringMVC
    org.springframework.web.servlet.DispatcherServlet

    contextConfigLocation
    classpath:spring/applicationContext*.xml


    1
    true


    SpringMVC
    *.do

    复制代码 
    <context-param>
  <param-name>contextConfigLocation</param-name>
  <param-value>classpath:spring/applicationContext*.xml</param-value>
</context-param>


<!-- 编码过滤器 -->
<filter>
  <filter-name>encodingFilter</filter-name>
  <filter-class>org.springframework.web.filter.CharacterEncodingFilter</filter-class>
  <init-param>
    <param-name>encoding</param-name>
    <param-value>UTF-8</param-value>
  </init-param>
</filter>
<filter-mapping>
  <filter-name>encodingFilter</filter-name>
  <url-pattern>/*</url-pattern>
</filter-mapping>

<!-- spring监听器 -->
<listener>
  <listener-class>org.springframework.web.context.ContextLoaderListener</listener-class>
</listener>

<!-- 防止spring内存溢出监听器，比如quartz -->
<listener>
  <listener-class>org.springframework.web.util.IntrospectorCleanupListener</listener-class>
</listener>
<session-config>
  <session-timeout>30</session-timeout>
</session-config>

  • 编写jsp/index.jsp页面

    <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
    <%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8" %>
    <%
    String path = request.getContextPath();
    %>

    Show Time
    手机号码: 年: 月: 日:

  • 编写jsp/CallLogListEchart.jsp

    <%--
    Created by IntelliJ IDEA.
    User: Z
    Date: 2017/10/28
    Time: 14:36
    To change this template use File | Settings | File Templates.
    --%>
    <%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>

    显示通话记录 <%----%> <%----%> <%----%>

    通话月单查询：${requestScope.name}

    <%--

    通话次数

    --%> <%--

    通话时长

    --%>

  • 创建Spring配置文件，文件位置 resources/spring/applicationContext.xml，可以在此配置关于拦截器和事务

    复制代码 
      <!--自定义拦截器
  <mvc:interceptors>
      <mvc:interceptor>
          <mvc:mapping path="/*.do"/>
          <bean class="com.twjitm.aop.TwjItmInterceptor"></bean>
      </mvc:interceptor>
  </mvc:interceptors>
  -->

  <!-- 切入点 -->

  <!--<tx:advice id="transactionAdvice" transaction-manager="transactionManager">
  &lt;!&ndash; spring事物管理 &ndash;&gt;
  <tx:attributes>
      <tx:method name="add*" />
      <tx:method name="save*" />
      <tx:method name="Save*" />
      <tx:method name="update*" />
      <tx:method name="modify*" />
      <tx:method name="edit*" />
      <tx:method name="delete*" />
      <tx:method name="remove*" />
      <tx:method name="change*" />
      <tx:method name="repair" />
      <tx:method name="deleteAndRepair" />
      <tx:method name="login*" />
      <tx:method name="get*" propagation="SUPPORTS" />
      <tx:method name="find*" propagation="SUPPORTS" />
      <tx:method name="load*" propagation="SUPPORTS" />
      <tx:method name="search*" propagation="SUPPORTS" />
      <tx:method name="datagrid*" propagation="SUPPORTS" />
      <tx:method name="*" propagation="SUPPORTS" />
  </tx:attributes>
  </tx:advice>

  <aop:config proxy-target-class="true">
      <aop:pointcut id="transactionPointcut" expression="execution(* com.twjitm.*.service.Impl.*.*(..))" />
      <aop:advisor pointcut-ref="transactionPointcut"
                   advice-ref="transactionAdvice" />
  </aop:config>-->

  • 创建Mybatis配置文件，文件位置 resources/spring/applicationContext-mybatis.xml

    复制代码 
      <context:component-scan base-package="com.service" use-default-filters="false"/>
  <!-- 配置数据库相关参数properties的属性：${url} -->
  <context:property-placeholder ignore-unresolvable="true" location="classpath:properties/jdbc.properties"/>

  <!-- 数据库连接池 -->
  <bean id="dataSource" class="com.mchange.v2.c3p0.ComboPooledDataSource">
      <property name="driverClass" value="${jdbc.driver}"/>
      <property name="jdbcUrl" value="${jdbc.url}"/>
      <property name="user" value="${jdbc.username}"/>
      <property name="password" value="${jdbc.password}"/>
      <property name="maxPoolSize" value="${c3p0.maxPoolSize}"/>
      <property name="minPoolSize" value="${c3p0.minPoolSize}"/>
      <property name="autoCommitOnClose" value="${c3p0.autoCommitOnClose}"/>
      <property name="checkoutTimeout" value="${c3p0.checkoutTimeout}"/>
      <property name="acquireRetryAttempts" value="${c3p0.acquireRetryAttempts}"/>
  </bean>

  <!-- 配置SqlSessionFactory对象 -->
  <bean id="sqlSessionFactory" class="org.mybatis.spring.SqlSessionFactoryBean">
      <!-- 注入数据库连接池 -->
      <property name="dataSource" ref="dataSource"/>
      <!-- 扫描model包 使用别名 -->
      <property name="typeAliasesPackage" value="com.model"/>
      <!-- 扫描sql配置文件:mapper需要的xml文件 -->
      <property name="mapperLocations" value="classpath:mapper/*.xml"/>
      <property name="configurationProperties">
          <props>
              <prop key="mapUnderscoreToCamelCase">true</prop>
          </props>
      </property>
  </bean>

  <!-- 配置扫描Dao接口包，动态实现Dao接口，注入到spring容器中 -->
  <bean class="org.mybatis.spring.mapper.MapperScannerConfigurer">
      <!-- 注入sqlSessionFactory -->
      <property name="sqlSessionFactoryBeanName" value="sqlSessionFactory"/>
      <!-- 给出需要扫描Dao接口包 -->
      <property name="basePackage" value="com.dao"/>
  </bean>

  <!-- 配置事务管理器 -->
  <bean id="transactionManager" class="org.springframework.jdbc.datasource.DataSourceTransactionManager">
      <!-- 注入数据库连接池 -->
      <property name="dataSource" ref="dataSource"/>
  </bean>

  <!-- 配置基于注解的声明式事务 -->
  <tx:annotation-driven transaction-manager="transactionManager"></tx:annotation-driven>

  • 创建SpringMVC配置文件，文件位置 resources/spring/applicationContext-spring.xml

    复制代码 
      <context:component-scan base-package="com.*"/>

  <!-- 开启SpringMVC注解模式 -->
  <mvc:annotation-driven/>
  <!-- 静态资源默认servlet配置 -->
  <mvc:default-servlet-handler/>

  <bean name="mappingJacksonHttpMessageConverter"
        class="org.springframework.http.converter.json.MappingJackson2HttpMessageConverter">
      <property name="supportedMediaTypes">
          <list>
              <value>text/html;charset=UTF-8</value>
          </list>
      </property>
  </bean>
  <!-- 启动SpringMVC的注解功能，完成请求和注解POJO的映射 -->
  <bean class="org.springframework.web.servlet.mvc.method.annotation.RequestMappingHandlerAdapter">
      <property name="messageConverters">
          <list>
              <ref bean="mappingJacksonHttpMessageConverter"/> <!-- JSON转换器 -->
          </list>
      </property>
  </bean>
  <!-- 定义跳转的文件的前后缀 ，视图模式配置 -->
  <bean class="org.springframework.web.servlet.view.InternalResourceViewResolver">
      <property name="order" value="1"/>
      <property name="prefix" value="/jsp/" />
      <property name="suffix" value=".jsp"/>
  </bean>
  <!--这里是对静态资源的映射-->
  <mvc:resources mapping="/js/**" location="/js/" />
  <mvc:resources mapping="/css/**" location="/css/" />
  <mvc:resources mapping="/img/**" location="/img/" />

  <!-- 文件上传配置 -->
  <bean id="multipartResolver" class="org.springframework.web.multipart.commons.CommonsMultipartResolver">
      <!-- 默认编码 -->
      <property name="defaultEncoding" value="UTF-8"/>
      <!-- 上传文件大小限制为31M，31*1024*1024 -->
      <property name="maxUploadSize" value="32505856"/>
      <!-- 内存中的最大值 -->
      <property name="maxInMemorySize" value="4096"/>
  </bean>

创建JDBC配置文件，文件位置 resources/properties/jdbc.properties

复制代码 
#数据库配置
jdbc.driver=com.mysql.jdbc.Driver
jdbc.url=jdbc:mysql://master1:3306/db_telecom?useUnicode=true&characterEncoding=UTF-8
jdbc.username=root
jdbc.password=Qst@123456
#连接池配置
#最大连接数
c3p0.maxPoolSize=30000
#最小连接数
c3p0.minPoolSize=10
#关闭连接后不自动commit
c3p0.autoCommitOnClose=false
#获取连接超时时间
c3p0.checkoutTimeout=10000
#当获取连接失败重试次数
c3p0.acquireRetryAttempts=2
  • 启动项目

点击

按钮运行Tomcat

运行后如下图

项目会自动打开Web浏览器，输入"数据生产"中的模拟的手机号和模拟数据对应的日期，如下图；

点击"查询按钮"，结果如下：

上图展示的图表依模拟数据的丰富程度决定，建议在模拟数据时尽量运行的时间长一点，则显示的图标将更加丰富。

注：如果运行Tomcat时报错"java: Compilation failed: internal java compiler error"，则是IDEA的JDK版本与项目的JDK版本不一致，依次点击【File】->【Settings...】如下图将项目的JDK修改为【8】后尝试再次运行

相关推荐
Raas1005 小时前
MAI Gateway（魔芋企业级AI网关）技术揭秘：AI网关支持哪些模型？从原理到落地
大数据·人工智能·网关·gateway·mai gateway·企业级产品
YangYang9YangYan8 小时前
2026 校招商品分析岗位 JD 拆解，核心指标、工具与面试考点
大数据·数据库·数据分析
大大大大晴天8 小时前
OpenMetadata VS DataHub VS Atlas VS Gravitino
大数据
Qyr9911 小时前
2026全球汽车碳刷行业发展全景分析报告
大数据
蓝速科技12 小时前
便民服务大厅 AI 数字人一体机场景适配与落地指南丨蓝速科技
大数据·网络·数据结构·人工智能·自然语言处理·数据分析·运维开发
精益数智工坊12 小时前
云计算环境数据怎么同步？云计算集成方案有哪些？
大数据·人工智能·数据挖掘·数据可视化
huashengzsj13 小时前
什么是DMS经销商管理系统？国内经销商管理系统有哪些品牌
大数据
IT毕设梦工厂14 小时前
计算机毕业设计选题推荐:基于大数据的草鱼价格分析与可视化|毕业设计选题|计算机毕设|选题推荐|毕设指导|项目定制|源码|高质量项目
大数据·hadoop·python·数据挖掘·数据分析·课程设计·大数据毕设项目
辛迪聊物业数字化15 小时前
智慧社区物业管理软件新手部署与实操指南
大数据·php
字节跳动数据平台15 小时前
模型再强，为什么 Demo 还是进不了生产？
大数据
热门推荐
01国内可直接用、免费额度/永久免费的大模型API清单（含 SiliconFlow、火山、阿里、智谱、百度、Kimi、DeepSeek、DMXAPI 等）02数学公理体系大全:第六章 选择公理的等价形式及证明03历年考研数学一、数学二、数学三真题试卷及答案PDF04GitHub 镜像站点05微信历史版本含下载地址（ Windows PC | 安卓 | MAC ）及设置微信不更新06蜘蛛磁力 搜索引擎大全，如何使用蜘蛛磁力查找磁力链接07人工智能（AI）发展史：详细里程碑082026 国产 AI 大模型横评：DeepSeek、通义千问、Kimi、文心一言、星火、豆包谁更能打？09ZCode 周末送额度活动开启：3 亿 Token 免费领取10【一等奖版】2026 国赛 A题 药材的烘干问题