class="hide-preCode-box">

数据库内容:
在这里插入图片描述

4.3 使用echarts可视化展示

# settings.py 文件

STATICFILES_DIRS=(os.path.join(BASE_DIR,'static'),)

 class="hljs-button signin active" data-title="登录复制" data-report-click="{"spm":"1001.2101.3001.4334"}">

在这里插入图片描述

#部分代码,不完整
DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>大同市旅游景点可视化系统title>
    <script src="/static/jquery/jquery-1.8.3.min.js">script>
     <script src="https://libs.baidu.com/jquery/1.10.2/jquery.min.js">script>
    <script src="https://cdn.bootcdn.net/ajax/libs/echarts/4.2.1/echarts.min.js">script>

head>
<body>
    <div class="container-header">
        <ul class="nowTime">
            <li>li>
            <li>li>
        ul>
        <div class="location">
            <i class="icon iconfont icon-buoumaotubiao23">i>
            <span class="areaName">span>
        div>
        <h3 style="font-size:28px;"> 大同市旅游景点可视化系统
h3>
    div>
    <div class="container-content">
        <div class="top">
            <div class="count-base">
                <div class="com-count-title">A级景区比例div>
                <div class="com-screen-content">

                    <div id="main1" style="width:100%;height:300px;">div>
                div>
                <span class="left-top">span>
                <span class="right-top">span>
                <span class="left-bottom">span>
                <span class="right-bottom">span>
            div>
            <div class="count-resource q1">
                <div class="com-count-title">旅游资源统计div>
                <div class="com-screen-content2">
                    <ul class="use-data">
                        <li>
                            <p class="data-count" id="jinqunum">0 p>
                            <span class="data-name">A级景区span>
                        li>
                        <li>
                            <p class="data-count" id="jiudiannum"> 0p>
                            <span class="data-name">星级酒店span>
                        li>
                        <li>
                            <p class="data-count"  id="lvxingshe">0p>
                            <span class="data-name">旅行社span>
                        li>
                    ul>
                    <div class="com-screen-content">
                        <div id="main2" style="margin-top:10px;width:100%;height:240px;">div>
                    div>
                    <span class="left-top">span>
                    <span class="right-top">span>
                    <span class="left-bottom">span>
                    <span class="right-bottom">span>
                div>
            div>
            <div class="count-resource q2">
                <div class="com-count-title">游记数据div>


                <div class="com-screen-content">
                    <ul class="data-label">
                        <li class="active" data-type="1">游记li>
                         
                    ul>
                    <ul class="use-data">





                    ul>
                    <div id="main3" style="margin-top:10px;width:100%;height:240px;">



                    div>
                div>
                <span class="left-top">span>
                <span class="right-top">span>
                <span class="left-bottom">span>
                <span class="right-bottom">span>
            div>
        div>
        ......
 class="hljs-button signin active" data-title="登录复制" data-report-click="{"spm":"1001.2101.3001.4334"}"> class="hide-preCode-box">

5 实现效果

使用的数据是处理好后导入到mysql数据库中的数据,现在,我们来看一下展示效果,运行

python manage.py runserver
 class="hljs-button signin active" data-title="登录复制" data-report-click="{"spm":"1001.2101.3001.4334"}">

5.1前端展示

在这里插入图片描述

![image-20220711175134038](C:\Users\Administrator\AppData\Roaming\Typora\typora-user-images\image-20220711175134038.png

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

5.2 后端展示

在这里插入图片描述

在这里插入图片描述

演示效果

class="csdn-video-box" data-report-view="{"spm":"3001.10261","extra":{"id":"GXk4vTZ5-1689755443868"}}">

毕业设计 大同旅游数据分析可视化系统

最后

🧿 项目分享:见文末!

data-report-view="{"mod":"1585297308_001","spm":"1001.2101.3001.6548","dest":"https://blog.csdn.net/m0_43533/article/details/145072592","extend1":"pc","ab":"new"}">> id="blogExtensionBox" style="width:400px;margin:auto;margin-top:12px" class="blog-extension-box"> class="blog_extension blog_extension_type1" id="blog_extension"> class="blog_extension_card" data-report-click="{"spm":"1001.2101.3001.6470"}" data-report-view="{"spm":"1001.2101.3001.6470"}"> class="blog_extension_card_left"> class="blog_extension_card_cont"> class="blog_extension_card_cont_l"> 算法旅行家 class="blog_extension_card_cont_r"> 微信公众号 文内项目分享,项目资料分享
注:本文转载自blog.csdn.net的PlutoZuo的文章"https://blog.csdn.net/PlutoZuo/article/details/133637836"。版权归原作者所有,此博客不拥有其著作权,亦不承担相应法律责任。如有侵权,请联系我们删除。
复制链接

评论记录:

未查询到任何数据!