前端后台管理模板(x-admin)和画图工具(图表展示)

X-admin提供免费的后台管理前端页面模板,节约开发时间

X-admin的使用

1、从网站http://x.xuebingsi.com/下载相应的版本

2、下载后放入django的templates文件夹下

常用的绘图工具目前有2种

HighCharts  # https://www.highcharts.com.cn/

使用方法

1、把js和html代码复制到自己的文件内

这些是必须的加载库,必须拷贝到自己的文件下

这个div就是显示的区域

js代码就是拷贝在图内红圈区域

红圈的是功能键,可以打印和导出

可以在线编辑,预览效果

基础的教程

去除版权信息,在基础教程里可以看到各种属性的设置

echarts # https://www.echartsjs.com/index.html

移动端的图表工具:蚂蚁金服的antv

原文地址:https://www.cnblogs.com/shizhengquan/p/10869820.html

时间: 2024-10-29 19:06:28

前端后台管理模板(x-admin)和画图工具(图表展示)的相关文章

12个非常不错的免费HTML后台管理模板

下面介绍的这些免费后端管理HTML模板,都非常不错.建议您收藏. 1.  Charisma Admin Template (示例) Charisma是一个响应式管理模板,基于Twitter Bootstrap构建.拥有9种外观主题,包括几乎所有的东西,如表单.图表.按纽.表格.文件管理器.相册等.可到 GitHub link 下载该模板. 2.  INADMIN – jQuery Admin Template (示例) INADMIN是一个基于jQuery开发的管理模板,拥有头+顶部导航,提供了

20 个免费的 Bootstrap 的后台管理模板

之前 OSC 曾经发过多个后台管理界面模板的推荐,例如: 50 个漂亮的后台管理界面模板 25 个精美的后台管理界面模板和布局 分享 6 套超酷的后台管理员界面网站模板 30个优秀的后台管理界面设计案例分享 10 个响应式的后台管理界面 HTML 模板 不知道你是否找到自己满意的界面模板了呢? 如果还没有请继续往下看,可能有些会有重叠,Whatever! Bracket Responsive Bootstrap 3 Admin Template Apricot Bootstrap 3 Admin

推荐几款基于Bootstrap的响应式后台管理模板

1.Admin LTE 该模版开源免费. AdminLTE - 是一个完全响应式管理模板.基于Bootstrap3的框架.高度可定制的,易于使用.支持很多的屏幕分辨率适合从小型移动设备到大型台式机. 下载地址:https://www.almsaeedstudio.com/ 注:比较推荐使用这款模版,本人正在改造这款模版的首页供自己使用. 添加tabs标签,添加右键弹窗等. 2.Ace - Responsive Admin Template 该模版为收费模版. Ace 是一个轻量.功能丰富.HTM

推荐10个bootstrap及其他框架的后台管理模板

相对于网站前台炫目多彩的设计,网址后台的设计模板貌似有点少,在这里推荐10个可以免费下载的~ 1.自适应超酷整站 win8风格的Bootstrap响应式网站后台管理模板-Apricot 2.bootstrap后台模版 00 3.bootstrap后台模版 01 4.bootstrap后台模版 02 5.bootstrap后台模版 03 6.bootstrap后台模版 04 7.扁平风格音乐题材 包含整套ui的后台模版 - musik music 8.bootstrap响应式后台 好好的为什么叫做

Bootstrap框架写的后台管理模板,快速开发

Bootstrap框架写的后台管理模板     [MATRI ADMIN] 为了解决浏览器兼容问题,公司前段UI准备使用Bootstrap框架写的模板,便于后期项目过检时,浏览器不兼容出现的不必要的麻烦 首先做一些简单的介绍 JavaScript 插件可以单个引入(使用 Bootstrap 提供的单个 *.js 文件),或者一次性全部引入(使用 bootstrap.js 或压缩版的 bootstrap.min.js). 建议使用压缩版的 JavaScript 文件 bootstrap.js 和 

大量多风格多功能后台管理模板

最近在做网站后台,在网上找了大量的后台的模版,觉得还不错,拿出来给大家分享一哈.... 1.     点击下载 多风格多功能后台管理模板 2.   点击下载 专业银行结算系统后台模板 3.   点击下载 超漂亮的电子商务管理平台模板 4.    点击下载 dedecms绿色后台html版 5.    点击下载 一款不错的网络办公系统登录页面 6.    点击下载 网站管理系统后台模板 7.    点击下载 汽车美容连锁网站管理系统模板 8.    点击下载 网站后台管理系统模板 9.    点击

Sweetalert模态对话框插件与AdminLTE后台管理模板地址

Sweetalert纯JS模态对话框插件地址:http://mishengqiang.com/sweetalert/ AdminLTE后台管理模板系统地址:https://adminlte.io/ 原文地址:https://www.cnblogs.com/jingxuan-li/p/9478260.html

17款免费的Bootstrap后台管理模板集合

Bootstrap是Twitter推出的一个用于前端开发的开源工具包.是目前最受欢迎的前端框架之一.下面为大家推荐17个免费的Bootstrap后台管理界面模板. 1. Admin Lite AdminLTE - 是一个完全响应式管理模板.基于Bootstrap3的框架.高度可定制的,易于使用.支持很多的屏幕分辨率适合从小型移动设备到大型台式机. 2. Dashboard Sidebar 这是一个管理后台模板,拥有控制面板或仪表板.这个模板有一个可折叠的工具栏菜单,并且有可以作为一个数据网格的表

使用vue3.0和element实现后台管理模板

通过自己所学的这段时间,利用空余时间,使用vue3.0脚手架搭建的一个关于后台的管理模板,所实现功能也是模仿一个后台的界面,数据分为两种存放,一种是直接存储到mlab,这里的数据是存放这登录注册,只有注册了自己的账号才能访问到页面,另一些数据直接存放在easy-mock里, 源码地址:https://github.com/MrZHLF/vue-admin 自己需要搭建vue3.0的脚手架,在这里就不用讲关于vue3.0的脚手架怎么搭建.vue3.0脚手架需要node版本10以上,这样的话,可以使