首页 > 其他分享 >django前后端不分离入门

django前后端不分离入门

时间:2022-09-05 22:34:40浏览次数:58  
标签:入门 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
From: https://www.cnblogs.com/tangshow/p/16659834.html

相关文章

  • 【2022-09-05】Django框架(五)
    Django框架(五)定义模型类fromdjango.dbimportmodels#Createyourmodelshere.classUser(models.Model):uid=models.AutoField(primary_key=True,ver......
  • C++基础入门:C++初始
    1.C++环境:Clion搭建下载链接:clion官方网址1.1点击下载1.2下载对应版本1.3安装步骤:1.3.1下载完毕后,打开exe文件,进入安装界面,点击【Next>】1.3.2选择安装目录......
  • MySQL入门基础(3)
    DML和DDL补充insert插入多条语句insertinto表名(字段1,字段2)values(值1,值2),(值3,值4),...,()快速创建表将查询的结果当作成新的表createtablexxasselect*fro......
  • 字符串入门学习笔记
    字符串哈希idea将字符串映射成一个数值(称为哈希值),因此可以在O(1)时间内做到例如判断两个串是否相等这样的事情,优化了时间复杂度注意,哈希值不同时字符串一定不同;哈希值相......
  • Linux 入门就电脑蓝屏,终止代码 PAGE_FAULT_IN_NONPAGED AREA Linux 命令
    Linux入门就电脑蓝屏,终止代码PAGE_FAULT_IN_NONPAGEDAREALinux命令LinuxLinux,全称GNU/Linux,是一种免费使用和自由传播的类UNIX操作系统,其内核由林纳斯·本纳第......
  • Python入门系列(十)一篇学会python文件处理
    文件处理在Python中处理文件的关键函数是open()函数。有四种不同的方法(模式)来打开一个文件"r"-读取-默认值。打开一个文件进行读取,如果文件不存在则出错。"a"-Ap......
  • Matlab GUI_guide模式编程快速入门教程
    摘要:GUI设计是交互设计,关联界面和软件本体之间的联系,然后一般设计包括实现计算和绘图等等,在软件著作中需要要求是计算严谨,绘图吸引,功能丰富以及具体的实际用途目录1.界......
  • django之模型层1
    #模型层就是跟数据库打交道的数据库就是如何查询数据一、表查询数据准备以及测试环境搭建'''1.django自带一个数据库sqlite3小型数据库这个数据库功能少而且对......
  • Django学习笔记
    Django本篇博客是我在B站学习的笔记。B站教程地址Django介绍起源2005年发布,采用Python语言编写的开源框架。早期的时候Django主做新闻和内容管理的重量级的Python......
  • 前后端分离前端框架的主要内容是什么?
    当前,前后端分离已经成为发展趋势和方向,是互联网项目开发的业界标准使用方式。那么,大家知道什么是前后端分离吗?其实,就是通过nginx+tomcat的方式(也可以中间加一个nodejs)有效......