lynxme / vue-blog

🎉 基于vue全家桶 + element-ui 构建的一个后台管理集成解决方案

Home Page:http://blog.liansixin.win

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

vue-blog

image image image image

简介

vue-blog 是一个后台管理项目解决方案,它基于 vue.jselement-ui。使用了目前主流的前端技术栈,并且扩展和集成了许多后台项目经常用到的功能。如:登录、权限验证、多级路由、富文本、I18n国际化等功能特性。相信不管你需求是什么,本项目都能帮助到你。

vue-blog 是一个后台管理项目的集成解决方案,它不适合作为基础模板进行二次开发。
注意:该项目使用 element-ui@2.0.0+ 版本,所以最低兼容 vue@2.5.0+

前序准备

你的本地环境需要安装 nodegit,本项目技术栈基于 ES2015+vuevue-routervuexelement-ui,所有的请求数据都使用Mock.js模拟(图片数据除外),提前了解和学习这些知识会对使用本项目有很大的帮助。

如果你是Vue初学者,这里有一些资源可以帮助到你

说明

如果对你有帮助,你可以点右上角 "star"支持一下,非常感谢!🌹

或者你可以 "follow(关注)" 一下作者,我正在不断开源更多实用的项目。

如有问题可以直接在 Issues 中反馈,或者加入我们下方的Vue群更进一步地交流。

功能

  • 登录/注销
  • 权限验证
  • 前端mock数据
  • 多环境发布
  • 动态侧边栏(支持多级路由和一键配置图标、登录、展开、缓存等选项)
  • 动态面包屑
  • 动态换肤(实现element-ui官网的换肤功能)
  • 图钉
  • 返回顶部
  • 动态数值
  • 加载提示(3种状态:加载中,无数据,出现错误且支持点击重新请求)
  • 进度条
  • 剪贴板
  • 富文本编辑器(自定义图片上传、草稿、预览等)
  • Markdown编辑器(搭配Markdown语法转HTML功能)
  • 导入.md文件
  • 导入导出Excel
  • Echarts 图表
  • 拖拽列表、表格
  • 401、404页面
  • 错误日志(全局错误捕捉)
  • Iconfont图标
  • 国际化多语言(中文、English)
  • ...

开发

# 克隆项目
git clone https://github.com/uncleLian/vue-blog.git

# 安装依赖
npm install
   
# 建议不要用cnpm安装,某些依赖可能无法安装, 可以通过如下操作解决 npm 下载速度慢的问题
npm install --registry=https://registry.npm.taobao.org

# 启动服务:localhost:8020
npm run dev

发布

# 构建测试环境
npm run build:sit

# 构建生产环境
npm run build:prod

版本日志

发行说明中记录了每个版本的详细更改。

捐赠

如果你觉得这个项目帮助到了你,你可以请我喝一杯饮料表示支持🍹

交流

欢迎热爱学习、忠于分享的朋友一起来交流

  • QQ:771674109
  • Vue交流群:338241465 —— 广州-小鑫

License

MIT

Copyright (c) 2018-present,uncleLian

About

🎉 基于vue全家桶 + element-ui 构建的一个后台管理集成解决方案

http://blog.liansixin.win

License:MIT License


Languages

Language:JavaScript 68.2%Language:Vue 30.8%Language:CSS 0.8%Language:HTML 0.2%