vue-element-admin

基于 vue+element 的后台集成方案
授权协议 MIT
开发语言 JavaScript
所属分类 Web应用开发、 后台管理系统(模板)
软件类型 开源软件
地区 国产
投 递 者 彭华皓
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

vue-element-admin 是一个后台前端解决方案,它基于 vue 和 element-ui实现。它使用了最新的前端技术栈,内置了 i18n 国际化解决方案,动态路由,权限验证,提炼了典型的业务模型,提供了丰富的功能组件,它可以帮助你快速搭建企业级中后台产品原型。

功能

  • 登录/注销

  • 权限验证

  • 侧边栏

  • 面包屑

  • 富文本编辑器

  • Markdown编辑器

  • JSON编辑器

  • 列表拖拽

  • plitPane

  • Dropzone

  • Sticky

  • CountTo

  • echarts图表

  • 401,404错误页面

  • 错误日志

  • 导出excel

  • table example

  • 动态table example

  • 拖拽table example

  • 内联编辑table example

  • form example

  • 多环境发布

  • dashboard

  • 二次登录

  • 动态侧边栏(支持多级路由)

  • mock数据

  • cache tabs example

  • screenfull

  • markdown2html

  • views-tab

开发

    # 克隆项目
    git clone https://gitee.com/panjiachen/vue-element-admin.git

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

    # 本地开发 开启服务
    npm run dev

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

发布

    # 发布测试环境 带webpack ananalyzer
    npm run build:sit-preview

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

状态管理

后台只有user和app配置相关状态使用vuex存在全局,其它数据都由每个业务页面自己管理。

效果图

两步验证登录 支持微信和qq

真正的动态换肤

  • vue-element-admin的使用 项目实训因为组里之前接触过vue的人不多,所以就跑去写前端了。 之前只用vue.js写过简单的前端,这次碰到大佬指导,学了一下新的架构,以 登录 为例,记录一下。 源码 界面部分是element-ui,本文只记录逻辑,界面看这里:element-ui的使用 源码解析 1.<el-button :loading="loading" type="primary

  • 如果按照文档从git上拉下代码后安装依赖一定会报错的,因为package.json中的"tui-editor": "1.3.3"依赖改名字了 目前有两种解决方案,一种是直接把相关的页面和依赖删除,参考:vue-element-admin安装依赖报错--解决 - Private! - 博客园 这个依赖主要是解决富文本的问题,还有一种方法是安装更改名字后的版本 参考:npm或cnpm install

  • vue-element-admin@4.4.0 dev: vue-cli-service serve错误解决方法 1.系统环境变量的path中添加C:\windows\system32(具体路径是:右击我的电脑=>属性=>高级系统设置=>环境变量=>path) 2.项目中的vue.config.js 中 open:true 注释掉或者 改成false,意思是运行完程序后,不自动启动浏览器

  • 1.首先,点击登录按钮,触发handleLogin方法,通过 this.$store.dispatch(“user/login”, this.loginForm)调用vuex中login方法,此处user/login表示的是调用user文件下的login方法 handleLogin() { this.$refs.loginForm.validate((valid) => {

  • 在github上拉vue-element-admin管理后台发现默认是英文版的,中文版的要拉的是i18n分支的代码

  • 随便记录一下改变位置 在 router 文件夹下的 index 中,改变mode路由模式为:hash 编辑 .env.production 修改 VUE_APP_BASE_API = 'host:port/' 编辑 vue.config.js 修改 publicPath: ‘/’ 为 publicPath: ‘./’ (多了一个 . ) 运行 packjson 中的 > “build:prod”:

  • vue-element-admin 是一个后台前端解决方案,它基于 vue 和 element-ui实现。 通过使用这套模板我们可以快速搭建起完整的  后台管理系统。 我们跟着 官网文档 快速建立起开发环境,但是一开始怎么部署到linux的生产环境有点不知所措,这里记录下部署的流程和遇到的问题。 1、打包生成静态文件 # 打包正式环境 npm run build:prod # 打包预发布环境 n

  • 2022.10.19今天我学习了如何使用vue+element+admin实现前后端连接。 一、vue.config.js配置文件 首先在vue.config.js配置文件中的devServer添加proxy,如图: devServer: { port: port, open: true, overlay: { warnings: false, e

  • https://panjiachen.gitee.io/vue-element-admin-site/zh/guide/advanced/i18n.html

 相关资料
  • vue-element-admin 是一个后台前端解决方案,它基于 vue 和 element-ui实现。它使用了最新的前端技术栈,内置了 i18 国际化解决方案,动态路由,权限验证,提炼了典型的业务模型,提供了丰富的功能组件,它可以帮助你快速搭建企业级中后台产品原型。

  • shangchao-admin-element-ui 上朝科技 - 后台管理系统 - Element-UI 框架 静态演示页面: http://yanxiaodi.coding.me/Element-admin/#/ 特别提醒(需要将静态测试的json数据输出到dist文件夹): yarn run dev 前, 请先使用 yarn run build 打包一下; 然后再使用 yarn run de

  • vue-element-admin 是一个后台前端解决方案,它基于 vue 和 element-ui实现。它使用了最新的前端技术栈,内置了 i18 国际化解决方案,动态路由,权限验证,提炼了典型的业务模型,提供了丰富的功能组件,它可以帮助你快速搭建企业级中后台产品原型。相信不管你的需求是什么,本项目都能帮助到你。 建议 本项目的定位是后台集成方案,不太适合当基础模板来进行二次开发。因为本项目集成了

  • 本文向大家介绍vue基于element的区间选择组件,包括了vue基于element的区间选择组件的使用技巧和注意事项,需要的朋友参考一下 公司的系统中,产品经理在设计时经常要求对某个字段进行区间阈值设置或者作为筛选条件。但是苦于element中没有非常契合的组件(slider组件并不支持两端均能设定),于是自己动手造了一个。 成果 最终的展示效果如下: 需求 这里以项目的需求为例,基本的需求如下

  • vue + element 响应式后台模板 Project setup npm install Compiles and hot-reloads for development npm run serve Compiles and minifies for production npm run build 主要功能 响应式侧边栏 面包屑导航(结合router.js) 路由动效 阿里巴巴矢量icon

  • element-admin 是一个基于 vue 和 element-ui 的轻量级 Admin 后台模板。