d2-projects / d2-admin Goto Github PK

An elegant dashboard

License: MIT License

JavaScript 78.93% HTML 4.59% Vue 8.55% CSS 5.44% Java 0.02% SCSS 2.47%

d2-admin's Introduction

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

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
github	Link	GitHub pages
netlify	Link	Netlify CDN

Document

document on https://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	-	The simplest version

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
django-vue-admin-pro	Django	Link	Link	Django + Jwt + D2Admin
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

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	-	D2Admin + authority system + dynamic router
d2-advance	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

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/d2-projects/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

Visitor

Total visitor since 2019.08.27

Star history

License

d2-admin's People

Contributors

Stargazers

Watchers

Forkers

zqcxxx anzp love20202 eeewl1250 gideon57 jansstuj accr ducafecat linuxsujava charles2mx luoft gammayu hishuhong sqaiyan lichengtao1989 zliangliang1024 best-repos mooiq wangfei660 hermesfish linecode catboat zhangyu0414 zeng08 shaunstanislauslau nio3000 notlogic kingpengzero dngiveu winer110 yaowengang abc5213091 the-pursuit-of-happyness leetia316 alenlee-geek leehomeok tammy000 lyrl ideas-design aquncode guzhixiong ntro hhy5277 tonyle9 872409 vivianlink txfyteen fate-shake xinchu lxh023 929359291 olivianate lxzliuxinzhu xinliangcoder torns angieleo irvinezhao lzteam awesome-javascript changming1987117 rain10 weimengxi liuxinglan13 applejzb teachat8 zws1992 snowxueyi liuhuanwen pangerl gaga-change chloehq zy54321 chouxiaozi eric-chen-2016 bruceleon0805 shitou8080 wz-fork rainjohn erwin0929 cloudfroster zz250-zz jingtang jun0707 xiaoqisiliang ogli324 ups-and-downs jiguangzhou cuiwenguang 234sam wangxuping xiaoguangxia li5t shiftwinting helen-2 jaylenliu chengzhikun2017 carolsum mgbq alexliu1987 zhanglei

d2-admin's Issues

页面长度超过一屏，最上面的不能拖拽到最下面

当页面长度很长时，最上面的模块往下拖拽，应该是触发页面滚动条的，然后可以拖拽到最下面。目前只能在可视范围内拖拽。

Sidebar align will be better

Uniform the size of the icon, maybe :)

📔 文档相关 | 添加如何打开 dist 文件夹的方式

tab关闭按钮右键点击时报错

无法运行

vue-loader.conf.js
    ...utils.cssLoaders({
    ^^^
SyntaxError: Unexpected token ...

📔 文档完善 | 增加弹出框显示问题的解决办法

建议完善下日志插件

实际项目中日志和监控是不可避免的

日志level
错误日志监控上报
统一日志格式前缀,日期,uuid

强烈建议搞一个精简版出来，必竞90%的用户估计都只是需要一个很简单的后台模版而已。

高级布局中的拖拽和区域划分

很喜欢您高级布局中的拖拽和区域划分，只是您仅仅展示了效果，没有把应用的代码公开，希望尽快更新呦！提一点小小的建议，虽然您组件的功能实现的没有问题，可是在查找相关组件的代码时，用觉得有些许的乱，希望可以参照 ant desige 的官网设计，把展示和代码分开，这样更加方便使用。仅仅是小建议，望采纳！

建议集成 WebSocket

建议集成 WebSocket，在这之前我使用 VueSocket 可行，并有以下想法：

只配置端口，默认与 http 访问同 host
完整的默认事件，如：["connect", "error", "disconnect", "reconnect", "reconnect_attempt", "reconnecting", "reconnect_error", "reconnect_failed", "connect_error", "connect_timeout", "connecting", "ping", "pong"]
对socket重连的配置，如重连尝试次数

📔 文档完善 | 如何解决 CSS 打包后出现在 dist 文件夹第一层内

公用路径不要写 "", 应该写 "/"

💡 优化修改接口地址

修改接口地址格式

d2-admin/src/pages/demo/plugins/mock/ajax.vue

🎮 示例相关 | $log 示例

📔 文档完善 | 增加登陆逻辑介绍以及各种存储方式的解释

侧边栏滚动条需要优化

侧边栏滚动条有一点显示问题

👾 BUG | 在IE或edge下点击收缩按钮报错

建议添加jest单元测试

单元测试是一个程序员基本职业素养，也是一个软件的健壮提现。

📔 文档完善 | 更新 "无法跳转路由" 章节

http://d2admin.fairyever.com/zh/guide/question.html#%E6%97%A0%E6%B3%95%E8%B7%B3%E8%BD%AC%E8%B7%AF%E7%94%B1

双核游览器切换时存在BUG

双核或多核游览器进行初次登录,之后进行内核的切换.
那么部分游览器本地数据库数据无法被加载

可能涉及到的数据有标签列表,主题,用户.

建议用flex.css + min-width 做框架的基础布局，不要使用float

flex.css可以直接写在html里面可以直接控制大致的布局，而min-width可以控制最小宽度不至于错乱。float总有些奇怪的问题…… 比如莫名的间距多了或者少了

tab右键点击后容易出现蓝色框

很不错，界面很漂亮，什么时候简化版呢？

🌈 显示优化 | 错误收集信息显示界面最后一列宽度调整

登录页内存泄漏和资源浪费

项目登录页使用了 particles.js ，但忘记销毁了，导致登录后依然占用 CPU 资源。
虽然这个登录页基本都会被替换，但前期开发时还是会造成一些浪费，频繁打开登录页的话资源占用更严重。
可以增加钩子

beforeDestroy () {
    // 销毁粒子插件实例
    if (pJSDom && pJSDom.length > 0) {
      pJSDom[0].pJS.fn.vendors.destroypJS()
      pJSDom = []
    }
  }

refs:

English documentation + demo

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

【BUG】baseUrl 设置为根目录 ‘/’ 会报错

目录设置成这样

目前还在尝试找原因中，确定是因为baseUrl设置导致的这个问题

🔩 新功能 | 可开关的页面切换动画

📔 文档完善 | 增加 cli3 新的 webpack 配置教程

导入xlsx和csv这个功能很方便，可以单独拿出来用么

？？

connect ETIMEDOUT 104.16.20.35:80
Error: connect ETIMEDOUT 104.16.20.35:80
at Object._errnoException (util.js:1024:11)
at _exceptionWithHostPort (util.js:1046:20)
at TCPConnectWrap.afterConnect [as oncomplete] (net.js:1182:14)