简介
admin-d2c-web是一个基于Vue.js的后台管理系统快速开发框架，集成了element-ui和许多常用插件， 可用于构建各种类型的后台管理系统。该框架包含了Vue.js的基础知识和Element UI中的组件使用，对于 前端开发者来说是一个快速开发高质量后台管理系统的利器。
安装
npm install admin-d2c-web --save
快速上手
-- -------------------- ---- ------- ------ --- ---- ----- ------ --- ---- ----------- -- ----------------- ------ ----- ---- --------------- -- ------ ------ ------------------------------------- -- ----------------- -------------- -- ---- ------ ------ ---- ---------- --- ----- ------- ------- - -- ------ -----------------
使用方法
在使用admin-d2c-web之前，需要按照Vue.js和Element UI的基础知识准备好相应环境，然后按照以下步骤进行操作：
- 引入admin-d2c-web
import admin from 'admin-d2c-web'
- 在Vue中使用admin-d2c-web
Vue.use(admin)
- 在页面中使用admin-d2c-web的组件
-- -------------------- ---- -------
----------
-----
-----------------------------
-------------------------
-------------------------------
-----------------------------
------
-----------
--------
------ -
------------
----------
-------------
-----------
- ---- ---------------
------ ------- -
----------- -
------------
----------
-------------
-----------
-
-
---------组件列表
admin-header
admin-header是整个页面的头部导航栏组件，用于显示logo、菜单导航、用户信息等。
-- -------------------- ---- -------
----------
-----
--------------
-------------
---- ----------- ---------------------- ---------- -------------- -------
-----------
------------- -------------------------------
------------- --------------------------------
-------------
---- ------------- ------------------------ ------------ -------------- -------
----- ---------------------------
---------------
------
-----------
--------
------ ------------- ---- ---------------
------ ------- -
----------- -------------
-
---------admin-menu
admin-menu是整个页面的左侧菜单栏组件，用于显示所有的导航菜单。
-- -------------------- ---- -------
----------
-----
------------
------------- -------------------------------
----------- ---------------
--------- --------------------------
------------- ----------------------------------------
------------- --------------------------------------
-------------
-------------
------
-----------
--------
------ ----------- ---- ---------------
------ ------- -
----------- -----------
-
---------admin-content
admin-content是整个页面的内容展示区域，用于显示菜单对应的内容。
-- -------------------- ---- -------
----------
-----
---------------
-----------
--------- -------------
--------------------------
-----------
-----------
--------- ----------------------
-----------
-----------
--------- --------------------
-----------
-----------
----------------
------
-----------
--------
------ -------------- ---- ---------------
------ ------- -
----------- --------------
-
---------admin-footer
admin-footer是整个页面的底部组件，用于显示版权信息等。
-- -------------------- ---- -------
----------
-----
--------------
---------
---------------
------
-----------
--------
------ ------------- ---- ---------------
------ ------- -
----------- -------------
-
---------结尾
以上是npm包admin-d2c-web的使用教程，该框架经过了大量开发者的打磨和使用，集成了众多前端框架和插件， 可供开发者快速开发各种类型的后台管理系统。希望本文能够给有需要的读者带来帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005584d81e8991b448d584b