A detailed background management architecture and data visualization large screen written by Vue2.x family bucket technology (with git address)

background introduction

Since the previous paragraph was relatively busy, I didn’t summarize the knowledge points, but I wrote a more detailed background management structure when I was free. The project uses all Vue2 family bucket technologies, including Vue-Router, Vuex, mock.js, axios, Echart.js, antv-g6, tinymce, swipe and other technologies; including two large-screen data visualization displays, using various charts;

Next, I will put the product image below. If you want to need it, I will attach the gitHub address at the end, which can be directly pulled and started locally;

Product image display

Background management structure

login page

home page

The left menu can be expanded and indented; and a simple Vuex example is written;

slot

antv-g6

custom designation

Data visualization big screen

The main screen is only one screen, and the last two pictures are more tables that can be clicked to display;

The large sub-data screen is designed to slide left and right;

gitHub address

The above are some basic technical knowledge points, and there is nothing to introduce. You can see it at a glance, and share it for the record and friends in need. I hope it can help you;

gitHub address: https://github.com/lcSuperman/my-project-vue2.git

Account: admin; Password: 12345