麻瓜编程·python实战·4-1作业:搭建简易博客

我的结果

  1. 我用的pycharm 2016.2.1 pro,新建项目,选择Django,点击齿轮按钮,创建虚拟环境,命名这个环境(最好以venv结尾表示是虚拟环境)
麻瓜编程·python实战·4-1作业:搭建简易博客_第1张图片
New Project
麻瓜编程·python实战·4-1作业:搭建简易博客_第2张图片
命名环境、勾选扩展包(大概就是你在虚拟环境中能和正常条件一样使用各种模块)
麻瓜编程·python实战·4-1作业:搭建简易博客_第3张图片
上面需要再次命名,是项目名称,下面是app名称
麻瓜编程·python实战·4-1作业:搭建简易博客_第4张图片
创建环境、项目、app后的效果
  1. 先设置app中的view.py,表示有请求了之后该怎么办。


    麻瓜编程·python实战·4-1作业:搭建简易博客_第5张图片
    设置index.py引导到index.html
  2. 再设置url,把url添加进去,当请求 xxx/index/ 的时候就会指向views.py的index函数。


    麻瓜编程·python实战·4-1作业:搭建简易博客_第6张图片
    设置项目中的url.py,添加`url`
  3. index函数返回的index.html现在开始构建,首先在templates里面新建index.html。


    麻瓜编程·python实战·4-1作业:搭建简易博客_第7张图片
    在templates中新建html,命名为index.html,把博客的html复制进去
  4. 以下是关于css的套路:static文件夹


    麻瓜编程·python实战·4-1作业:搭建简易博客_第8张图片
    在项目的目录中创建文件夹“static”,把博客的css和image放进去

麻瓜编程·python实战·4-1作业:搭建简易博客_第9张图片
在index.html的第一排如图编写好,作用如同import

因为index.html中的各种地址引用,jpg啊,css啊都是从static目录来的,所以一是要核对以下路径,二是在templates中有规定的格式,即: {% static '...' %}
修改图片地址(还有css)的格式

  1. 在虚拟项目中的setting.py中,末尾添上static的地址,写法是套路(实际上我并没有很理解清楚)


    麻瓜编程·python实战·4-1作业:搭建简易博客_第10张图片
    在setting中添加static的路径

7.最后就是在pycharm的teminal中输入:python3 manage.py runservice,浏览器请求地址:http://127.0.0.1:8000/index/

你可能感兴趣的:(麻瓜编程·python实战·4-1作业:搭建简易博客)