lisang
/
d2-admin
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

docs: demo update

This commit is contained in:
FairyEver 2021-12-13 21:40:58 +08:00
parent 126a641e5c
commit a2849d0c47
3 changed files with 121 additions and 115 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

220
d2/components/demo/markdown-article.md
View File

@ -1,132 +1,138 @@
# D2Admin # 演示文档
[D2Admin](https://github.com/d2-projects/d2-admin) 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. > 此文档用于测试 Markdown 渲染效果和填充页面
[中文](https://github.com/d2-projects/d2-admin/blob/master/README.zh.md) | **English** ---
## Preview [D2Admin](https://github.com/d2-projects/d2-admin) 是一个完全 **开源免费** 的企业中后台产品前端集成方案，使用最新的前端技术栈，小于 60kb 的本地首屏 js 加载，已经做好大部分项目前期准备工作，并且带有大量示例代码，助力管理系统敏捷开发。
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. **中文** | [English](https://github.com/d2-projects/d2-admin)
| server | link | server | ## 预览
下列访问地址均由最新的 master 分支代码同时构建部署，访问效果完全一致，请根据自身网络情况选择合适的访问链接。
| 位置 | 链接 | 部署位置 |
| --- | --- | --- | | --- | --- | --- |
| d2.pub | [Link](https://d2.pub/d2-admin/preview) | China server | | d2.pub | [preview](https://d2.pub/d2-admin/preview) | 中国服务器 |
| cdn.d2.pub | [Link](https://cdn.d2.pub/d2-admin/preview) | qiniu CDN | | cdn.d2.pub | [preview](https://cdn.d2.pub/d2-admin/preview) | 七牛云 CDN |
| github | [Link](https://d2-projects.github.io/d2-admin) | GitHub pages | | github | [preview](https://d2-projects.github.io/d2-admin) | GitHub pages |
| netlify | [Link](https://d2-admin.netlify.com) | Netlify CDN | | netlify | [preview](https://d2-admin.netlify.com) | Netlify CDN |
## Document ## 文档
[document on https://d2.pub](https://d2.pub/zh/doc/d2-admin/) [在 https://d2.pub 上的本项目文档](https://d2.pub/zh/doc/d2-admin/)
> d2.pub CDN mirror deployment [https://cdn.d2.pub](https://cdn.d2.pub) > d2.pub CDN 镜像部署 [https://cdn.d2.pub](https://cdn.d2.pub)
## Features ## 功能
* Build with vue-cli3 * 使用 vue-cli3 构建
* First screen loading waiting animation * 首屏加载等待动画
* Five themes * 五款主题
* Built-in UEditor rich text editor * 内置 UEditor 富文本编辑器
* Detailed documentation * 详细的文档
* Login and logout * 登录和注销
* Separate routing and menu settings * 分离的路由和菜单设置
* Foldable sidebar * 可折叠侧边栏
* Multi-national language * 多国语
* Rich text editor * 富文本编辑器
* Markdown editor * Markdown 编辑器
* full screen * 全屏
* Fontawesome icon library * Fontawesome 图标库
* Icon selector * 图标选择器
* Automatically register SVG icon * 自动注册 SVG 图标
* Simulation data * 模拟数据
* Clipboard package * 剪贴板封装
* Chart library * 图表库
* Time and date calculation tool * 时间日期计算工具
* Import Excel ( xlsx + csv ) * 导入 Excel （ xlsx + csv ）
* Data export Excel ( xlsx + csv ) * 数据导出 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 * 加载并解析 markdown 文件
* GitHub style markdown display component * GitHub 样式的 markdown 显示组件
* markdown internal code highlighting * markdown 内代码高亮
* Expanded Baidu cloud link resolution and optimized display for markdown * 为 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 +` * 系统功能展示模块 `1.1.4 +`
* Multi-tab mode `1.1.4 +` * 多标签页模式 `1.1.4 +`
* Beautify the scroll bar `1.1.4 +` * 美化滚动条 `1.1.4 +`
* json view `1.1.4 +` * json view `1.1.4 +`
* cookie wrapper `1.1.5 +` * cookie 封装 `1.1.5 +`
* Multi-tab global control API `1.1.5 +` * 多标签页全局控制 API `1.1.5 +`
* Menu Global Control API `1.1.5 +` * 菜单全局控制 API `1.1.5 +`
* Multi-tab page close control support right-click menu `1.1.10 +` * 多标签页关闭控制支持右键菜单 `1.1.10 +`
* Modular global state management `1.2.0 +` * 模块化全局状态管理 `1.2.0 +`
* Multiple data persistence methods: distinguish users, distinguish routes, page data snapshot function `1.2.0 +` * 多种数据持久化方式：区分用户，区分路由，页面数据快照功能 `1.2.0 +`
* Support for menu system that jumps out of external links `1.2.0 +` * 支持跳出外部链接的菜单系统 `1.2.0 +`
* Support menu svg icon `1.3.0 +` * 支持菜单 svg 图标 `1.3.0 +`
* Logging and error catching `1.3.0 +` * 日志记录和错误捕捉 `1.3.0 +`
* Global menu search `1.3.0 +` * 全局菜单搜索 `1.3.0 +`
* Custom login redirect `1.3.0 +` * 自定义登录重定向 `1.3.0 +`
* Switch global base component size `1.4.0 +` * 切换全局基础组件尺寸 `1.4.0 +`
* Page loading progress bar `1.4.1 +` * 页面载入进度条 `1.4.1 +`
* Adaptive top menu bar `1.4.7 +` * 自适应的顶部菜单栏 `1.4.7 +`
* Support for merging cells when exporting xslx `1.5.4 +` * 数据导出 xslx 时支持合并单元格 `1.5.4 +`
* Multiple tabs support drag and drop sorting `1.8.0 +` * 多标签页支持拖拽排序 `1.8.0 +`
* load only local JavaScript code less than 60kb on the homepage `1.8.0 +` * 优化生产环境构建，首页只加载小于 60kb 的本地 js 代码 `1.8.0 +`
* Built in build file volume checking tool `1.8.0 +` * 内置了构建文件体积检查工具 `1.8.0 +`
* Example of multi page `1.23.0 +` * 构建多页面示例 `1.23.0 +`
* Split chunks `1.23.0 +` * 分包优化 `1.23.0 +`
## Other synchronous repositories ## 其它同步仓库
| type | link | | 位置 | 链接 |
| --- | --- | | --- | --- |
| gitee | [https://gitee.com/d2-projects/d2-admin](https://gitee.com/d2-projects/d2-admin) | | 码云 | [https://gitee.com/d2-projects/d2-admin](https://gitee.com/d2-projects/d2-admin) |
| coding | [https://d2-projects.coding.net/p/d2-projects/d/d2-admin/git](https://d2-projects.coding.net/p/d2-projects/d/d2-admin/git) | | coding | [https://d2-projects.coding.net/p/d2-projects/d/d2-admin/git](https://d2-projects.coding.net/p/d2-projects/d/d2-admin/git) |
## Other versions > 如果您在 github 仓库下载很慢，可以尝试使用我们的码云仓库克隆代码
| Name | HomePage | Preview | Introduction | ## 其它版本
| 名称 | 主页 | 预览 | 介绍 |
| --- | --- | --- | --- | | --- | --- | --- | --- |
| Starter template | [Link](https://github.com/d2-projects/d2-admin-start-kit) | [Link](https://d2.pub/d2-admin-start-kit/preview) | The simplest version | | 简化版模板 | [Github](https://github.com/d2-projects/d2-admin-start-kit) | [预览](https://d2.pub/d2-admin-start-kit/preview) | 无 |
## 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. > 后端由开源社区贡献，不保证使用 D2Admin 最新版本，相关使用问题请联系其开源作者。
| Name | technology | HomePage | Preview | Introduction | | 名称 | 技术 | 主页 | 预览 | 介绍 |
| --- | --- | --- | --- | --- | | --- | --- | --- | --- | --- |
| django-vue-admin-pro | Django | [Link](https://github.com/dvadmin-pro/django-vue-admin-pro) | [Link](http://demo.pro.django-vue-admin.com) | Django + Jwt + D2Admin | | django-vue-admin-pro | Django | [Github](https://github.com/dvadmin-pro/django-vue-admin-pro) | [预览](http://demo.pro.django-vue-admin.com) | Django + Jwt + D2Admin |
| boot-admin | SpringBoot | [Link](https://github.com/hb0730/boot-admin) | [Link](http://admin.hb0730.com/) | Management system based on SpringBoot | | boot-admin | SpringBoot | [Github](https://github.com/hb0730/boot-admin) | [预览](http://admin.hb0730.com/) | 基于 SpringBoot 前后端分离的后台管理系统 |
| FlaskPermission | Flask | [Link](https://github.com/huguodong/flask-permission) | [Link](http://47.97.218.139:9999) | Permission management based on Flask | | FlaskPermission | Flask | [Github](https://github.com/huguodong/flask-permission) | [预览](http://47.97.218.139:9999) | 基于 Python Flask 的权限管理 |
| CareyShop | ThinkPHP5 | [Link](https://github.com/dnyz520/careyshop-admin) | [Link](https://demo.careyshop.cn/admin/) | High Performance Mall Framework System for CareyShop | | CareyShop | ThinkPHP5 | [Github](https://github.com/dnyz520/careyshop-admin) | [预览](https://demo.careyshop.cn/admin/#/index) | 适用于 CareyShop 的高性能商城框架系统 |
| jiiiiiin-security | Spring Boot | [Link](https://github.com/Jiiiiiin/jiiiiiin-security) | [Link](https://github.com/Jiiiiiin/jiiiiiin-security) | Content management infrastructure projects | | jiiiiiin-security | Spring Boot | [Github](https://github.com/Jiiiiiin/jiiiiiin-security) | [预览](https://github.com/Jiiiiiin/jiiiiiin-security) | 前后端分离的内容管理基础项目，注重用户权限管理功能 |
| Taroco | Spring Cloud | [Link](https://github.com/liuht777/Taroco) | [Link](http://111.231.192.110/) | Complete microservice enterprise solution | | Taroco | Spring Cloud | [Github](https://github.com/liuht777/Taroco) | [预览](http://111.231.192.110/) | 整套微服务企业级解决方案 |
| Aooms | Spring Cloud | [Link](https://gitee.com/cyb-javaer/Aooms) | [Link](https://www.yuboon.com/Aooms) | Extremely fast microservice development, not just as simple as JFinal | | Aooms | Spring Cloud | [码云](https://gitee.com/cyb-javaer/Aooms) | [预览](https://www.yuboon.com/Aooms) | 极速微服务开发，不止像JFinal一样简单 |
| GOA | Beego | [Link](https://github.com/Qsnh/goa) | [Link](http://goaio.vip/) | Online question answering system based on Beego + Vue | | GOA | Beego | [Github](https://github.com/Qsnh/goa) | [预览](http://goaio.vip/) | 基于 Beego + Vue 开发的在线问答系统 |
| CMDB | Django | [Link](https://github.com/CJFJack/django_vue_cmdb) | [Link](https://mp.weixin.qq.com/s?__biz=MzU1OTYzODA4Mw==&mid=2247484250&idx=1&sn=981024ac0580d8a3eba95742bd32b268) | authority system with dynamic menu | | CMDB | Django | [Github](https://github.com/CJFJack/django_vue_cmdb) | [预览](https://mp.weixin.qq.com/s?__biz=MzU1OTYzODA4Mw==&mid=2247484250&idx=1&sn=981024ac0580d8a3eba95742bd32b268) | 分用户加载不同菜单和权限 |
## 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. > 这些项目由开源社区贡献，不保证使用 D2Admin 最新版本，相关使用问题请联系其开源作者。
| Name | HomePage | Preview | Introduction | | 名称 | 主页 | 预览 | 介绍 |
| --- | --- | --- | --- | | --- | --- | --- | --- |
| d2-admin-xiya-go-cms | [Link](https://github.com/d2-projects/d2-admin-xiya-go-cms) | [Link](https://d2.pub/d2-admin-xiya-go-cms/preview) | D2Admin + authority system + dynamic router | | d2-admin-xiya-go-cms | [Github](https://github.com/d2-projects/d2-admin-xiya-go-cms) | [预览](https://d2.pub/d2-admin-xiya-go-cms/preview) | D2Admin + 权限系统 + 动态路由 |
| d2-advance | [Link](https://github.com/d2-projects/d2-advance) | [Link](https://d2.pub/d2-advance/preview) | Technical exploration inspired by D2Admin | | d2-advance | [Github](https://github.com/d2-projects/d2-advance) | [预览](https://d2.pub/d2-advance/preview) | 由 D2Admin 启发的技术探索 |
| d2-crud-plus | [Link](https://github.com/greper/d2-crud-plus) | [Link](http://qiniu.veryreader.com/D2CrudPlusExample/index.html) | Easy development of crud function | | d2-crud-plus | [Github](https://github.com/greper/d2-crud-plus) | [预览](http://qiniu.veryreader.com/D2CrudPlusExample/index.html) | 简化d2-crud配置，快速开发crud功能 |
| d2-crud | [Link](https://github.com/d2-projects/d2-crud) | [Link]() | Encapsulation of common operations in tables | | d2-crud | [Github](https://github.com/d2-projects/d2-crud) | [预览]() | 表格常用操作封装 |
| d2-admin-pm | [Link](https://github.com/wjkang/d2-admin-pm) | [Link](http://jaycewu.coding.me/d2-admin-pm) | RBAC privilege management solution based on D2Admin | | d2-admin-pm | [Github](https://github.com/wjkang/d2-admin-pm) | [预览](http://jaycewu.coding.me/d2-admin-pm) | 基于 D2Admin 的 RBAC 权限管理解决方案 |
| LanBlog | [Link](https://github.com/sinksmell/LanBlog) | [Link](http://47.101.222.133/) | Vue + Beego restful api personal blog system | | LanBlog | [Github](https://github.com/sinksmell/LanBlog) | [预览](http://47.101.222.133/) | Vue + Beego restful api 开发的懒人博客 |
| d2-admin-start-kit-plus | [Link](https://github.com/hank-cp/d2-admin-start-kit-plus) | [Link](https://github.com/hank-cp/d2-admin-start-kit-plus) | D2Admin Start kit modular version | | d2-admin-start-kit-plus | [Github](https://github.com/hank-cp/d2-admin-start-kit-plus) | [预览](https://github.com/hank-cp/d2-admin-start-kit-plus) | D2Admin 简化版模块化版本 |
| d2-ribbons | [Link](https://github.com/d2-projects/d2-ribbons) | [Link](https://github.com/d2-projects/d2-ribbons) | Open source project logo Library | | d2-ribbons | [Github](https://github.com/d2-projects/d2-ribbons) | [预览](https://github.com/d2-projects/d2-ribbons) | 开源项目徽标库 |
## Contributor ## 贡献
* [@FairyEver](https://github.com/FairyEver) * [@FairyEver](https://github.com/FairyEver)
* [@sunhaoxiang](https://github.com/sunhaoxiang) * [@sunhaoxiang](https://github.com/sunhaoxiang)
@ -136,16 +142,10 @@ The following access addresses are built and deployed by the latest master branc
* [@rongxingsun](https://github.com/rongxingsun) * [@rongxingsun](https://github.com/rongxingsun)
* [@dnyz520](https://github.com/dnyz520) * [@dnyz520](https://github.com/dnyz520)
## Become a sponsor ## 成为赞助者
[Sponsor me on afdian.net](https://afdian.net/@fairyever) [在 "爱发电" 上赞助我](https://afdian.net/@fairyever)
## Sponsor ## 赞助
**cochlea** | **Baron** | **苦行僧** | **吴地安宁** | **KingDong** | **sunyongmofang** **cochlea** | **Baron** | **苦行僧** | **吴地安宁** | **KingDong** | **sunyongmofang**
## Visitor
![Total visitor](https://visitor-badge.glitch.me/badge?page_id=d2-projects.d2-admin)
> Total visitor since 2019.08.27

14
d2/views/dashboard/demo/layout/dashboard/absolute.vue
View File

@ -6,9 +6,15 @@
} }
</route> </route>
<style lang="scss" scoped>
.box {
@apply absolute w-12 h-12 text-gray-100 bg-gray-500 cursor-pointer select-none;
}
</style>
<template> <template>
<div class="absolute top-0 left-0 p-2 bg-gray-600 text-gray-50">LT</div> <d2-flex class="box top-0 left-0" center>LT</d2-flex>
<div class="absolute top-0 right-0 p-2 bg-gray-600 text-gray-50">RT</div> <d2-flex class="box top-0 right-0" center>RT</d2-flex>
<div class="absolute bottom-0 left-0 p-2 bg-gray-600 text-gray-50">LB</div> <d2-flex class="box bottom-0 left-0" center>LB</d2-flex>
<div class="absolute bottom-0 right-0 p-2 bg-gray-600 text-gray-50">RB</div> <d2-flex class="box bottom-0 right-0" center>RB</d2-flex>
</template> </template>

2
d2/views/dashboard/demo/layout/dashboard/base.vue
View File

@ -7,5 +7,5 @@
</route> </route>
<template> <template>
page content <demo-markdown-article/>
</template> </template>