使用Django进行前端模板渲染

流程

一、创建项目

1、切换到想创建Django项目的路径下,邮件------在此处打开命令

2、**Anaconda  

      activate  djangoPath

3、创建Django项目

       Django-admin startproject OurBlog

4、在pycharm中打开项目

   (1)打开项目时,必须在打开Django的项目OurBlog,

   (2)  环境变量的配置   file----settings-----project interpreter ----add----exiting---anaconda---evns----python.exe

5、在OurBlog 根目录下创建存放HTML的目录templates ,存放静态文件的static

使用Django进行前端模板渲染

     OurBlog根目录下的OurBlog创建views.py视图文件

使用Django进行前端模板渲染

二、配置settings

1、配置templates---------"DIRS":[os.path.join(BASE_DIR,"templates")]

使用Django进行前端模板渲染

  2、配置static  ,必须是元组形式

使用Django进行前端模板渲染

三、在views 下创建base,在原有页面上的修改

    (1) 为防止编码问题,将原有页面的编码改为  utf8  ,先加载一遍

使用Django进行前端模板渲染

(2)在urls 里导入项目,和地址

使用Django进行前端模板渲染

加载结果:

使用Django进行前端模板渲染

加载后,在指向base.html,  修改图片的地址。

搜索到 所有的image  ,替换成 /static/images

使用Django进行前端模板渲染

使用Django进行前端模板渲染

继承:extends

创建一个图片列表:只保留和和base.html 不同的部分。再导入base,继承base

使用Django进行前端模板渲染

加载后:

使用Django进行前端模板渲染

加载 include

复制base,去掉块{% %}。

将想要的内容直接拖过来,{%include  "  .html"%} 加载

使用Django进行前端模板渲染

使用Django进行前端模板渲染

注意:照片加载,全部同第一次照片修改方式