django前后端不分离入门

2022-09-05 22:32:00 阅读：179 来源： 互联网

标签：入门 color 100% 分离 django width html import

在django中创建html模板，关联数据，返回给浏览器

修改settings.py文件

将 'DIRS': [] 修改为'DIRS': [os.path.join(BASE_DIR, 'templates')],

项目目录下创建模板文件夹templates

templates下创建模板文件index.html

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>

    <body class="globcss">
        <table border="0" class="tablecss">  <tr>  <td class="keycss">{{key0}}</td> <td class="valuecss">&emsp;{{value0}}</td>  </tr>    </table>
        <div class="line"></div>
      
        <table border="0" class="tablecss">  <tr>  <td class="keycss">{{key10}}</td> <td class="valuecss">&emsp;{{value10}}</td>  </tr>    </table>
        <div class="line"></div>
    </body>
</html>

<style>
    .globcss {
        font-size: 36px;
        line-height: 2em;
        width: 100%;
        height: 100%;
        background-color: #f3f4f6;

    }
    .tablecss {
                width: 100%;
    }
    .keycss {
        color: green;
        width: 18%;
        text-align-last: justify;
    }
    .valuecss {
        color: 	#000000;
    }
    .trcss {
           margin-top: 100px;
    }
    .div1{

    }

    .line{
        width: 100%;
        border-bottom: 1px solid #000000;
        color:green;
    }
    .test{
    background-color: #a3f4f6;
    }

</style>

views.py编写

from django.shortcuts import render
from django.http import HttpResponse
from django.core import serializers

def get_data(request):
    ...
    return render(request, "index.html",{"key0": "11", "value0": "22"})
    #return render(request, "err.html", {"err": "404"})

urls.py指定路由

...

浏览器访问测试

#html文件有修改，保存并刷新浏览器即可显示最新内容。

标签：入门,color,100%,分离,django,width,html,import
来源： https://www.cnblogs.com/tangshow/p/16659834.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。