使用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

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

二、配置settings

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

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

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

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

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

加载结果:

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

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

继承:extends

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

加载后:

加载 include

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

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

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

  • 0
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值