文章目录
1 项目架构设计
我们对音乐网站的需求与设计有了大概了解,下一步根据需求搭建项目的目录结构。
- 首先在命令提示符窗口或者pyCharm中创建Django项目,项目命名为music
- 然后在项目中分别创建项目应用index、ranking、play、comment、search和user(配置文件记得添加)
- 并在每个项目应用中创建子路由文件urls.py
- 最后在项目的根目录中创建media、publicStatic和templates文件夹
整个项目的目录结构如图所示:
在settings.py配置文件添加app
INSTALLED_APPS = [
'django.contrib.admin',
'django.contrib.auth',
'django.contrib.contenttypes',
'django.contrib.sessions',
'django.contrib.messages',
'django.contrib.staticfiles',
'index',
'ranking',
'user',
'play',
'search',
'comment',
]
新建的项目应用和文件夹说明如下:
1 媒体资源文件夹(media)
用于存放歌曲文件、歌曲图片、歌词文件等资源文件,这类资源文件的变动频率较高,因此与静态资源分开不同的存储路径。在 media 文件夹中分别创建 songFile、songLyric和songImg文件夹,每个文件夹说明如下;
- songFile存放歌曲的文件
- songLyric存放歌词的文件
- songImg存放歌曲封面的文件
2 静态资源文件夹(publicStatic)
存放网页的CSS样式文件、JavaScript脚本文件和网页图片文件等静态资源。
由于项目创建了多个应用,如果在每个应用里面单独创建静态文件夹,当更新或修改网页布局时,就不利于日后的维护和管理。
在 publicStatic 文件夹中分别创建css、font、image、js文件夹和favicon.ico文件,说明如下:
- css文件夹存放网站的CSS样式文件
- js文件夹存放网站的JavaScript脚本文件
- font文件夹存放网站字体的文件
- image文件夹存放网站设计的图片
- favicon.ico文件是网站的图标
3 模板文件夹(templates)
存放模板文件,本项目一共使用9个模板文件,每个模板文件的说明如下:
- base.html:定义项目的公用模板文件
- index.html:实现音乐网站首页
- ranking.html:实现榜单排行页面
- play.html:实现歌曲播放页面
- comment.html:实现歌曲点评页面
- search.html:实现歌曲搜索页面
- user.html:实现用户注册和登录页面
- home.html:实现用户中心页面
- 404.html:实现404和500异常页面
2 功能配置
项目的目录结构设计并不是一成不变的,不同的需求与设计都会导致项目的目录结构有所不同。
下一步对项目进行相关配置,配置信息主要在配置文件settings.py中完成。
首先确保新建的项目应用index、ranking、paly、comment、search和user写入配置属性INSTALLED_APPS里面,然后在配置属性MIDDLEWARE中添加中LocaleMiddleware,使Admin后台系统支持中文语言。
配置代码如下:
MIDDLEWARE = [
'django.middleware.security.SecurityMiddleware',
'django.contrib.sessions.middleware.SessionMiddleware',
'django.middleware.common.CommonMiddleware',
'django.middleware.csrf.CsrfViewMiddleware',
'django.contrib.auth.middleware.AuthenticationMiddleware',
'django.contrib.messages.middleware.MessageMiddleware',
'django.middleware.clickjacking.XFrameOptionsMiddleware',
# 添加中间键 LocaleMiddleware
'django.middleware.locale.LocaleMiddleware',
]
项目的数据存储采用MySQL数据