当前位置：首页 > news >正文

Django和ECharts异步请求示例

news 文章来源：https://blog.csdn.net/dwenxue/article/details/134990698 2025/5/5 5:31:45

前提条件

创建django项目，安装配置过程这里就不讲述了。

后端url

http://127.0.0.1:8000/echarts/demo/

view视图函数

from django.http import HttpResponse
import jsondef EchartsDemo(request):data = {}categories = ["衬衫","羊毛衫","雪纺衫","裤子","高跟鞋","袜子"]values = [5, 20, 36, 10, 10, 20]data['categories'] = categoriesdata['values'] = valuesreturn HttpResponse(json.dumps(data), content_type="application/json")

前端页面

需要分别引入jquery、echarts，顺序jquery在前

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>echarts示例</title>		<script src="jquery.min.js"></script><script type = "text/javascript" src = "echarts.min.js" ></script>		</head><body>				<div id="main" style="width: 800px;height:600px;"></div><script type="text/javascript">var myChart = echarts.init(document.getElementById('main'));$.get('api/echarts/demo/').done(function(data) {// data 的结构:// {//     categories: ["衬衫","羊毛衫","雪纺衫","裤子","高跟鞋","袜子"],//     values: [5, 20, 36, 10, 10, 20]// }myChart.setOption({title: {text: '异步数据加载示例'},tooltip: {},legend: {},xAxis: {data: data.categories},yAxis: {},series: [{name: '销量',type: 'bar',data: data.values}]});});</script></body>
</html>

跨域问题

html浏览器不支持跨域请求，这里采用nginx。

server {listen       80;server_name  localhost;#charset koi8-r;#access_log  logs/host.access.log  main;location / {root   html;index  index.html index.htm;}location /api {rewrite  ^.+api/?(.*)$ /$1 break;proxy_pass  http://127.0.0.1:8000;}}

演示效果：

Django和ECharts异步请求示例

前提条件创建django项目，安装配置过程这里就不讲述了。后端url http://127.0.0.1:8000/echarts/demo/ view视图函数 from django.http import HttpResponse import jsondef EchartsDemo(request):data {}categories ["衬衫","羊毛衫",&…...

编程日记 2023/12/15 10:19:09

Java序列化、反序列化-为什么要使用序列化？Serializable接口的作用？

什么是序列化和反序列化？ 把对象转换成字节序列把字节序列恢复成对象结合OSI七层协议模型，序列化和反序列化是在那一层做的？ 在OSI七层模型中，序列化工作的层级是表示层。这一层的主要功能包括把应用层的对象转换成一段连续的二进…...

编程日记 2023/12/15 10:18:08

连锁零售企业如何优化网络性能？

在传统的WAN网络中，分支机构通常通过专线或者MPLS连接到总部或数据中心，但这种连接受制于地理位置。而SD-WAN（Software-Defined Wide Area Network）这种创新的网络架构，它通过软件定义和虚拟化技术，将分支机…...

编程日记 2023/12/15 10:16:06

[已解决]HttpMessageNotReadableException: JSON parse error: Unexpected character:解析JSON时出现异常的问题分析与解决方案

🌷🍁 博主 libin9iOak带您 Go to New World.✨🍁 🦄 个人主页——libin9iOak的博客🎐 🐳 《面试题大全》文章图文并茂🦕生动形象🦖简单易学！欢迎大家来踩踩~&#x1f33…...

编程日记 2023/12/15 10:12:03

华为OD机试 - 找数字（Java JS Python C）

题目描述小扇和小船今天又玩起来了数字游戏，小船给小扇一个正整数 n（1 ≤ n ≤ 1e9），小扇需要找到一个比 n 大的数字 m，使得 m 和 n 对应的二进制中 1 的个数要相同，如： 4对应二进制100 8对应二进制1000 其中1的个数都为1个现在求 m 的最小值。输入描述输入一个…...

编程日记 2023/12/15 10:11:02

ElasticSearch - networking配置global

版本8.11 单机部署了一个节点在elasticsearch.yml中配置了network.host: 8.8.8.8(之前为127.0.0.1) 但启动服务失败报错信息为: BindTransportException: Failed to bind to 8.8.8.8:[9300-9399] 为啥要配置8.8.8.8 是因为参考的官方说明 Networking | Elasticsearch Gu…...

编程日记 2023/12/15 10:10:01

GPT4停止订阅付费了怎么办? 怎么升级ChatGPT plus?提供解决方案

11月中旬日OpenAI 暂时关闭所有的升级入口之后，很多小伙伴就真的在排队等待哦。其实有方法可以绕开排队，直接付费订阅升级GPT的。赶紧用起来立马“插队”成功！亲测~~~ 一、登录ChatGPT账号 1、没有账号可以直接注册一个，流程超级…...

编程日记 2023/12/15 10:05:57

MySQL数据库，视图、存储过程与存储函数

数据库对象： 常见的数据库对象： 视图： 视图是一种虚拟表，本身是不具有数据的占用很少的内存空间。视图建立在已有表的基础上，视图赖以建立的这些表称为基表。视图的创建和删除只影响视图本身，不影响对…...

编程日记 2023/12/15 10:04:56

【Pytorch】学习记录分享3——PyTorch 自动微分与线性回归

【【Pytorch】学习记录分享3——PyTorch 自动微分与线性回归 1. autograd 包，自动微分2. 线性模型回归演示3. GPU进行模型训练小结：只需要将前向传播设置好，调用反向传播接口，即可实现反向传播的链式求导 1. autograd 包&#x…...

编程日记 2023/12/15 10:02:54

Android Studio实现俄罗斯方块

文章目录一、项目概述二、开发环境三、详细设计3.1 CacheUtils类3.2 BlockAdapter类3.3 CommonAdapter类3.4 SelectActivity3.5 MainActivity 四、运行演示五、项目总结一、项目概述俄罗斯方块是一种经典的电子游戏，最早由俄罗斯人Alexey Pajitnov在1984年创建。…...

编程日记 2023/12/15 10:01:53

【Hive】——DDL（DATABASE）

1 概述 2 创建数据库 create database if not exists test_database comment "this is my first db" with dbproperties (createdByAllen);3 描述数据库信息 describe 可以简写为desc extended 可以展示更多信息 describe database test_database; describe databa…...

编程日记 2023/12/15 9:59:51

【华为OD题库-092】单词加密-java

题目输入一个英文句子，句子中包含若干个单词，每个单词间有一个空格需要将句子中的每个单词按照要求加密输出。要求: 1)单词中包括元音字符(‘aeuio’、‘AEUIO’，大小写都算)，则将元音字符替换成’*) 2)单词中不包括元音字符&…...

编程日记 2023/12/15 9:58:50

构建一个简单的 npm 验证项目

构建一个简单的 npm 验证项目 0. 背景1. 构建过程1-1. 创建项目并初始化1-2. 安装 mjs 支持的 package1-3. 在 package.json 中添加 mjs 脚本1-4. 创建 index.mjs 文件1-5. 执行脚本 2. (Optional)环境变量配置 0. 背景工作上需要验证一下 npm 程序，所以需要构建一…...

编程日记 2023/12/15 9:56:48

利用vue-okr-tree实现飞书OKR对齐视图

vue-okr-tree-demo 因开发需求需要做一个类似飞书OKR对齐视图的功能，参考了两位大神的代码： 开源组件vue-okr-tree作者博客地址：http://t.csdnimg.cn/5gNfd 对组件二次封装的作者博客地址：http://t.csdnimg.cn/Tjaf0 开源组件v…...

编程日记 2023/12/15 9:52:46

持续集成交付CICD：CentOS 7 安装SaltStack

目录一、理论 1.SaltStack 二、实验 1.主机一安装master 2.主机二安装第一台minion 3.主机三安装第二台minion 4.测试SaltStack 三、问题 1.CentOS 8 如何安装SaltStack 一、理论 1.SaltStack （1）概念 SaltStack是基于python开发的一套C/S自…...

编程日记 2023/12/15 9:50:44

vscode 环境配置

必备插件配置调试 {// Use IntelliSense to learn about possible attributes.// Hover to view descriptions of existing attributes.// For more information, visit: https://go.microsoft.com/fwlink/?linkid830387"version": "0.2.0","confi…...

编程日记 2023/12/15 9:47:42

pytorch文本分类（二）：引入pytorch处理文本数据

pytorch文本数据处理目录 pytorch文本数据处理1. Pytorch背景2. 数据分割3. 数据加载Dataset代码分析字典的用途代码修改的目的 Dataloader 4. 练习原学习任务链接相关数据链接：https://pan.baidu.com/s/1iwE3LdRv3uAkGGI2fF9BjA?pwdro0v 提取码：ro…...

编程日记 2023/12/15 9:46:41

Centos硬盘操作合集

一、硬盘命令说明 lsblk 列出系统上的所有磁盘列表查看磁盘列表参数意义 blkid 列出硬盘UUID [rootzs ~]# blkid /dev/sda1: UUID"77dcd110-dad6-45b8-97d4-fa592dc56d07" TYPE"xfs" /dev/sda2: UUID"oDT0oD-LCIJ-Xh7r-lBfd-axLD-DRiN-Twa…...

编程日记 2023/12/15 9:45:36

三大循环语句

goto 我们看代码去感受goto的循环，那么goto循环最经常搭配的就是loop，那么就像如下代码这个代码中loop：就是个标志，然后程序正常向下运行，goto loop；就会让她回到loop，然后在运行到goto loop…...

编程日记 2023/12/15 9:44:35

Mybatis详解

MyBatis是什么 MyBatis是一个持久层框架，用于简化数据库操作的开发。它通过将SQL语句和Java方法进行映射，实现了数据库操作的解耦和简化。以下是MyBatis的优点和缺点： 优点： 1. 灵活性：MyBatis允许开发人员编写原生的…...

编程日记 2023/12/15 9:43:34

spring cloud alibaba RocketMQ 最佳实践

目录概述使用准备工作引入依赖创建Topic代码应用启动消息接收再扩展一个结束概述 github 文档地址 rocket mq example RocketMQ 版本为 5.1.4 使用准备工作阅读此文需要事先准备 RocketMQ ，如有疑问，请移步 RocketMQ 服务搭建引入依赖此处…...

编程日记 2023/12/15 9:42:34

php使用OpenCV实现从照片中截取身份证区域照片

<?php // 获取上传的文件 $file $_FILES[file]; // 获取文件的临时名称 $tmp_name $file[tmp_name]; // 获取文件的类型 $type $file[type]; // 获取文件的大小 $size $file[size]; // 获取文件的错误信息 $error $file[error]; // 检查文件是否上传成功 if ($er…...

编程日记 2023/12/15 9:41:33

抖音ip地址切换会看不到视频吗

随着社交媒体平台的快速发展，抖音已经成为了许多人分享生活点滴、展示才艺的热门平台。然而，有时候使用抖音时会遇到一些问题，比如IP地址切换后无法观看视频。那么，为什么会出现这种情况呢？让我们分析一下。首先&…...

编程日记 2023/12/15 9:39:31

有关爬虫http/https的请求与响应

简介 HTTP协议（HyperText Transfer Protocol，超文本传输协议）：是一种发布和接收 HTML页面的方法。 HTTPS（Hypertext Transfer Protocol over Secure Socket Layer）简单讲是HTTP的安全版，在HTT…...

编程日记 2023/12/15 9:37:29

模块二——滑动窗口：438.找到字符串中所有字母异位词

文章目录题目描述算法原理滑动窗口哈希表代码实现题目描述题目链接：438.找到字符串中所有字母异位词算法原理滑动窗口哈希表因为字符串p的异位词的⻓度⼀定与字符串p 的⻓度相同，所以我们可以在字符串s 中构造⼀个⻓度为与字符串p的⻓度相同…...

编程日记 2023/12/15 9:36:28

排序算法(二)-冒泡排序、选择排序、插入排序、希尔排序、快速排序、归并排序、基数排序

排序算法(二) 前面介绍了排序算法的时间复杂度和空间复杂数据结构与算法—排序算法（一）时间复杂度和空间复杂度介绍-CSDN博客，这次介绍各种排序算法——冒泡排序、选择排序、插入排序、希尔排序、快速排序、归并排序、基数排序。文章目录排…...

编程日记 2023/12/15 9:35:27

智能优化算法应用：基于探路者算法3D无线传感器网络(WSN)覆盖优化 - 附代码

智能优化算法应用：基于探路者算法3D无线传感器网络(WSN)覆盖优化 - 附代码文章目录智能优化算法应用：基于探路者算法3D无线传感器网络(WSN)覆盖优化 - 附代码1.无线传感网络节点模型2.覆盖数学模型及分析3.探路者算法4.实验参数设定5.算法结果6.参考文…...

编程日记 2023/12/15 9:34:26

高效排队，紧急响应：RabbitMQ Priority Queue全面指南【RabbitMQ 九】

欢迎来到我的博客，代码的世界里，每一行都是一个故事高效排队，紧急响应：RabbitMQ Priority Queue全面指南引言前言第一：初识RabbitMQ Priority Queue插件插件的背景和目的：为什么需要消息优先级&#xff1…...

编程日记 2023/12/15 9:32:24

Java中使用EasyExcel写excel文件

1、公式 package com.web.report.handler;import com.alibaba.excel.context.WriteContext; import com.alibaba.excel.metadata.csv.CsvCellStyle; import com.alibaba.excel.metadata.data.WriteCellData; import com.alibaba.excel.write.handler.CellWriteHandler; import…...

编程日记 2023/12/15 9:30:22

【C语言程序设计】函数程序设计

目录前言一、程序阅读二、程序设计总结 🌈嗨！我是Filotimo__🌈。很高兴与大家相识，希望我的博客能对你有所帮助。 💡本文由Filotimo__✍️原创，首发于CSDN📚。 📣如需转载&#…...

编程日记 2023/12/15 9:26:20

前提条件

相关文章：