2.5.2.1 可视化项目案例(需求分析、环境搭建、用户登录登出、用户模块显示、分页、增删改)

最新推荐文章于 2025-01-06 15:00:42 发布
原创 最新推荐文章于 2025-01-06 15:00:42 发布 · 1.9k 阅读 · 12 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#ssm

可视化项目案例

文章目录

一、 需求分析与环境搭建

1.1 需求分析

1.1.1 需求分析

用户登录
在这里插入图片描述
首页的原型
在这里插入图片描述
用户模块
在这里插入图片描述
招聘市场图表统计
在这里插入图片描述

1.1.2 项目技术栈

在这里插入图片描述

1.1.3 数据数据库设计

1.用户表user的描述
后台用户表信息
在这里插入图片描述

CREATE TABLE `user`(
	id INT PRIMARY KEY AUTO_INCREMENT COMMENT '主键',
	username VARCHAR(50)  NOT NULL  COMMENT '用户名',
	PASSWORD VARCHAR(50)  NOT NULL  COMMENT '密码',
	email VARCHAR(50)  NOT NULL  UNIQUE COMMENT '邮件',
	phone VARCHAR(20)  DEFAULT NULL COMMENT '电话',
	create_time DATETIME,
	update_time DATETIME	
);

2.职位信息表 position_info_v2
描述职位及公司信息
在这里插入图片描述

CREATE TABLE `position_info_v2` (
  `id` int(11) NOT NULL AUTO_INCREMENT COMMENT '主键',
  `company_id` int(11) DEFAULT NULL COMMENT '公司id',
  `company_code` varchar(100) DEFAULT NULL COMMENT '公司code',
  `company_jc` varchar(100) DEFAULT NULL COMMENT '公司简称',
  `position_name` varchar(50) DEFAULT NULL COMMENT '职位名称',
  `position_code` varchar(100) DEFAULT NULL COMMENT '职位ID',
  `position_city` varchar(20) DEFAULT NULL COMMENT '职位城市',
  `position_salary` varchar(20) DEFAULT NULL COMMENT '职位薪资',
  `work_year` varchar(20) DEFAULT NULL COMMENT '工作年限',
  `edu` varchar(10) DEFAULT NULL COMMENT '学历',
  `position_type_name` varchar(20) DEFAULT NULL COMMENT '职位分类名称',
  `position_type_code` varchar(50) DEFAULT NULL COMMENT '职位分类code',
  `position_boss` varchar(20) DEFAULT NULL COMMENT '职位发布人',
  `position_boss_position` varchar(100) DEFAULT NULL COMMENT '职位发布人职位',
  `position_update_date` varchar(20) DEFAULT NULL COMMENT '职位更新日期',
  `update_time` datetime NOT NULL DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP COMMENT '插入日期',
  PRIMARY KEY (`id`)
) ENGINE=InnoDB AUTO_INCREMENT=3730164 DEFAULT CHARSET=utf8;

3.职位类型信息表 position_type_info_v2
描述职位类型及公司信息
在这里插入图片描述

CREATE TABLE `position_type_info_v2` (
  `id` int(11) NOT NULL AUTO_INCREMENT COMMENT '主键',
  `position_type_name` varchar(50) DEFAULT NULL COMMENT '职位分类名称',
  `position_type_code` varchar(50) DEFAULT NULL COMMENT '职位分类code',
  `position_num` int(11) DEFAULT NULL COMMENT '职位分类中职位数量',
  `company_id` int(11) DEFAULT NULL COMMENT '公司id',
  `company_jc` varchar(100) DEFAULT NULL COMMENT '公司简称',
  `company_code` varchar(255) DEFAULT '',
  `status` char(5) NOT NULL DEFAULT '0' COMMENT '抓取状态',
  `update_time` datetime NOT NULL DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP COMMENT '插入日期',
  PRIMARY KEY (`id`)
) ENGINE=InnoDB AUTO_INCREMENT=1001818 DEFAULT CHARSET=utf8;

4.省份表 Province
在这里插入图片描述

REATE TABLE Province(ProvinceID INT PRIMARY KEY ,NAME VARCHAR(50));

5.城市表 City
在这里插入图片描述

 CREATE TABLE City(CityID INT PRIMARY KEY ,ProvinceID INT ,NAME VARCHAR(50));

2.环境搭建

1.2.1 工程环境

  • 安装配置maven环境
  • 配置环境变量
  • 配置仓库 1、找到Maven解压目录\conf\settings.xml 2、在setting.xml 文件中找到 localRepository 标签 3、将 < localRepository>/path/to/local/repo</
    localRepository>从注释中取出 4、将标签体内容修改为自定义的Maven仓库目录
  • 在maven的安装目录中 apache-maven-3.2.1/conf/settings.xml 配置本地仓库: 在这里插入图片描述
  • 配置远程镜像 在这里插入图片描述
  • IDEA的jdk环境

这里是引用

  • lombok插件安装

这里是引用

1.2.2 数据库环境

  • 数据库节点位于centos7-1 虚拟节点:
    在这里插入图片描述
  • 修改linux下mysql的配置信息
    MySQL根据配置文件会限制Server接受的数据包大小，有时候大的插入和更新会受max_allowed_packet 参数限制，导致大数据写入或者更新失败。

1.查看目前配置
mysql> show VARIABLES like ‘max_allowed_packet’;
#max_allowed_packet的单位为字节:
#转化为Mb,就是1024Mb
2.修改mysql配置文件
可以编辑/etc/my.cnf,在[mysqld]段或者mysql的server配置段进行修改。
max_allowed_packet = 800M
3.重启mysql

  • 导入数据
    数据表较大,首先创建数据库visualization ,然后导入表信息(使用切割表工具sqldumpsplitter)
    在这里插入图片描述

1.2.3 项目结构

在这里插入图片描述

  • 公共基础模块common
    存放转换对象
    服务器通用返回对象
    响应码对象
    常量对象

  • 控制层controller
    存放各个业务逻辑的控制器

  • 服务层service
    服务接口
    服务器实现

  • 持久mapper
    映射接口

  • 模型层model
    存放数据模型

  • 视图模型vo
    view object模型对象

  • 工具util
    通用工具类

1.2.4 项目框架搭建

1.引入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>com.lagou</groupId>
  <artifactId>lg-visualization</artifactId>
  <version>1.0-SNAPSHOT</version>
  <packaging>war</packaging>

  <dependencies>

    <!-- 单元测试 -->
    <dependency>
      <groupId>junit</groupId>
      <artifactId>junit</artifactId>
      <version>4.12</version>
    </dependency>

    <!-- Spring -->
    <dependency>
      <groupId>org.springframework</groupId>
      <artifactId>spring-webmvc</artifactId>
      <version>5.0.5.RELEASE</version>
    </dependency>


    <dependency>
      <groupId>org.springframework</groupId>
      <artifactId>spring-jdbc</artifactId>
      <version>5.0.5.RELEASE</version>
    </dependency>

    <dependency>
      <groupId>org.springframework</groupId>
      <artifactId>spring-aspects</artifactId>
      <version>5.0.5.RELEASE</version>
    </dependency>

    <dependency>
      <groupId>org.springframework</groupId>
      <artifactId>spring-test</artifactId>
      <version>5.0.5.RELEASE</version>
    </dependency>
    <!-- Mybatis -->
    <dependency>
      <groupId>org.mybatis</groupId>
      <artifactId>mybatis</artifactId>
      <version>3.2.8</version>
    </dependency>


    <dependency>
      <groupId>org.mybatis</groupId>
      <artifactId>mybatis-spring</artifactId>
      <version>1.3.0</version>
    </dependency>

    <!-- MySql -->
    <dependency>
      <groupId>mysql</groupId>
      <artifactId>mysql-connector-java</artifactId>
      <version>5.1.46</version>
    </dependency>

    <!--日志包-->
    <dependency>
      <groupId>org.slf4j</groupId>
      <artifactId>slf4j-log4j12</artifactId>
      <version>1.6.6</version>
    </dependency>

    <!-- 连接池 -->
    <dependency>
      <groupId>com.alibaba</groupId>
      <artifactId>druid</artifactId>
      <version>1.0.14</version>
    </dependency>

    <dependency>
      <groupId>javax.servlet</groupId>
      <artifactId>javax.servlet-api</artifactId>
      <version>3.1.0</version>
      <scope>provided</scope>
    </dependency>

    <dependency>
      <groupId>javax.servlet.jsp</groupId>
      <artifactId>javax.servlet.jsp-api</artifactId>
      <version>2.2.1</version>
      <scope>provided</scope>
    </dependency>


    <dependency>
      <groupId>com.fasterxml.jackson.core</groupId>
      <artifactId>jackson-core</artifactId>
      <version>2.9.0</version>
    </dependency>
    <dependency>
      <groupId>com.fasterxml.jackson.core</groupId>
      <artifactId>jackson-databind</artifactId>
      <version>2.9.0</version>
    </dependency>
    <dependency>
      <groupId>com.fasterxml.jackson.core</groupId>
      <artifactId>jackson-annotations</artifactId>
      <version>2.9.0</version>
    </dependency>
    <dependency>
      <groupId>org.projectlombok</groupId>
      <artifactId>lombok</artifactId>
      <version>1.18.12</version>
    </dependency>


    <dependency>
      <groupId>commons-collections</groupId>
      <artifactId>commons-collections</artifactId>
      <version>3.2.1</version>
    </dependency>

    <dependency>
      <groupId>org.apache.commons</groupId>
      <artifactId>commons-lang3</artifactId>
      <version>3.5</version>
    </dependency>


    <dependency>
      <groupId>com.github.pagehelper</groupId>
      <artifactId>pagehelper</artifactId>
      <version>5.1.4</version>
    </dependency>

  </dependencies>

  <build>
    <plugins>
      <!-- 配置Tomcat插件 -->
      <plugin>
        <groupId>org.apache.tomcat.maven</groupId>
        <artifactId>tomcat7-maven-plugin</artifactId>
        <version>2.2</version>
        <configuration>
          <path>/</path>
          <port>8080</port>
        </configuration>
      </plugin>

      <plugin>
        <groupId>org.apache.maven.plugins</groupId>
        <artifactId>maven-compiler-plugin</artifactId>
        <version>3.2</version>
        <configuration>
          <source>1.8</source>
          <target>1.8</target>
          <encoding>UTF-8</encoding>
        </configuration>
      </plugin>
    </plugins>
  </build>

</project>

配置文件的思路
在这里插入图片描述
在这里插入图片描述
2.spring配置文件
在这里插入图片描述
applicationContext-dao.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"
       xsi:schemaLocation="http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans.xsd http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context.xsd">


    <!--1)加载外部数据库信息 jdbc.properites-->
    <context:property-placeholder location="classpath:jdbc.properties"/>

    <!--2)数据源的配置 druid-->
    <bean id="dataSource" class="com.alibaba.druid.pool.DruidDataSource">
        <property name="driverClassName" value="${jdbc.driver}"></property>
        <property name="url" value="${jdbc.url}"/>
        <property name="username" value="${jdbc.username}"/>
        <property name="password" value="${jdbc.password}"/>
    </bean>

    <!--3)SqlSessionFactoryBean  (加载dataSource , 加载mybatis-config.xml)-->
    <bean id="sqlSesionFactory" class="org.mybatis.spring.SqlSessionFactoryBean">
        <!-- 注入连接池  -->
        <property name="dataSource" ref="dataSource"/>
        <!-- 加载mybatis-config.xml  -->
        <property name="configLocation" value="classpath:mybatis/mybatis-config.xml"/>
    </bean>

    <!--4)Mapper包扫描-->
    <bean class="org.mybatis.spring.mapper.MapperScannerConfigurer">
        <!-- 扫描映射文件比如:AccountMapper.xml 加载该文件; 还会扫描接口AccountMapper接口创建代理对象  -->
        <property name="basePackage" value="com.lagou.mapper"/>
    </bean>

</beans>

applicationContext-service.xml

<
最低0.47元/天 解锁文章
实时数据可视化：Superset实战指南
AI智能探索者的博客
08-21 496
第一部分：理论基础：深入探讨实时数据可视化的概念、架构以及Superset在其中扮演的角色。第二部分：Superset环境准备与基础操作：从0到1搭建Superset环境，并熟悉其核心功能模块。第三部分：实时数据源接入实战：手把手教你如何将各种主流实时数据源接入Superset。第四部分：实时仪表盘设计与高级技巧：学习如何设计高效的实时监控仪表盘，并掌握Superset的高级配置和优化方法。第五部分：常见问题与故障排除：解决你在实战中可能遇到的“拦路虎”。第六部分：总结与展望。
数据可视化项目一
yexiang优快云的专栏
05-08 681
一、数据可视化项目适配方案 1、项目需求 设计稿是1920px PC端适配： 宽度在 1024~1920之间页面元素宽高自适应 2、适配方案 1）、布局说明 移动端： flexible.js 把屏幕分为 10 等份 移动端的效果图是 750px cssrem 插件的基准值是 75px rem值自动生成 PC端： flexible.js 把屏幕分为 10 等份 PC端的效果图是 1920px cssrem 插件的基准值是 192px rem值自动生...
可视化管理系统需求分析文档
08-09
1. 用户登录  管理员登陆：对每天每人的NG情况进行如实登记  一般用户登陆：查询当前用户每天或当月的NG次数以及罚款钱目，以及查询是否处于严打状态 2. 录入数据  管理员通过每天每人的记录，在系统中如实的录入每人每天的NG次数以及所对应的NG项目 3. 自动计算  根据制定的NG规则自动得到以下数据：  每当NG一次即一分，罚款5元；  根据录入的数据判断整个项目组的总NG分数是否超过6分；如超过6分进入严打状态，如没有超过6分为非严打状态；  当进入严打状态，当第一次NG即扣二分，罚款10元；  当进入严打状态，当第二次NG即扣三分，罚款15元；  当进入严打状态，当第三次NG即扣四分，罚款20元；  当进入严打状态，当第四次NG即写检讨，并交予老大处理；  当进入严打状态，当第五次NG即排除其晨会参与资格；  根据录入的数据，如果连续七天无人NG；则取消严打状态；  当进入下月依旧累积上月的严打状态，但是NG总分清零；  当缴了与NG分数相当的罚款就抵消相等的NG分数；
ECS云资源可视化--资源概览
weixin_34175509的博客
03-19 444
背景 随着越来越多的业务接入云计算，云上拥有的各类资源也越来越多，用户如何时时对其拥有的各类资源进行统计分析成为一个难题。ECS控制台针对这一问题，推出资源概览功能，目前支持实例和存储两种云资源的统计和分析功能，如果您有其它任何的数据可视化需求，欢迎留言告诉我们。 实例概览 实例概览是以多个视角对当前地域中所有的实例进行可视化的统计，支持按不同网络类型(...
惊艳全球数据行业的16个数据可视化例子
iteye_19740的博客
09-28 7037
数据是非常强大的。当然，如果你能真正理解它想告诉你的内容，那它的强大之处就更能体现出来了。 　　 通过观察数字和统计数据的转换以获得清晰的结论并不是一件容易的事。必须用一个合乎逻辑的、易于理解的方式来呈现数据。 谈谈数据可视化 人类的大脑对视觉信息的处理优于对文本的处理——因此使用图表、图形和设计元素，数据可视化可以帮你更容易的解释趋势和统计数据。 但是，并非所有的数据可视化是平等的...
新闻网大数据实时分析可视化系统项目——1、需求分析与架构设计
weixin_30673611的博客
05-10 1775
业务需求分析 1）捕获用户浏览日志信息 2）实时分析前20名流量最高的新闻话题 3）实时统计当前线上已曝光的新闻话题 4）统计哪个时段用户浏览量最高 5）报表 涉及技术 Hadoop2.x、Zookeeper、Flume、Hive、Hbase、Kafka、Spark2.x、SparkStreaming、MySQL、Hue、JavaEE、websocket、Echarts 系统架构图...
数据可视化项目
a_xia_o的博客
04-12 854
数据可视化主要目的：借助图形化手段，清晰有效的传达与沟通信息。数据可视化可以把数据从冰冷的数字转换成图形，揭示蕴含在数据中的规律和道理。应对现在数据可视化趋势，越来越多企业需要在很多场景（营销数据，生产数据，用户数据）下使用，可视化图表来展示体现数据，让数据更加直观，数据特点更加突出承上：复习以前学过的内容;启下：为学习服务器编程做铺垫。ECharts是一个javascript插件库，需要引入到页面，底层依赖矢量图形库ZRender，提供直观，交互丰富，可高度个性化定制的数据可视化图表。
JavaWeb实习项目-蛋糕店电商平台
热门推荐
Destiny_Di的博客
07-10 2万+
使用JavaWeb知识设计一个网上蛋糕商城。我所使用的环境是JavaSE1.8，服务器是Tomcat9.0。
django2.2 简单博客 一
飚
10-23 764
多用户博客项目，全栈项目之一，数据库模型设计，BS架构实现。篇一主要是后端开发部分。尚未修改好，先凑合看着，会有些啰嗦，我会慢慢修改，谢谢
栋的月结 | 第一回合（定期更新、动态、架构、云技术、算法、后端、前端、收听/收看、英文、书籍、影视、好歌、新奇）[含泪总结.. 憋泪分享！]
纽雪澳诺加海美德的博客
02-01 2749
开篇词 大家好！以下是我在 2020 年 1 月 1 日至 31 日的所见、所闻、所学和所悟。 现在，我把它们安利给你们。   定期更新 原创专栏： 栋的周评 一文搞定 Linux 管理员手册：既简单又深刻 官方授权： Baeldung Java 周评 符合官方许可： Spring 官方指南   动态 在我的《一文搞定》系列专栏里新增了： 《一文搞定 |...
用户登录的需求分析.mmap
11-07
软件登录的基础测试点，比较全面，适合刚刚接触到测试的工程师。
【数据可视化】数据可视化看板需求梳理模板（含示例）
最新发布
数据挖掘学习梳理
01-06 2529
设计一个数据可视化看板需要从多个方面梳理需求，以确保看板能够有效地传达信息并满足用户的需求。以下是一些关键方面：1.目标和受众● 明确目标：确定看板的主要目的，例如监控业务指标、分析市场趋势、展示项目进度等。● 了解受众：明确看板的受众是谁，例如管理层、业务团队、技术人员等，了解他们的需求和数据理解能力。2.数据需求● 数据来源：确定数据的来源，包括数据库、API、文件等，并确保数据的可靠性和可访问性。● 数据指标：列出需要展示的关键数据指标和维度，例如销售额、客户满意度、产品库存等。
实时可视化大数据项目02 -- 项目目录介绍
AyubLIbra的博客
07-19 1030
1、项目目录结构 后端采用分层架构，前端springBoot整合了前端。 2、目录介绍 2.1、dao 存放的是实体类，基本是封装好的对象，传递给前端的对象。 2.2、service 业务层： 封装数据请求ES的部分。 2.3、support Utils类，主要是一些配置和一些utils类 2.4、web controller层，用于给前端调用的接口。 2.5、resource 主要是一些配置文件和前端的静态文件 ...
需求分析笔记第三章 可视化建模
qq_38420683的博客
10-29 688
overview Use case view Activity view Structure view Interaction view State machine view Implementation view Kinds of UML (logical) models State model static view of the system models data require...
【赠书第23期】需求可视化：22个需求模型及其应用场景
无人机开发（开源Ardupilot）
04-29 1万+
本书旨在帮助业务分析师、产品经理及其组织中的其他人使用可视化模型来征询（elicit，也称“引出”或“萃取出”）、建模（model）和理解（understand）软件需求。
把用户需求转化为可视化——需求的KANO卡诺模型
于连林
11-15 860
▲点击上方“老于的笔记”关注公众号回复1，免费获取B端运营地图正文来了心理学上有一个理论叫做「虚拟所有权效应」；当我们开始想象拥有某样东西时，它就在我们心中变得更宝贵了，人的欲望有时是深藏心底的，可能连自己都不知道，用场景唤起欲望，就是通过天时、地利、人和构成的场景，来唤起人潜藏的欲望和需求。011. 将已有的想法和原型转化为可视化功能功能研究在想法验证阶段后进行，在进入这个阶段之前，将想法与业...
数据可视化案例（五）——福州政务大脑
amumuum的博客
01-07 1198
注意：案例数据均为虚拟数据 一、项目背景 项目背景 服务内容 1、福州市行政服务中心数据大屏 2、公共资源大数据可视化分屏 二、方案思路 数据可视化平台免费试用传送门： EasyV免费试用申请 公共资源（市场洞察）大数据屏幕设计 福州别称“榕城”，所以在公共资源大屏板块设计的视觉主元素采用了榕树，政府部门作为树根树枝为辖区内的企业发展提供强力的支持，茂盛生长的树木也象征着福州市的快速发展。 行政服务中心大屏设计 行政服务中心大屏的设计，因为办事群体面向全体福州市民，所以大屏主视觉形象板块以福州市行.
数据可视化——Davinci
qq_35429938的博客
03-15 2751
数据可视化——Davinci对比及功能使用一. 数据可视化个人引用部分1.有趣的意义2.常规的意义二.图形的内涵1. 图形类型2. 优秀可视化的特点三.可视化需求分析1. 四个问题2. 三个沟通点四.Davinci功能详解1. 可视化构建流程2. 数据源-Source3. 数据视图-View4. 可视化组件-Widget1. 可视化配置本质2. 功能支持3. 图表支持5. 仪表板-Dashboard1. 图表联动2. 全局控制器3. 数据钻取6. 大屏-Display1 区别 引自大佬文章：https://
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值