0
点赞
收藏
分享

微信扫一扫

小可爱从0搭建网站(3)

思考的鸿毛 2022-02-22 阅读 39

一.Django---模版目录-templates模版

1.url.py

2.views.py

3. 去app目录下新建templates目录再新建 user_list.html文件

 4.刷新页面

 5.⚠️注意:如果 

添加 [os.path.join(BASE_DIR,'templates')]  就是寻找根目录下的templates目录中的html文件

 二.静态文件(图片,css,js文件)--模版引入静态文件

1.app01目录下新建static目录

2.引入图片

<img src="/static/1a.png" alt="">

 3.新建几个静态文件夹目录css,img,js,plugins

图片文件放在img目录下

所有的静态文件先前面一行加{% load static %},然后在写文件的路径

<! 在静态文件里面引入---引进图片>
{% load static %}
<img src="{% static 'img/1a.png' %}" alt="">

三.模版语法

Django框架使用报错Exception Type: TemplateDoesNotExist

 'DIRS': [os.path.join(BASE_DIR), 'templates'],

 模版语法----范例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<h1>Django--这是模版语法---常用数据类型</h1>

<!一个值,列表,字典在html模版中的处理>
<div>{{ n1 }}</div><! 模版中显示单独的 一个值 用花括号{>
<hr/><!换行符>
<! 列表 >
<div>{{ n2 }}</div>


<!list列表中获取第某个元素的值>
<div>{{ n2.0 }}</div>
<div>{{ n2.1 }}</div>
<div>{{ n2.2 }}</div>


<! 列表---for循环列表n2里的元素>
<div>
    {% for item in n2 %}
        <span>{{ item }}</span>
    {% endfor %}
</div>
<hr/><!换行符>

<! 字典 >
{{ n3 }} <! 直接显示字典里的值 >

<! 获取字典中的元素,根据字典的键 >
{{ n3.name }}
{{ n3.salary }}
{{ n3.role }}

<! 字典---for循环>
<ul>
    {% for k,v in n3.items %}
        <li>{{ k }} = {{ v }}</li>
    {% endfor %}
</ul>

<! 字典---for循环字典里所有的键值>
<ul>
    {% for item in n3.items %}
        <li>{{ item }}</li>
    {% endfor %}
</ul>

<! 字典---for循环字典所有的键>
<ul>
    {% for item in n3.keys %}
        <li>{{ item }}</li>
    {% endfor %}
</ul>

<! 字典---for循环字典所有的值>
<ul>
    {% for item in n3.values %}
        <li>{{ item }}</li>
    {% endfor %}
</ul>

<! 字典---for循环字典里的元素>
<div>
    {% for item in n3 %}
        <span>{{ item }}</span>
    {% endfor %}
</div>
<hr/><!换行符>


<! 列表里面套字典 >
{{n4}}

<! 列表里面套字典获取值 >
{{ n4.1 }}
{{ n4.1.name }}
{{ n4.1.salary }}
{{ n4.1.role }}

<! 列表里面套字典循环 >
{% for item in n4 %}
        <div>{{ item.name }} {{ item.salary }}</div>
    {% endfor %}
<hr/><!换行符>

<! 条件语句------if elif >

{% if n1 == "这里是把获取的数据放在html里面返回给用户" %}
    <h1>这是条件语句中的if判断</h1>
{% else %}
    <h1>这是条件语句中的 else 判断</h1>
{% endif %}

</body>
</html>

举报

相关推荐

Linux——搭建网站

使用iis搭建网站

搭建网站笔记(一)

phpstudy+wordpress搭建网站

记录搭建网站的过程

建网站流程

搭建网站遇到的问题

0 条评论