An elegant dashboard

Overview

banner

DeepScan grade

D2Admin is a fully open source and free enterprise back-end product front-end integration solution, using the latest front-end technology stack, javascript files loading of local first screen less than 60kb, has prepared most of the project preparations, and with a lot of sample code to help the management system agile development.

中文 | English

Preview

Deploy preview Netlify Status

The following access addresses are built and deployed by the latest master branch code at the same time. The access effect is completely consistent. Please select the appropriate access link according to your own network situation.

server link server
d2.pub Link China server
cdn.d2.pub Link qiniu CDN
github Link GitHub pages
netlify Link Netlify CDN

Document

document on https://d2.pub

d2.pub CDN mirror deployment https://cdn.d2.pub

Features

  • Build with vue-cli3
  • First screen loading waiting animation
  • Five themes
  • Built-in UEditor rich text editor
  • Detailed documentation
  • Login and logout
  • Separate routing and menu settings
  • Foldable sidebar
  • Multi-national language
  • Rich text editor
  • Markdown editor
  • full screen
  • Fontawesome icon library
  • Icon selector
  • Automatically register SVG icon
  • Simulation data
  • Clipboard package
  • Chart library
  • Time and date calculation tool
  • Import Excel ( xlsx + csv )
  • Data export Excel ( xlsx + csv )
  • Data export text
  • Digital animation
  • Drag and drop the size of the block layout
  • Grid layout for drag and resize and position
  • Out-of-the-box page layout components
  • Load and parse markdown files
  • GitHub style markdown display component
  • markdown internal code highlighting
  • Expanded Baidu cloud link resolution and optimized display for markdown
  • Right click menu component
  • Custom scrollbars and scrolling controls
  • Common style extraction, convenient theme customization
  • Support temporary menu configuration
  • System function display module 1.1.4 +
  • Multi-tab mode 1.1.4 +
  • Beautify the scroll bar 1.1.4 +
  • json view 1.1.4 +
  • cookie wrapper 1.1.5 +
  • Multi-tab global control API 1.1.5 +
  • Menu Global Control API 1.1.5 +
  • Multi-tab page close control support right-click menu 1.1.10 +
  • Modular global state management 1.2.0 +
  • Multiple data persistence methods: distinguish users, distinguish routes, page data snapshot function 1.2.0 +
  • Support for menu system that jumps out of external links 1.2.0 +
  • Support menu svg icon 1.3.0 +
  • Logging and error catching 1.3.0 +
  • Global menu search 1.3.0 +
  • Custom login redirect 1.3.0 +
  • Switch global base component size 1.4.0 +
  • Page loading progress bar 1.4.1 +
  • Adaptive top menu bar 1.4.7 +
  • Support for merging cells when exporting xslx 1.5.4 +
  • Multiple tabs support drag and drop sorting 1.8.0 +
  • load only local JavaScript code less than 60kb on the homepage 1.8.0 +
  • Built in build file volume checking tool 1.8.0 +
  • Example of multi page 1.23.0 +
  • Split chunks 1.23.0 +

Other synchronous repositories

type link
gitee https://gitee.com/d2-projects/d2-admin
coding https://d2-projects.coding.net/p/d2-projects/d/d2-admin/git

Other versions

Name HomePage Preview Introduction
Starter template Link Link The simplest version

Community projects

These projects are contributed by the open source community and are not guaranteed to use the latest version of D2Admin. Please contact their open source authors for related usage questions.

Name HomePage Preview Introduction
d2-admin-xiya-go-cms Link Link D2Admin + authority system + dynamic router
d2-advance Link Link Technical exploration inspired by D2Admin
d2-crud-plus Link Link Easy development of crud function
d2-crud Link Link Encapsulation of common operations in tables
d2-admin-pm Link Link RBAC privilege management solution based on D2Admin
LanBlog Link Link Vue + Beego restful api personal blog system
d2-admin-start-kit-plus Link Link D2Admin Start kit modular version
d2-ribbons Link Link Open source project logo Library

Open source backend implementation

The backend is contributed by the open source community. The latest version of D2Admin is not guaranteed. Please contact its open source author for related usage issues.

Name technology HomePage Preview Introduction
boot-admin SpringBoot Link Link Management system based on SpringBoot
FlaskPermission Flask Link Link Permission management based on Flask
CareyShop ThinkPHP5 Link Link High Performance Mall Framework System for CareyShop
jiiiiiin-security Spring Boot Link Link Content management infrastructure projects
Taroco Spring Cloud Link Link Complete microservice enterprise solution
Aooms Spring Cloud Link Link Extremely fast microservice development, not just as simple as JFinal
GOA Beego Link Link Online question answering system based on Beego + Vue
CMDB Django Link Link authority system with dynamic menu

Badge

If your open source project is based on D2Admin development, please add the following badge to your README:

Copy the following code into the README to:

<a href="https://github.com/d2-projects/d2-admin" target="_blank"><img src="https://raw.githubusercontent.com/FairyEver/d2-admin/master/docs/image/[email protected]" width="200"></a>

At the same time, you can report your project to us. We will place the excellent project in D2Admin and help you publicize it.

Contributor

Become a sponsor

Sponsor me on afdian.net

Sponsor

cochlea | Baron | 苦行僧 | 吴地安宁 | KingDong | sunyongmofang

Visitor

Total visitor

Total visitor since 2019.08.27

Star history

Stargazers over time

License

FOSSA Status

Issues
  • 🔩 功能开发 | 希望能有一套完善的权限解决方案

    🔩 功能开发 | 希望能有一套完善的权限解决方案

    1. 权限节点可由后端定义。
    2. 根据权限动态渲染菜单。
    3. 根据权限动态生成路由。
    4. 精确到页面小组件级别的权限。建议在全局有个自定义命令 例如 v-can ,在任何组件中使用该命令来确定该组件是否渲染。
    5. 规范、简明、清晰的权限定义。简洁明了的权限数据格式。

    来自一个PHPer,前端菜鸡的请求。感觉这套管理系统速度很快,而且界面也好看。但是一个没有权限方案的系统无法在项目中使用啊。一个后台系统权限模块是必备的吧_

    opened by winter-ice 31
  • ⚙ 功能升级 | 增加closeAndRefresh方法

    ⚙ 功能升级 | 增加closeAndRefresh方法

    https://d2admin.fairyever.com/#/demo/business/issues/142 如DEMO,建议在page.js中增加closeAndRefresh方法,其主要逻辑:关闭当前表单tab,如果列表页仍然已经打开,则刷新列表页。否则,仅关闭当前表单tab。请问TODO这里要怎么刷新。。。。。。。谢谢 image

    opened by penjay 12
  • get不能向后端传递参数

    get不能向后端传递参数

    请教一下, 我用post可以向后端传递参数,但是用get不能向后端传递参数

    opened by leoyuuuuu 9
  • 🤔 提问 | 打包之后运行无法加载图标

    🤔 提问 | 打包之后运行无法加载图标

    打包后正常运行,但是所有图标无法显示,控制台截图:

    opened by leoyuuuuu 9
  • 👾 BUG | 多次点击标签出错

    👾 BUG | 多次点击标签出错

    多次点击标签会触发这个错误:

    vue-router.esm.js:2008 Uncaught (in promise) NavigationDuplicated {_name: "NavigationDuplicated", name: "NavigationDuplicated"}
    

    这是我修改过的代码部分:

    /**
     * @class pool
     * @description 保存 pool (候选池)
     * @param {Object} state vuex state
     * @param {Array} routes routes
     */
    init (state, routes) {
      const pool = []
      const push = function (routes) {
        routes.forEach(route => {
           // 这里如果不能正确添加路由信息,不显示菜单标题
          if (route.children && route.children.length !== 0) {  // 多加了如果有子级但是不为空的情况
            push(route.children)
          } else {
            if (!route.hidden) {
              const { meta, name, path } = route
              pool.push({ meta, name, path })
            }
          }
        })
      }
      push(routes)
      state.pool = pool
    }
    
    opened by cosoc 8
  • 🤔 提问 | 对所有请求设置的X-TOKEN的疑问

    🤔 提问 | 对所有请求设置的X-TOKEN的疑问

    我看到在 /src/plugin/axios/index.js 里面这段代码可以设置所有的请求拦截

    // 请求拦截器
    service.interceptors.request.use(
      config => {
        // 在请求发送之前做一些处理
        if (!(/^https:\/\/|http:\/\//.test(config.url))) {
          const token = util.cookies.get('token')
          if (token && token !== 'undefined') {
            // 让每个请求携带token-- ['X-Token']为自定义key 请根据实际情况自行修改
            config.headers['X-Token'] = token
          }
        }
        return config
      },
      error => {
        // 发送失败
        console.log(error)
        Promise.reject(error)
      }
    )
    

    在这段代码里面设置了所有请求的header必须带有X-Token字段,但是当我在控制台的 network里面查找的
    时候发现我的request里面并没有这个 header,请问这个是还需要在哪里设置吗
    并且如果我需要设置所有请求都带上这个header应该怎么做,
    是需要在请求地址上加上headers=this.headers的属性吗,谢谢

    opened by carolcoral 8
  • 👾 BUG | 首页输入框 在 输入法中文状态 下跟会存在严重bug

    👾 BUG | 首页输入框 在 输入法中文状态 下跟会存在严重bug

    👾 BUG | 首页输入框 在 输入法中文状态 下跟会存在严重bug

    具体表现就是:无法输入内容,也无法删除内容,会跟随定时器,将内容重置到输入前的状态
    
    opened by lujunjie2019 7
  • VUE 3.0 support?

    VUE 3.0 support?

    in progress?

    opened by cubehead 3
  • 功能升级 | router-view 的key会影响热更新 导致页面白屏

    功能升级 | router-view 的key会影响热更新 导致页面白屏

    这是vue-loader一个尚未修复的bug https://github.com/vuejs/vue-loader/issues/1332
    简单的解决办法是 开发环境下不加 key 但不利于调试 比较折腾的办法是 引入vue-keep-alive-dev插件 简单的使用了下 又有诸多问题

    计划 Plan 
    opened by wangjue666 0
  • 🔩 功能开发 | 关于代码生成这一块d2admin 有规划吗

    🔩 功能开发 | 关于代码生成这一块d2admin 有规划吗

    1. model生成 痛点: 现在写一个接口要写 api, state,mutations, mutation-types,action,getters这么多地方, 其实大多是重复的代码 期望: 有个 model 层或者 model 配置, 根据 model 生成(更新): api(curd),state,mutation,mutation-types,actions,getters 如果能前后端维护统一接口文档如 swagger, 甚至可以拉swagger 文档生成代码
    2. view生成 痛点: 增加一个页面需要写 menu 配置,route配置, page 组件 期望: 通过配置自动生成 route 配置, menu 配置, 生成page 以上目前都有现成的yeoman generator 或者vue-cli3 plugin, 期望集成d2进来
    3. docs 生成 通过注释生成 docs
    opened by ChasLui 7
  • English documentation + demo

    English documentation + demo

    It would be awesome for the rest of the world :D

    opened by tristanbes 4
Releases(v1.24.2)
  • v1.24.2(Jul 22, 2021)

  • v1.24.1(Jul 20, 2021)

  • v1.24.0(Dec 28, 2020)

  • v1.23.0(Dec 3, 2020)

  • v1.22.0(Nov 30, 2020)

  • v1.21.0(Nov 30, 2020)

    1.21.0 (2020-11-30)

    Features

    • :package: lodash to lodash-es (f539271)
    • update visitor count badge (abcd573)
    • 移除已经不需要的页面注册 index.js (041fe66)
    • 调整 createRequest 中 params 处理顺序 (bf7ed65)
    • 默认 layout 使用处理过的 element 滚动条组件替代 better-scroll (a93e966)
    • api: :sparkles: 完善 service 代码,request 现在会根据需要自动序列化参数 (886a4a8)
    Source code(tar.gz)
    Source code(zip)
  • v1.20.1(Sep 27, 2020)

  • v1.20.0(Sep 1, 2020)

  • v1.19.0(Sep 1, 2020)

    1.19.0 (2020-09-01)

    Features

    • :sparkles: 在扫描 src/api/modules 下的接口配置时 支持多级文件夹下的文件 (bb8ece7)
    • :sparkles: (demo) d2-crud-plus 演示首页优化 (d505583)
    • :sparkles: (demo) 新窗口打开链接 入口位置迁移 (ebc9cf7)
    • :sparkles: (demo) 更新 d2-crud-plus logo (c4f85c9)
    • :sparkles: (demo) 移除废弃页面 (d88d393)
    • :sparkles: (demo) 简化 d2-crud-plus 演示 (bcf3ffa)
    • :sparkles: (demo) 路由调整 菜单调整 删除无用演示 (ec0d6f3)
    • :sparkles: (demo) 迁移嵌套页面演示 (9485aab)
    • :sparkles: (demo) 顶栏菜单调整 (0c3601d)
    • :sparkles: (demo) 增加d2-crud-plus示例 (8e7d750)
    Source code(tar.gz)
    Source code(zip)
  • v1.18.0(Aug 25, 2020)

  • v1.17.0(Jun 18, 2020)

  • v1.16.0(Jun 8, 2020)

  • v1.15.0(Jun 8, 2020)

  • v1.14.0(Jun 8, 2020)

    1.14.0 (2020-06-08)

    Bug Fixes

    • :bug: d2-count-up 组件删除错误代码和无用代码 (93414eb)
    • :bug: 修复示例代码中错误的 required 属性 (a657395)

    Features

    • :art: 解决关于 error 信息的检查遗漏提示 (b1ea3e8)
    • :art: 解决关于 page 是否存在判断不合理的问题 (7062d06)
    • :sparkles: menu-header 和 menu-side 组件使用 jsx 重写 render (0e54179)
    Source code(tar.gz)
    Source code(zip)
  • v1.13.0(Jun 3, 2020)

  • v1.12.1(May 19, 2020)

  • v1.12.0(May 18, 2020)

  • v1.11.0(May 7, 2020)

    1.11.0 (2020-05-08)

    Features

    • 移除 mockjs 以及相关示例 (804f66e)
    • 使用 axios 扩展的方式实现 mock 数据 (ac9b1ea)
    • 优化接口配置设计,注册的网络请求会自动注册到 vue 原型 $api 上,修改了一些旧的接口调用方式 (28acfdb)
    • 全局错误捕捉 (60349f0)
    • 更新 eslint 后,修复新检查出的错误 (f4a10ed)
    • 简化错误捕捉插件代码 (6628f1b)
    • theme: add element theme (97f00c2)
    • fuse.js from 3.6.1 to 5.2.3 & 完善页面搜索相关代码 (79e43a6)
    • github-markdown-css from 3.0.1 to 4.0.0 (46d3649)
    • highlight.js from 9.18.1 to 10.0.2 (9e61f30)
    • marked 0.8.2 to 1.0.0 (8968fd4)
    • update devDependencies: @kazupon/vue-i18n-loader @vue/eslint-config-standard @vue/test-utils cz-conventional-changelog eslint eslint-plugin-import eslint-plugin-node eslint-plugin-promise eslint-plugin-standard eslint-plugin-vue vue-cli-plugin-i18n (ef9ab55)
    Source code(tar.gz)
    Source code(zip)
  • v1.10.0(Apr 26, 2020)

  • v1.9.2(Apr 25, 2020)

  • v1.9.1(Apr 23, 2020)

    1.9.1 (2020-04-23)

    Thanks dnyz520(思维空间)

    Bug Fixes

    • 修复多标签页拖拽后关闭页面时对首页的处理 7f03fbb2abcd9650827947d3da9714255c1885f4
    • 关闭标签页时先持久化再跳转 93c5209a563088e56b0aa6a4409ce0ad0484e0ba

    Features

    • 增加 element 样式补丁 e2c4a40119ae7ccde5b94868830a802ba1f5f74d
    • 增加侧边栏菜单折叠动画效果切换与设置 349e08b0a876489b8900897ebbcdc99562baf588 0e4f61c05965411e9013dcef0281517fba7a6635
    Source code(tar.gz)
    Source code(zip)
  • v1.9.0(Apr 22, 2020)

    1.9.0 (2020-04-22)

    Bug Fixes

    • store: 修复 keepAliveRemove 操作后不能恢复页面缓存的 bug 以及相关 demo 页面 (d249c86)
    • 修正多标签页控制演示页面的错误代码 (c13b59e)

    Features

    • demo: 更新色盘样式 (32421fe)
    • 移除无用的 __filename 设置 (c19ff32)
    • message: 增强 message 提示的配色对比 (c36fd8e), closes #243
    • 移除无用的 d2-crud v1 提示 (a494560)
    • element demo: 移除内置的 elementUI demo (8b37d3e)
    • search panel: 关闭搜索面板中列表容器的阴影 (eb08ca1)
    Source code(tar.gz)
    Source code(zip)
  • v1.8.5(Apr 21, 2020)

  • v1.8.4(Apr 19, 2020)

  • v1.8.3(Apr 19, 2020)

  • v1.8.2(Apr 18, 2020)

  • v1.8.1(Apr 18, 2020)

  • 1.8.0(Dec 14, 2019)

    • 优化生产环境构建,chunk-vendors.js < 55kb,首屏加载 ≈2s,CDN 部署首屏加载 ≈1s 使用联通 4g 网络访问,Chrome 浏览器 清空缓存并硬性重新加载 腾讯云 CVM 部署 - Finish: 1.97 s 七牛云 CDN 部署 - Finish: 1.17 s 方案详见 dependencies-cdn.js | vue.config.js
    • 使用 vue-filename-injector 替代以前的查看源码功能 3e48880ae00aed9d21ac9715734ad30f3062eece
    • 移除了仓库中旧的无用大文件和设计素材 Thanks @Aysnine
    • 默认 layout tab 多标签页支持拖拽排序 Thanks @luchaohai
    • 多国语言设置关联 ElementUI 9041b45660ddf56ed08ea433f75f344d07ae919a
    • fix #226 Store action: d2admin/page/opend2db方法名拼写问题 bfc712629c13fe4b148991699f51c65a3e5cffd6
    • fix #244 mockjs 导致的 responseType 丢失 ecc43fd67deadea28b827d3cc4f26ae98509c9ea
    • 请求拦截器添加 return 来捕获错误信息 a90079d6d9a57d0c4f1bfe337b6f2acd2ea5ce98
    • 无需经过 Vuex 访问本地存储 2f78494a92b7609b6efbc217f09595162f409bb2
    • 其它代码健壮性更新
    • 接入 d2-projects/repo-email-feedback 现在大家可以在 star,fork 仓库或者提交 issue 之后受到来自 [email protected] 的反馈邮件了
    • 新增了 coding 同步仓库
    • CI 由 Travis 移至 GitHub Action
    • 新增永久域名,共有四个同步预览地址,模拟各种部署访问效果,并可以看到各自的构建情况

    | 位置 | 链接 | 部署位置 | 状态 | | --- | --- | --- | --- | | d2.pub | d2.pub/d2-admin/preview | 中国服务器 | | | cdn.d2.pub | cdn.d2.pub/d2-admin/preview | 七牛云 CDN | | | github | d2-projects.github.io/d2-admin | GitHub pages | | | netlify | d2-admin.netlify.com | Netlify CDN | |

    Source code(tar.gz)
    Source code(zip)
  • 1.7.2(Aug 4, 2019)

    • 修复 https://github.com/d2-projects/d2-admin/issues/204 升级element-ui 2.11.0 后顶部菜单报错

    更新目录:

    • d2-admin/src/layout/header-aside/components/menu-header
    • d2-admin/src/layout/header-aside/components/menu-side
    • d2-admin/src/layout/header-aside/components/libs

    如果您以前对这里的文件没有改动,可以直接覆盖。注意简化版中剔除几处多国语插件 $t 相关的代码。

    变更记录:

    • a75aacf75ac799d1800dba941e5f574fc413e724
    • ce6169d7f74fc8de6e4ba3c87c003f0fed5c7574
    • e9f948e79d2e9d8f5d472fb7cbc35c4b30ac675b

    建议所有人跟进更新

    Source code(tar.gz)
    Source code(zip)
  • 1.7.1(Jul 16, 2019)

    • 修复 d2-container 组件在 ghost 模式下的滚动错误 https://github.com/d2-projects/d2-admin/commit/585764f6a30dc8ee2135bd3312c724f998396cce
    • 搜索面板优化 https://github.com/d2-projects/d2-admin/commit/5538147e8f36f67018becddbea43be0cfeacfbf3 fba0efe571294b93d9df493569628ebe2e3cb3ae
    • 实现了一部分多国语言翻译
    • 支持自定义 element 组件的颜色 thanks @rongxingsun 90c7f6ac555b8e7f9c441900973296b854eef941
    • [ 重要 ] 刷新页面后第一个页面没有加载组件尺寸 bug fixed https://github.com/d2-projects/d2-admin/issues/198 更新方法 https://github.com/d2-projects/d2-admin/commit/13c3d74397e59761294d6052c107474e3ca344a2 https://github.com/d2-projects/d2-admin/commit/606575dbb10f6194e69b2291bdfe221240e64ab7
    • [ 重要 ] 首页刷新丢失多标签页数据 bug fixed https://github.com/d2-projects/d2-admin/issues/201 更新方法 https://github.com/d2-projects/d2-admin/commit/90ab1151a24f7736276b7fa220a57f8e39c25a79 https://github.com/d2-projects/d2-admin/commit/606575dbb10f6194e69b2291bdfe221240e64ab7
    Source code(tar.gz)
    Source code(zip)
Owner
D2 Projects
design & development team
D2 Projects
A dashboard scaffolding based on Vue.js created by Vue CLI.

dashboard A dashboard scaffolding based on Vue.js. Features Type annotation enhancement by JSDoc Access control by route interception Vuex (modules, p

汪磊 524 Jul 20, 2021
A Flexible self-contained dashboard web UI for IoT and Node-Red

FlexDash is a dashboard that runs in the browser and is fully self-contained: feed it data over a websocket and save its config as a blob on the server and you have an IoT dashboard.

Thorsten von Eicken 8 Jul 20, 2021
A free Vue admin dashboard template pack featuring a modern design system and lots of custom templates and components.

Shards Dashboard Vue A free Vue admin dashboard template pack featuring a modern design system and lots of custom templates and components. ✨ Note: Yo

DesignRevision 370 Jul 17, 2021
Admin One - Vue.js 3 Tailwind CSS admin dashboard template

Admin One - Vue.js 3 Tailwind CSS admin dashboard template

JustBoil.me 50 Jul 23, 2021
Dashboard starter template built with Vite, Vue 3, Tailwind CSS and TypeScript.

Dashboard starter template built with Vue 3 and Tailwind CSS.

Robert Soriano 568 Jul 23, 2021
Vue Notus: Free Tailwind CSS UI Kit and Admin

Vue Notus: Free Tailwind CSS UI Kit and Admin

Creative Tim 231 Jul 22, 2021
Xornet is a server management dashboard like Grafana with an easy setup so you can manage your servers remotely!

Information We are XORNET this is a fun little project started by @Geoxor for people who have servers and don’t have shit to do with them, our goal is

Xornet 13 Jul 19, 2021
An elegant dashboard

D2Admin is a fully open source and free enterprise back-end product front-end integration solution, using the latest front-end technology stack, javas

D2 Projects 10.7k Jul 26, 2021
🎉 A magical vue admin

vue-element-admin is a production-ready front-end solution for admin interfaces. It is based on vue and uses the UI Toolkit element-ui. vue-element-admin is based on the newest development stack of vue and it has a built-in i18n solution, typical templates for enterprise applications, and lots of awesome features. It helps you build large and complex Single-Page Applications. I believe whatever your needs are, this project will help you.

花裤衩 69.5k Jul 25, 2021
🖖 A vue-cli 3.0 + typescript minimal admin template

vue-typescript-admin-template is a production-ready front-end solution for admin interfaces based on vue, typescript and UI Toolkit element-ui

Chong Guo 3.9k Jul 25, 2021
This is Soft UI Dashboard in Vue Js.

This is Soft UI Dashboard in Vue Js.

Gentrit Abazi 51 Jul 6, 2021
Nuxt version of Mazer - Free Bootstrap 5 Admin Dashboard Template and Landing Page

Mazer is a Admin Dashboard Template that can help you develop faster. Made with Bootstrap 5. No jQuery dependency.

Muhammad Fauzan 25 Jul 21, 2021
Free Quasar Admin Template based on Vue.js and used Quasar Framework.

Free Quasar Admin Template based on Vue.js and used Quasar Framework.

Pratik Patel 350 Jul 23, 2021
🎨 Tiger Dashboard made with Vuejs & TailwindCss 🐱‍🚀.

?? Tiger Dashboard UI Project setup npm install Compiles and hot-reloads for development npm run serve Compiles and minifies for production npm run

Neutrapp 3 May 31, 2021