Git Product home page Git Product logo

autotboxdatasystem's Introduction

Auto TBOX Data System

LICENSE Java Spring Maven Tomcat HTML5 CSS Javascript Nodejs React MySQL

汽车TBOX数据采集及分析系统设计与实现

预览

login

register

登录与注册界面,沿用react-material-admin模板。

profile

用户个人资料界面,可修改邮箱,电话,头像。支援6个可选头像。

security

用户账户安全界面,可修改密码。

dashboard

数据面板/仪表盘对昨日故障,过去一周故障,本年度故障,过去24h实时故障做统计,并渲染图表。

general

概览使用散列图对单元并发故障次数分布统计;使用树形图对车型/单元/故障占比统计;使用条形图对车型故障单元与4S店售出车辆故障单元统计。

maps

maps2

地图使用必应地图接口对故障发生的位置进行标记,相同座标的故障求和后显示在标记上。

warningTable

车辆故障信息表对数据库中的故障信息进行增删改查并且支持导出/下载。

userTable

用户信息表对数据库中的用户信息进行增删改查并且支持导出/下载。其他表格功能类似,也可用来实现基础信息维护。

目录结构

AutoTBOXDataSystem (Spring后端服务与接口,Java)
├ CarCrawlers (爬虫车辆信息数据采集,python)
├ HttpClient (故障数据采集与分析,python)
└ react-material-admin (react前端页面)

注:MySQL搭建于服务器端,其中这是导出的 SQL源文件

使用

数据库:安装MySQL到本地或服务器(其他应该也行,只要JPA支持)。

后端:安装Maven(包管理工具),安装Spring包环境(刷新maven自动下载),安装Tomcat(服务)。

前端:安装Nodejs,安装yarn或npm。

运行HttpClient中的main.py(数据采集与分析),生成visual chart数据,每天执行一次即可。

分别启动Spring和React(命令如下)。

yarn
$ yarn start

npm
$ npm start

系统设计与实现细节

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.