利用爬虫和Django+echarts建立自己的动画人气统计小站

最新推荐文章于 2023-07-27 09:45:00 发布

Wengs95

最新推荐文章于 2023-07-27 09:45:00 发布

阅读量3.3k

点赞数 1

分类专栏： python 文章标签： django 爬虫 echarts3-0 python

本文链接：https://blog.csdn.net/s291547/article/details/77785265

版权

开发环境：Django版本1.11.4，python版本3.6.0

Django后台的准备

新建项目

如何安装django就不多说了，安装好之后打开cmd，输入django-admin.py startproject Anime，新建Anime项目。如果报错尝试使用django.admin代替django.admin.py。如果想在某个指定的文件夹下建立项目，把django.admin.py放到指定的文件夹下，在命令行下进入该文件夹后再执行新建项目命令。

我是新建好项目后打开pycharm加载项目文件，之后命令行的操作通过pycharm下方的terminal完成。
这里写图片描述

我使用的pycharm是免费版本，阉割了python的web开发功能，网上教程能在pycharm内直接新建django项目的应该是付费的professional版本。（？）

新建app

进入Anime目录下，命令行输入python manage.py startapp Zawarudo，新建名为Zawarudo的app。为了让django工程运行的时候能识别新的app，修改Anime/setting.py，在INSTALLED_APP中新增’ Zawarudo’，完成新app的注册。

INSTALLED_APPS = [
    'django.contrib.admin',
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.messages',
    'django.contrib.staticfiles',

    'Zawarudo'
]

建立模型

进入Anime/Zawarudo/models.py，新增Animation模型：

from django.db import models

# Create your models here.
class Animation(models.Model):
    name = models.CharField(max_length=64)
    uid = models.IntegerField()
    statics = models.TextField()

    def __str__(self):
        return self.name

其中name为动画的作品名，uid为该动画作品在s1中的专楼id，statistics为人气统计，具体格式与含义后边会解释。

在admin中注册模型，这样就能在admin管理界面内进行数据库内容的操作。

from django.contrib import admin
from.models import Animation
# Register your models here.
admin.site.register(Animation)

注册完后就能对其内容进行管理了。
这里写图片描述

建立模板

新建Graph.html文件，将一些布局什么的先塞进去，在statics文件夹下新建Zawarudo文件夹，将相关的css与js文件扔进里边。

注意开头加上{% load staticfiles %}将静态文件加载进来。此时head引用的文件已经包含了echarts.js，但我们还没用到。

{% load staticfiles %}
<!DOCTYPE html>
<html>

    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>2017年4月统计</title>
        <script type="text/javascript" src="{% static 'Zawarudo/js/jquery.min.js' %}"></script>
        <script type="text/javascript" src="{% static 'Zawarudo/js/echarts.js' %}"></script>
        <script type=