Django学习笔记-创建菜单界面

笔记内容转载自 AcWing 的 Django 框架课讲义，课程链接：AcWing Django 框架课。

1. 项目总体设计

（1）系统设计

• menu：菜单页面；
• playground：游戏界面；
• settings：设置界面。

（2）文件结构

• templates：管理 HTML 文件；
• urls：管理路由，即链接与函数的对应关系；
• views：管理 HTTP 函数；
• models：管理数据库数据；
• static：管理静态文件，比如：
  • css：对象的格式，比如位置、长宽、颜色、背景、字体大小等；
  • js：对象的逻辑，比如对象的创建与销毁、事件函数、移动、变色等；
  • image：图片；
  • audio：声音；
  • ……
• consumers：管理 WebSocket 函数。

（3）素材地址

• 背景图片：
  • 下载方式：wget --output-document=自定义图片名称 图片地址。
• jQuery 库：
  • ；
  • 。

2. 全局设置

为了后期方便项目的维护管理，首先先将 game 中的 urls.py、models.py、views.py 删除，将其创建为一个目录，并在这三个目录下创建好 __init__.py 文件，注释掉上一节中在总 URL 文件中的配置信息，然后创建好 static 目录。

接着进行一些项目的全局设置，首先设置一下项目的时区，打开 ~/djangoapp/djangoapp/settings.py，修改 TIME_ZONE：

TIME_ZONE = 'Asia/Shanghai'

然后将自己创建的 App 加载进来，找到 INSTALLED_APPS，将 game/apps.py 添加进来：

INSTALLED_APPS = [
	'game.apps.GameConfig',  # 添加此行
	'django.contrib.admin',
	'django.contrib.auth',
	'django.contrib.contenttypes',
	'django.contrib.sessions',
	'django.contrib.messages',
	'django.contrib.staticfiles',
]

找到 STATIC_URL = 'static/'，在其附近添加几行：

import os  # 在文件首部导入包

STATIC_ROOT = os.path.join(BASE_DIR, 'static')  # 表示要将静态文件放到static目录下
STATIC_URL = 'static/'
MEDIA_ROOT = os.path.join(BASE_DIR, 'media')
MEDIA_URL = 'media/'

我们在 game/static/ 中创建 image/menu/ 目录用来存放菜单界面的背景，将图片 background.png 放入该目录中即可在自己的网址上访问这张图片：http://<公网IP>:8000/static/image/menu/background.png。