转载自https://blog.****.net/g_optimistic/article/details/88895379

一、先创建一个django项目

1、首先在你要创建的diango项目的目录下 shift+右键 在此处打开命令行

2、**anaconda环境

activate Djangopath

3、创建django项目

django-admin startProjec Ourblog

二、在pycharm中打开django项目

可以将你创建的django直接拖入python快捷方式，pycharm会自动打开当前目录

也可以打开pycharm打开对应目录下的文件夹·

注意配置环境   具体步可以看 https://blog.****.net/weixin_44239541/article/details/88900597

配置路径是file--->settings---->project OurBlog---->project interpreter ----> add ---> existing 配置的环境路径是

E:Anaconda3\envs\djangoPath\python3.exe  注意要配置正确

三.创建存放静态文件(static)和html的templates文件和，视图文件 views.py

四、更改settings.py配置文件

在views（视图）文件中 使用render-to-respose('about.html') 方法指向templs文件夹里面的的html文件时，由于setting里面的设置的路径  BASE_DIR是指到当前的根目录，也就是顶层的Ourblog文件夹目录，为了将路径指向templates目录，需要在其默认的路径下采用字符串拼接的方式，将默认目录改到/templates/下

配置静态样式的路径，这一步的原理可以参照https://blog.****.net/sinat_38068807/article/details/88903296

 

5.以about.html为例，还原网页原有的样式

(1)views.py

(2)urls.py

(3)127.0.0.1:8000/base/

此时出现了编码问题

去about.html里面修改一下编码，再在浏览器中运行一下

(4)修改about.html的编码问题

(5)此时发现样式没有了，把样式加载进来

样式现在都保存在static/css

在浏览器中运行：127.0.0.1:8000/base/

此时图片加载不出来，因为图片都保存在/static/images/

修改图片的路径

ctrl+F  查找：images

ctrl+R  替换：/static/images

 

6.extends  继承

把网页的相同点找出来，写在base.html

网页的相同点就是头部和尾部的东西

中间不同的是<div class="container">里面的东西,这部分用{% block content %}标签表示

（1）views.py

（2）urls.py

（3）base.html

（4）listpic.html

因为网页的东西编码都是gb2312,

先把编码改好，改成utf8编码，在浏览器中运行一下，然后再进行修改

listpic.html的内容：

继承base.html的内容

在这个网页中存放不同的部分，也就是<div class="container"></div>

运行之后还是发现，图片没有加载出来

 

同样的操作:

ctrl+F 查找  ：images

ctrl+R 替换： /static/images

再次运行：127.0.0.1:8000/listPic/

7.include  包含

先把框架搭好，把想要的东西拉进来即可

（1）views.py

（2）urls.py

（3）newlistpic.py

同样，要先修改编码，在浏览器中运行一次，然后再删掉相同的东西

还要修改图片的地址

（4）article.py

127.0.0.1:8000/article/