Vue实现后台管理系统（GitHub源码分享）

我就是我 2022-10-24 05:52 535阅读 0赞

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档

**目录**

前言

一、资源地址

二、效果图

三、使用步骤

总结

--------------------

# 前言 #

CSDN上也有很多人写过Vue后台系统开发文章，不过没有公开源码，博主这个项目陆陆续续搞了半年时间，后端用java写的，这里主要是vue前端的实现。

--------------------

提示：以下是本篇文章正文内容，下面案例可供参考

# 一、资源地址 #

demo预览地址：**[https://zekeup.com/site/login][https_zekeup.com_site_login]**

源码地址（GitHub地址）：**[https://github.com/zydding/vue-site-manage][https_github.com_zydding_vue-site-manage]**

# 二、效果图 #

1.登录界面

![登录界面][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTcxMTU5Mw_size_16_color_FFFFFF_t_70]

2.系统主页

![系统主页][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTcxMTU5Mw_size_16_color_FFFFFF_t_70 1]

# 三、使用步骤 #

##  ##

GitHub下载

git clone https://github.com/zydding/vue-site-manage.git      // 把模板下载到本地
    cd vue-site-manage    // 进入模板目录
    npm install         // 安装项目依赖，等待安装完成之后，可用 cnpm
    
    // 开启服务器，浏览器访问 http://localhost:8092
    npm run serve

--------------------

# 总结 #

主要实现功能

*  登录/注销
 *   访问量统计
 *   表格
 *   Tab 选项卡
 *   表单
 *   富文本编辑器
 *   图片（附件）上传
 *   权限判断
 *   文章管理
 *   作品管理
 *   枚举管理
 *   用户管理
 *   访问记录

[https_zekeup.com_site_login]: https://zekeup.com/site/login
[https_github.com_zydding_vue-site-manage]: https://github.com/zydding/vue-site-manage
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTcxMTU5Mw_size_16_color_FFFFFF_t_70]: /images/20221024/6f2e107da9bc4df0970b72a7a645b945.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTcxMTU5Mw_size_16_color_FFFFFF_t_70 1]: /images/20221024/a94d0f78c4304fcf95265d0ab03f67c1.png