Django实现简单的音乐播放器 1

news2024/12/26 11:38:57

使用django框架开发一个简单的音乐播放器。

效果：

环境准备

安装django

创建项目

创建应用

注册应用

配置数据库

设置数据库配置

设置pymysql库引用

创建数据库

创建数据表

生成表迁移文件

执行表迁移

配置时区

配置语言

配置子应用路由

在player应用目录下创建urls.py文件

子应用路由加入主路由中

创建项目模板

创建项目模板路径

设置项目模板路径

静态文件目录

创建静态文件目录

配置静态文件目录

总结

环境准备

安装django

pip install Django==3.0

创建项目

django-admin startproject mymp3

创建应用

python manage.py startapp player

注册应用

修改settings.py

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

配置数据库

设置数据库配置

在settings.py中 DATABASES

DATABASES = {
    'default': {
        'ENGINE': 'django.db.backends.mysql',
        'NAME': 'mymp3',
        'USER': 'root',
        'PASSWORD': 'root',
        'HOST': 'localhost',
        'PORT': '3306'
    }
}

设置pymysql库引用

在工程目录下__init.py文件顶部增加

import pymysql

pymysql.install_as_MySQLdb()

创建数据库

创建数据库mymp3，选择utf8mb4。

创建数据表

生成表迁移文件

python manage.py makemigrations

执行表迁移

python manage.py migrate

配置时区

配置时区：将其修改为中国上海时区

TIME_ZONE = 'UTC'

改为

TIME_ZONE = 'Asia/Shanghai'

配置语言

配置语言：将其修改为简体中文

LANGUAGE_CODE = 'en-us'

改为

LANGUAGE_CODE = 'zh-hans'

配置子应用路由

在player应用目录下创建urls.py文件

Urls.py内容如下

from django.urls import path


urlpatterns = [
    # path('admin/', admin.site.urls),
]

子应用路由加入主路由中

在mypm3工程目录下路由urls.py 引入子应用路由

from django.contrib import admin
from django.urls import path, include


urlpatterns = [
    path('admin/', admin.site.urls),

    # 增加路由 指向player urls
    path(r'player/', include(('player.urls', 'player'))),
]

创建项目模板

创建项目模板路径

在mymp3目录下创建templates/应用名称

如下图：

设置项目模板路径

在settings.py中修改TEMPLATES参数

TEMPLATES = [
    {
        'BACKEND': 'django.template.backends.django.DjangoTemplates',
        'DIRS': [os.path.join(BASE_DIR, 'templates')],
        'APP_DIRS': True,
        'OPTIONS': {
            'context_processors': [
                'django.template.context_processors.debug',
                'django.template.context_processors.request',
                'django.contrib.auth.context_processors.auth',
                'django.contrib.messages.context_processors.messages',
            ],
        },
    },
]

注意：需要引入os库

静态文件目录

创建静态文件目录

需要把要使用的静态文件如css、js、images等文件目录先创建出来

在mymp3下创建static/应用名称/js|css|img 目录

如下图

配置静态文件目录

在settings.py中配置使用的静态路径

# Static files (CSS, JavaScript, Images)

# https://docs.djangoproject.com/en/3.2/howto/static-files/


STATIC_URL = '/static/'
STATICFILES_DIRS = [
    os.path.join(BASE_DIR, 'static')
]