Vue实现后台管理系统(GitHub源码分享)
2022-08-03 09:57:03
121
{{single.collect_count}}

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

目录

前言

一、资源地址

二、效果图

三、使用步骤

 

总结


 

 

前言

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


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

一、资源地址

demo预览地址:https://zekeup.com/site/login

源码地址(GitHub地址):https://github.com/zydding/vue-site-manage

二、效果图

1.登录界面

登录界面

2.系统主页

系统主页

三、使用步骤

GitHub下载

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

 


总结

主要实现功能

  • 登录/注销
  •  访问量统计
  •  表格
  •  Tab 选项卡
  •  表单
  •  富文本编辑器
  •  图片(附件)上传
  •  权限判断
  •  文章管理
  •  作品管理
  •  枚举管理
  •  用户管理
  •  访问记录
回帖
全部回帖({{commentCount}})
{{item.user.nickname}} {{item.user.group_title}} {{item.friend_time}}
{{item.content}}
{{item.comment_content_show ? '取消' : '回复'}} 删除
回帖
{{reply.user.nickname}} {{reply.user.group_title}} {{reply.friend_time}}
{{reply.content}}
{{reply.comment_content_show ? '取消' : '回复'}} 删除
回帖
收起
没有更多啦~
{{commentLoading ? '加载中...' : '查看更多评论'}}