同第二讲， 这里给大家写一下第三讲的大致思路

第三讲的内容主要是两个部分
1. 做好项目结构以及全局配置
2. 写菜单页面

这节课的开头y总给我们大致描述了一下整个游戏的框架，主要是这样的

原图有点大，所以这里缩小了，可能不太清晰，不过只要大家能明白思路就行

一、初始化项目结构

老规矩，先进到tmux里面，打开4个分屏
接下来就是一顿操作
cd acapp/game
rm urls.py views.py models.py # 删除文件
mkdir urls views models static # 将文件改成文件夹
cd urls touch __init__.py # 加上__init__.py文件后，便可以通过import来引用该文件夹
cd views touch __init__.py
cd models touch __init__.py

cd acapp/acapp vim urls.py #进到总路由里面，由于将上次写的game.urls的path注释掉，否则运行控制台时会报错

cd game/static:
mkdir css js image
cd image mkdir menu playground settings
cd menu
uget --output-document=background.gif https://gimg2.baidu.com/image_search/src=http%3A%2F%2Finews.gtimg.com%2Fnewsapp_match%2F0%2F11156556256%2F0.jpg&refer=http%3A%2F%2Finews.gtimg.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg
rm uget-log
网址栏中输入 IP地址/static/image/menu/background.gif 便可看到动图
cd css vim game.css # 保存一下即可，不用写内容 （css文件的作用是能将本地文件通过链接直接返回）
cd js
1. mkdir dist # 最终使用的js文件
2. mkdir src # js源文件

创建脚本文件夹

cd acapp mkdir scripts
cd scripts vim compress_game_js.sh # 写个脚本，自动将js下的src源文件合并成一个放在dist里面(脚本内容可以去y总的git上面找，之后其它的文件内容也是这样)
chmod +x # 加上可执行权限
./compress_game_js.sh # 执行一下，在js/dist文件夹中会多一个game.js文件

git一下代码 # 对应视频时间 39:06:00

cd game/templates：
mkdir menu playground settings multiends
cd templates/multiends vim web.html

cd game/static/js/src:
vim zbase.js
./compress_game_js.sh # 执行一下
mkdir menu playground settings
cd js/dist vim game.js

cd game/views:
vim index.py
mkdir menu playground settings
cd menu touch __init__.py
cd playground touch __init__.py
cd settings touch __init__.py

cd game/urls:
vim index.py
mkdir menu playground settings
cd menu touch __init__.py vim index.py
cd playground touch __init__.py vim index.py
cd settings touch __init__.py vim index.py
cd game/urls vim index.py
cd acapp/acapp vim urls.py # 将我们刚刚注释的内容放开并修改
git一下代码 # 对应视频时间 1:05:11

全局配置

修改时区:

cd acapp/acapp
vim settings.py
:108
将 ‘UTC’ 改为 ‘Asia/Shanghai’
再去运行控制台python3 manage.py runserver 0.0.0.0:8000
时间就会变成我们当前的时间

添加配置文件：

:33 加上'game.apps.GameConfig'
:121 STATIC_ROOT = os.path.join(BASE_DIR, 'static') # 说明静态文件的存储位置,即BASE_DIR的static目录下，实际上就是game/static (join的作用是合并两个路径)
:13 import os

• media的作用同static，也是用来存动态文件的，static里面存开发者文件，media里面存用户文件（看个人习惯）

:125 MEDIA_ROOT = os.path.join(BASE_DIR, 'media')
:126 MEDIA_URL = '/media/'
保存，后重新启动一下控制台

二、写菜单页面 (1:18:00)

cd static/js/src/menu vim zbase.js
cd static/css vim game.css
cd static/js/src/playground vim zbase.js
./compress_game_js.sh
git一下代码 完工 # 对应视频时间 2：09：45

// 有些地方我为了大家方便看，调整了一下内容的顺序，不过这些都无碍，不会有什么影响，讲哪一块看哪一块就行