ECharts View 可视化 IDEA 插件
ECharts View 可视化 IDEA 插件本插件基于 JCEF,为 JetBrains IDEA 系列 IDE 提供 ECharts option 的一键可视化能力。支持自动 mock/清理 option 中的非法内容(如变量、表达式、函数等),让复杂 option 也能顺利渲染为图表,极大提升前端/数据可视化开发体验。
插件安装在IDEA的插件市场安装Jtool安装之后,在仓库地址里面下载jar包
https://github.com/jtools-plugins/jtool-echarts-view
下载完成之后,导入jar包
jar包往这里面拖拽就行
插件使用一般使用在左边框选住echarts的option配置,插件右边点击可视化,即可查看图表的样式
变量自动获取如上所示,data1与data2的变量的值,并未在选择框中,但是插件会进行全文索引,获取这两变量的值方便开发者进行调试,开发者只需要在意调试图表样式即可,其他的交给插件
功能特性
选区可视化:在编辑器中选中 ECharts option(支持 JSON/JSON5/J ...
Django跨域问题
先安装
1pip install django-cors-headers
修改内容
123456789101112131415161718192021# setting.py 修改以下内容INSTALLED_APPS = [ 'django.contrib.admin', 'django.contrib.auth', 'django.contrib.contenttypes', 'django.contrib.sessions', 'django.contrib.messages', 'django.contrib.staticfiles', 'corsheaders', # 注册app corsheaders 'app01',# 你的app]MIDDLEWARE = [ 'django.middleware.security.SecurityMiddleware ...
JPA总结
JPA总结1. JPA简介JPA(Java Persistence API)是Java官方提出的ORM(对象关系映射)规范,主要用于简化Java应用中的数据持久化开发。常见实现有Hibernate、EclipseLink等。Spring Data JPA对JPA进行了进一步封装,极大简化了数据库操作。
2. 配置示例12345678910111213spring: datasource: url: jdbc:mysql://localhost:3306/testdb?useUnicode=true&characterEncoding=UTF-8&serverTimezone=Asia/Shanghai driver-class-name: com.mysql.cj.jdbc.Driver username: root password: admin123 jpa: database-platform: org.hibernate.dialect.MySQL8Dialect hibernate: ddl-auto: upd ...
使用electron打包静态页面
先到静态页面包外面安装electron-packager
123npm install electron
再安装electron-packager
12npm install electron-packager
到静态页面文件夹里面创建main.js 文件
12345678910111213141516171819202122232425262728293031const {app,BrowserWindow} = require('electron'); //引入electronlet win;let windowConfig = { width: 800, height: 600}; //窗口配置程序运行窗口的大小function createWindow() { win = new BrowserWindow(windowConfig); //创建一个窗口 win.loadURL(`file://${__dirname}/index.html`); ...
Hello World
Welcome to Hexo! This is your very first post. Check documentation for more info. If you get any problems when using Hexo, you can find the answer in troubleshooting or you can ask me on GitHub.
Quick StartCreate a new post1$ hexo new "My New Post"
More info: Writing
Run server1$ hexo server
More info: Server
Generate static files1$ hexo generate
More info: Generating
Deploy to remote sites1$ hexo deploy
More info: Deployment
layui 使用cron可视化组件
layui版本一定是最新版
123456789101112131415161718layui .config({ base: "../static/layui_exts/", // 扩展组件跟路径 }) .extend({ cron: "cron/cron" // 扩展组件 }) .use(["cron"], function () { var $ = layui.$, cron = layui.cron; cron.render({ elem: "#cron", // 绑定元素 run: "../static/json/run.json", // 获取最近运行时间的接口 done: function(cronStr) { console.log(cronStr); } }); }); ...
IDEA快速部署到docker中
服务器上部署docker12345678910111213# step 1: 安装必要的一些系统工具sudo yum install -y yum-utils device-mapper-persistent-data lvm2# Step 2: 添加软件源信息sudo yum-config-manager --add-repo https://mirrors.aliyun.com/docker-ce/linux/centos/docker-ce.repo# Step 3sudo sed -i 's+download.docker.com+mirrors.aliyun.com/docker-ce+' /etc/yum.repos.d/docker-ce.repo# Step 4: 更新并安装Docker-CEsudo yum makecache fastsudo yum install docker-ce docker-ce-cli containerd.io docker-buildx-plugin docker-compose-plugin# Step 4: 开 ...
Python将print输出重定向到tkinter页面
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960import sysfrom tkinter import Text, ENDclass StdoutRedirector: def __init__(self, text_widget: Text): self.text_widget = text_widget self.last_line_start = 0 # 跟踪最后一行的起始位置 def write(self, output: str): if output.startswith('/r'): # 去除前缀 '/r' output = output[2:] # 删除最后一行内容 if self.last_line_start ...
YUM安装docker-compose
Docker Compose简介Docker Compose是一个用于定义和运行多容器Docker应用程序的工具。通过Compose,您可以使用YAML文件来配置应用程序的服务,然后使用一个命令创建并启动所有服务。它极大地简化了容器编排工作,特别适合开发、测试和CI工作流程。
安装前提在安装Docker Compose之前,请确保您的系统已经安装了Docker。您可以通过以下命令检查Docker是否已安装:
1docker --version
如果未安装Docker,请先安装Docker:
123yum install -y dockersystemctl enable dockersystemctl start docker
使用YUM安装Docker Compose1. 添加EPEL源EPEL (Extra Packages for Enterprise Linux) 是为企业级Linux提供额外软件包的仓库,它包含了许多在标准仓库中不可用的软件包,包括docker-compose。
1yum install -y epel-release
2. 安装Docker Compo ...
富文本及formatter的使用
先看效果图:该饼图统计总共的数据,其中每块饼图旁边显示了3条相应的详细数据
其中后端提供的数据结构如下123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869{ "code": 0, "randomSelectedList": [ { "username": "a1", "newsName": "北京大学-悉尼大学食物安全和农业可持续发展联合中心揭牌仪式暨学术研讨会举行" }, { "username": "a1", "newsName": "“沉浸式传播视域下传统文化+虚拟现实的创新路径”研讨会在 ...
�ȵ���








