简介
Vue-back-op 是一个通用的 Vue.js 后台管理系统模板，该模板通过引入了 ElementUI、vue-i18n 和 vue-router 等插件，可以帮助你快速搭建一个具有完善功能、扩展性强的后台管理系统。
安装
你可以选择通过 npm 进行安装：
- --- ------- ----------- ------
使用
Vue-back-op 的主要功能都在 src/views 目录下，例如登录页，布局页，以及菜单目录等，你需要将这些文件复制到你的项目下，并自己进行相关逻辑的编写。
登录页面
登录页面主要是实现用户登录的功能，代码存放于 src/views/Login.vue 中。
----------
---- ----------------------
-------- ---------- ------------- -------------- --------------------
------------- ---------- ---------------
--------- ----------------------------------
---------------
------------- ---------- ----------------
--------- --------------- -----------------------------------
---------------
--------------
---------- -------------- --------------------------------------------
---------------
----------
------
-----------
--------
------ ------- -
----- --------
------ -
------ -
----- -
-------- ---
--------- --
--
------ -
-------- -- --------- ----- -------- -------- -------- ------ ---
--------- -- --------- ----- -------- -------- -------- ------ --
-
-
--
-------- -
---------------------- -
------------------------------------- -- -
-- ------- -
-- ----- ---------
- ---- -
------ -----
-
---
-
-
-
---------布局页面
布局页面作为整个系统的容器，其代码保存于 src/views/Layout.vue 中。
----------
---- -------------------
--------
------
----------------------
---------------------
--------------------------
---------------
------------
-
---- ----- ---
--------- ----------- --------------------------- ------------ ---------------------- --
--------
--------
------- ---------------------- ---------------------------------- --
---------
------------ --
----------
---------
---------
------
-----------
--------
------ - ------ - ---- ------------
------ ------ ---- -------------------------
------ ------- ---- --------------------------
------ ----- ---- ------------------------
------ ------- ---- --------------------------------------------
------ - ---------- - ---- ------
------ ------- -
----------- -
-------
-------
--------
------
-------
--
------ -
------ -
---------- ------
----- ---
------------ ---
----- -----
-
--
------- -- -
--------------------------- -- -
--------- - ---
-- ----------- - -- -
---------------- - ------
--------- - ----
-
--
--
-------- -
--------------------- - ------------ ------------- ---
----------------- -
-------------- - ---------------
-
-
-
---------菜单目录
菜单目录实现了后台系统的菜单管理功能，代码保存于 src/views/system/menu 目录下。
----------
---- ---------------------
---- ----------------
---------- -------------- ---------------------------------
------
--------
------------
----------------
---------------------
----------------------
--------------------------------------------
----------------------
--------------------------
--------------------------
-----------------------------
-------------------------------------
-----------------------------
-
----- -------------- ------------- ---- ----- ---------- ---------
---------- ----------- ------------- ----------- -----------------------------------------------
----------
-------------- ------------------ ------------------- -------------------- --
--------------- ---------------------- ------------------- ------------------------ --
------
-----------
--------
------ - ----------- ---------- - ---- ------
------ - -------- ----------- ------- ---- - ---- ------------
------ ------------- ---- --------------------------------
------ -------------- ---- ---------------------------------
------ ------- -
----- -----------------
----------- -
------- -----
--------------
--------------
--
---- -- -
------ -
------------ ---
----------- ------
--------------- ------
------------- -
---------- --------------
--
----------- -----
-------------------- --
-
--
--------- -
--------------------- - --------- ---------- --
--
--------- -
-----------
--
-------- -
--------------------- - ------------ -------------- ----------- ------------- ------------ ------------- ---
---- -- -
-- ----------------------- -
-- -- -- ------
------------------------------------------------ -- -
---------------- - ---
------------------------ - -------------------------
-- ------------- --- -- -
------------------------ - --
-
--
-
--
--------- -- -
---------------- - - --------- --------------------- - ----------------------------- - - -
--------------- - ----
--
----------- -- -
--------------- - -----
------------------
--
--------------- -- -
------------------- - -----
------------------
--
------------ ------ -
------------------------------ ----- -
----- ---------
---------- -- -
---------------------------------------- -- -
-----------------------
------------------
----------- -- -
---------------------
--
--
--
------------------- ------------- -------- -
-- ------------- -
-------------------
----- -----------------
------- - --- -------------- -
--
- ---- -
-------------------
----- ----------------
--
-
--
--------------- ------ -
-- -------- --- ---------------------- -
------------------- - ----
-
-
-
-
---------结语
以上就是 Vue-back-op 的主要用法，请根据实际需要进行调整和组合，构建出更加灵活、实用、高效的后台管理系统。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/60055dbc81e8991b448db7bf