1. 引言
Paste_Image.png
Paste_Image.png
2. 分析
- 利用pycharm搭建互不影响的虚拟工作空间
- 创建Django项目
- 创建相关目录, 复制所需数据至指定目录
- 新建修改django相关的属性
- 修改html引用css的方式
- 修改html引用img的方式
3. 实现部分
3.1 新建虚拟环境
Paste_Image.png
Paste_Image.png
Paste_Image.png
Paste_Image.png
3.2 新建项目及APP
Paste_Image.png
完成后的目录
Paste_Image.png
新建APP, 一个项目中可以有多个APP
Paste_Image.png
3.3 新建静态文件夹
Paste_Image.png
Paste_Image.png
3.4 复制所需文件至相关目录
Paste_Image.png
Paste_Image.png
3.5 定义视图函数
Paste_Image.png
3.6 定义访问URL
Paste_Image.png
3.7 添加APP
Paste_Image.png
3.8 添加静态文件路径
Paste_Image.png
3.9 修改html引用css及图片的方式
Paste_Image.png
Paste_Image.png
Paste_Image.png
3.10 启动服务
Paste_Image.png
Paste_Image.png
3.11 访问网页
Paste_Image.png
4. 总结
- 虚拟环境是可以包括原始的第三方库又相互独立
- 视图函数
views.py可以定义访问URL的方法 -
urls.py可以定义访问URL -
settings.py可以添加APP, 定义静态文件路径 - html可以用
{% load path %}方式引静态文件 - 启动服务可以定义IP及端口
python3 manage.py runserver 0.0.0.0:9000
