第三次作业：echart和文件上传

最新推荐文章于 2024-06-26 11:56:44 发布

weixin_49378678

最新推荐文章于 2024-06-26 11:56:44 发布

阅读量114

点赞数

分类专栏：大三暑期实践文章标签： echarts javascript 前端

本文链接：https://blog.csdn.net/weixin_49378678/article/details/126689550

版权

这篇博客介绍了如何在项目中应用Echarts图表库，结合JavaScript实现前端展示。同时，详细讲解了后端如何配置文件上传功能，包括在`settings.py`和`url.py`中的设置，以及数据库的存储链接处理。

摘要由CSDN通过智能技术生成

echart 套用js模板
前端样式：
在这里插入图片描述

前端js：

{% extends "layout.html" %}
{% load static %}

{% block content %}
    <div class="container">
        <div class="panel panel-default">
            <div class="panel-heading">折线图</div>
            <div class="panel-body">
                <div id="m1" style="width: 100%; height: 300px"></div>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-8">
                <div class="panel panel-default">
                    <div class="panel-heading">柱状图</div>
                    <div class="panel-body">
                        <div id="m2" style="width: 100%; height: 400px;"></div>
                    </div>
                </div>
            </div>
            <div class="col-sm-4">
                <div class="panel panel-default">
                    <div class="panel-heading">饼图</div>
                    <div class="panel-body">
                        <div id="m3" style="width: 100%; height: 400px; "></div>
                    </div>