项目描述

       本项目的环境是node.js,基于vue框架，前端为vue-element-admin，后台为egg。通过前后端分离，实现了低耦合，同时更方便进行相对应的事务处理，十分灵活。

项目背景

     在科技的逐渐发展过程中,对于加油的需求逐渐扩大,加油站行业的发展规模增加,因此市场的变革给公司管理带来了很大的挑战。

     所谓的后台管理基本上就是一般管理都是针对单一数据源开展分析，精度有待进一步提高，应用场景有待进一步丰富。目前我国的发展管理也是如此，这导致存在管理效果不好，管理有漏洞，加油站信息化建设重视程度不够高等问题。公司管理的信息都来源于样本统计，样本都是在大数据时代的环境背景下取得的，数据比较全。

     针对数据源开展分析，分析加油的商品公司的司机购买情况，优惠情况，效果如何。还有对每个公司的营业额什么的进行管理，对于一些消息推送都是必不可少的。只有全面的获取相关的数据，才能更好的进行管理，因此，当前对于管理这部分我们仍然还需要进一步作出努力。

项目功能

       1.数据的增删改查

       在前台和后台进行连接后，后台用于根据控制权限控制是否显示MySQL中存储的数据。在页面中对于当前的数据或勾选的数据进行增删改查的操作。

       2.数据的导入与导出

       在页面上数据显示后，可以对勾选的数据进行导出。可以根据已经存在的数据进行导入。导出的方式有多种，可以单行导出和多行导出，还有全选导出。

       3.数据可视化

       通过对2020年8月，9月，11月，12月和2021年1月的注册司机的数量进行分析，分别用echarts画出了对应的数据视图，折线图，柱状图。对于画出的图像，方便记录，添加了保存为图片的功能，便于查看。

       折线图：

       数据视图：

       条形图：

       保存功能：

项目架构

       本项目主要架构如上图所示，前端展示界面主要通过HTML+CSS进行界面的渲染，使用JavaScript进行界面的用户交互，后台基于Egg框架作为实现，采用Hmac算法实现账号登录，登陆之后主页有Echarts可视化，显示数据的变化。后台基于node.js环境。数据存储和分析都是通过MySQL实现的。