模板变量用法+静态文静的导入+bootstrap使用
2020-05-19 本文已影响0人
生命有一种执着
模板也就是前端界面的展示,简称HTML;
使用:
一、HTML文件写道模板文件中:
1、模板app下的templates文件夹下,就是说在每个APP下都创建这个文件夹;
在APP下创建模板文件
进行配置(settings中)

使用:


2、集中的放在一个目录(templates)中,就说说在所有APP 的外面创建一个公共的目录,这个目录包含所有APP的前端页面;
理解:模板要放到特定的文件夹中,在项目跟目录下(和manage.py同级别)去创建一个文件夹;
配置(settings.py下配置):

使用:


二、模板变量
将后台的数据直接向前台传送
1、静态页面,动态页面
2、如何显示当前服务器时间


更改时间

模板变量语法:{{ 变量名 }}

模板变量过滤器:
具体清查django官网


注意:冒号前后不能空格
三、静态文件的导入
1、公共目录
2、APP下
统一放在根目录下,static文件夹
static文件夹下创建APP同名的文件夹

创建:


四、Bootstrap
找到自己想用的前端模板,查看网页源代码,将网页源代码复制粘贴至html文件中

将css样式的代码也复制并粘贴至对应的css文件中;
编写视图函数,并配置路由信息,登录进行查看;
