Git Product home page Git Product logo

myblogdesign-2.0's Introduction

基于 Vue 和 ElementUI 构建的企业级后台博客管理项目

后端:node.js

数据库:mongodb

vue element-ui Build Status license donate donate

预览

在线体验前台界面: https://qdmmz.cn 感谢大佬的架子: https://github.com/PanJiaChen

简介

vue-lzw 是一个企业级管理二次构建的后台博客发布以及管理项目,基于 Vue 和 ElementUI 构建。它使用了最新的前端技术栈,内置了 i18n 国际化解决方案,支持多语言,动态路由,权限验证,登录注册,等很多功能特性。

同时,它也是一个很好的学习项目,包含了一些常见问题的解决方案,比如:数据可视化,表单表格,导入导出,自定义组件,自定义指令,富文本,换肤等等。

写在前面

请确保你安装了 nodegit,与此同时,你应该对 VueVuexVue RouterES2015+ElementUI 有所了解。我们的请求有使用 Mock.js 模拟,请求均使用了本地真实的接口数据blog_behind,提前了解和学习这些知识会对使用本项目有很大的帮助。

Build Setup

# 克隆项目
git clone https://github.com/378406712/myBlogDesign-2.0.git

# 进入项目
cd myBlogDesign-2.0

# install dependencies
npm install

# 可能出现node-scss安装失败:
npm rebuild node-sass

# 建议不要用 cnpm 安装 会有各种诡异的bug 可以通过如下操作解决 npm 下载速度慢的问题
npm install --registry=https://registry.npm.taobao.org

# serve with hot reload at localhost:8080
npm start

浏览器访问 http://localhost:8080

构建发布

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

功能

- 登录/注销
- 权限验证
- 多环境发布
- 动态侧边栏(支持多级路由)
- 国际化多语言
- Screenfull全屏
- 列表拖拽
- Svg Sprite 图标
- Dashboard
- 自定义组件
- 换肤
- 富文本
- 文章/目录管理

截图

image image image image image image image

Donate

如果你觉得这个项目帮助到了你,你可以帮作者买一杯果汁表示鼓励 🍹

donate

Browsers support

Modern browsers and Internet Explorer 10+.

IE / Edge
IE / Edge
Firefox
Firefox
Chrome
Chrome
Safari
Safari
IE10, IE11, Edge last 2 versions last 2 versions last 2 versions

License

MIT

Copyright (c) 2020-present Clover@lzw

myblogdesign-2.0's People

Contributors

378406712 avatar

Stargazers

 avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

Forkers

1621740748

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.