基于 vue.js
和 ElementUI
的管理系统前端解决方案
欢迎大家一起维护
此项目适合作为模板使用。因为现在集成了很多的插件和组件,首次加载会占用较多的时间,虽然已经做了首屏加载动画,还是建议您在发布的时候一定要删除没有用到的代码。比如项目没有用到图表,最好将集成的图表库以及封装的图表组件删除。
- 首屏加载等待动画 避免首次加载白屏尴尬
- 简约主题
- 每个插件和组件都配有介绍文档
- 图片资源 sketch 源文件( 可以在这个文件内重新生成所有图片资源 )
- 登陆和注销
- 根据路由自动生成菜单
- 可折叠侧边栏
- 多国语言支持
- 富文本编辑器
- Markdown 编辑器
- 全屏功能
- Fontawesome 图标库
- Fontawesome 图标选择器(组件)
- 自动引入下载的 SVG 图标
- 前端假数据支持( mock )
- 集成 G2 图表
- 图表自适应可拖拽大小的卡片容器(示例)
- 简化剪贴板操作
- 简化Cookie操作
- 时间计算工具
- 导入 Excel ( xlsx 格式 + CSV 格式 )
- 数据导出 Excel ( xlsx 格式 + CSV 格式 )
- 数据导出文本
- 数字动画
- 可拖拽调整大小的切分布局
- 可拖拽调整大小和位置的网格布局
- 提供三种页面容器组件(正常卡片,隐形容器,填满页面)
- 代码高亮显示
- 加载并解析 markdown 文件
- GitHub 样式的 markdown 显示组件
- markdown 内代码高亮
- 为 markdown 扩展了百度云链接解析和优化显示
登陆
主界面
模拟数据
可拖拽卡片
可拖拽调节的布局
多国语言支持
封装导入 csv
xlsx
封装导出 csv
xlsx
以及纯文本
四种页面容器组件
集成富文本编辑器
集成 markdown 编辑器
集成图标库
封装图标组件
支持自动导入文件夹下的 svg 图标,并通过组件使用
图标选择器组件
集成 markdown 渲染功能 并且优化了百度云分享链接在渲染结果的显示
集成数字动画插件
代码高亮显示
集成图表
支持图表拖拽调整大小,以及拖放位置
单独图表示例