Solution of management system front-end based on vue.js and ElementUI

Welcome everyone to maintain

中文文档

预览 / Online preview address

To watch the experience, the preview screenshot is at the end

This project is suitable for use as a template. Because a lot of plug-ins and components are integrated now, the first load will take more time. Although the first screen loading animation has been done, it is suggested that you must delete the code that is not used when you release it. For example, the project does not use charts, so it is better to delete the integrated chart library and encapsulated chart components.

feature

• first screen loading wait for animation to avoid first loading white screen embarrassment.

• brief theme

• each plug-in and component is equipped with an introduction document

• image resource sketch source file (you can regenerate all image resources in this file).

• landing and cancellation

• automatically generate menus based on Routing

• folding side sidebar

• multilingual support

• rich text editor

• Markdown editor

• full screen function

• Fontawesome Icon Library

• Fontawesome icon selector (component)

• automatic introduction of the downloaded SVG Icon

• front-end false data support (mock)

• integrated G2 chart

• chart adaptable drag and drop size card container (example)

• simplify the clipboard operation

• simplifying the Cookie operation

• time computing tool

• import Excel (xlsx format + CSV format)

• data export Excel (xlsx format + CSV format)

• data export text

• Digital Animation

• can drag and drop the size of the cut layout

• can drag and drop the size and location of the grid layout

• provide three kinds of page container components (normal cards, invisible containers, fill pages).

• code highlighting

• load and parse the markdown file

• GitHub style markdown display component

• markdown code is high

• extension of Baidu cloud link resolution and Optimization for markdown.

Use

install

npm i

run

npm run dev

The following environment tests are available

➜  ~ npm -v
5.6.0
➜  ~ node -v
v8.11.1
➜  ~ nrm -V
1.0.2
➜  ~ nrm ls
  npm ---- https://registry.npmjs.org/
  cnpm --- http://r.cnpmjs.org/
* taobao - https://registry.npm.taobao.org/
  nj ----- https://registry.nodejitsu.com/
  rednpm - http://registry.mirror.cqupt.edu.cn/
  npmMirror  https://skimdb.npmjs.com/registry/
  edunpm - http://registry.enpmjs.org/

Not recommended for use cnpm

preview

login

dashboard

mock data demo

dragable and modified size card

dragable layout

multi-language support

import csv xlsx export csv xlsx and text

three modes page container component

integrated rich text editor

integrated markdown editor

integrated icon font

encapsulation icon component

support automatically import SVG folder icon, and through the use of components

icon selector component

Integrated markdown rendering function and optimized the Baidu cloud sharing link in the rendering result display

integrated digital animation plug-in

hightLight in source code viewer

integrated chart

support chart drag and resize and drag and drop locations

separate chart example