第四周/第一节练习项目: 搭建个人博客

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