preview

This project is based on Vue2.6, and uses bin-UI as component library to build WCM background management system. On the basis of VUe-Admin1.0, it carries out secondary reconstruction, adding login token verification and simple theme configuration functions. At present, it is the preliminary draft of version 2.0.0. It will continue to be updated.

Functions overview

- Global features - Dynamic sidebar (support multi-level routing nesting) - Dynamic Breadcrumb - Shortcut Navigation (TAB) - Ali IconFONT icon embedding - Easy-Mock Data - Adaptive shrink sidebar - Error page - 401-403-404-500 - - Component - Button group - ECharts Diagram - Divider Line - Drawer - title bar, text bar - SplitPane Divider block - Tinymce rich text EncapsulationCopy the code

Note: Only some components and functions are listed

Environment set up

You need to install Node and VUE-cli3 locally. The project technology stack based on ES6, VUE, VUEX, VUE-Router, AXIOS, bin-UI will be very helpful to learn related content in the development of the project.

In addition, the project also relies on some auxiliary libraries, such as ECharts, QS, VUe-count -to good-storage, etc., to realize functions such as charts, loading progress, request parameter conversion, digital accumulation and so on.

All request data is simulated using easy-mock

The directory structure

The directory structure of the entire project is as follows. Details about the contents will be described and explained later

├ ─ ─ docs / / document directory ├ ─ ─ public / / public resources, and a third party, not packaged resources ├ ─ ─ SRC / / source │ ├ ─ ─ the API / / all requests related resources │ ├ ─ ─ assets / / static resources, │ ├─ Components │ ├─ Config │ ├─ Layout │ ├─ Global And Related Components │ ├─ Mock // Mock Server Data │ ├─ Plugin // Custom plugins, injection instructions, Global mixin │ ├ ─ ─ the router / / routing │ ├ ─ ─ store / / global store │ ├ ─ ─ utils / / global toolkit │ ├ ─ ─ page views / / views all │ ├ ─ ─ App. Vue / / entry page │ └ ─ ─ main. Js file / / entry Loading module initialization ├ ─ ─. Eslintrc. Js / / eslint configuration items ├ ─ ─. Gitignore / / git ignore item ├ ─ ─ Babel. Config. Js / / Babel Configuration items ├ ─ ─ vue. Config. Js / / vue - cli3 integrated configuration items └ ─ ─ package. The json / / package. The jsonCopy the code

The installation

# Clone project
git clone https://github.com/wangbin3162/bin-admin.git

# install dependencies
npm install

# Local development start project
npm run serve
# OR Vue UI graphical interface started
vue ui
Copy the code

In practice, clone can be developed directly in this basic package.

Documentation continues to be updated…