Django 初探-前后端不分离

Posted beautyl

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Django 初探-前后端不分离相关的知识,希望对你有一定的参考价值。

1,配置url

template目录下添加前端的页面

templates文件夹用于存放前端的页面,这个文件可以在setting中自己配置

1 TEMPLATES = [
2     {
3         BACKEND: django.template.backends.django.DjangoTemplates,
4         DIRS: [os.path.join(BASE_DIR, templates)],
5         # ‘DIRS‘: [os.path.join(BASE_DIR, ‘templates2‘)],
6         # 可以在这里自由配置从哪个目录下找前端页面

views中写函数,返回前端页面

1 from django.shortcuts import render
2 
3 # Create your views here.
4 def index(request):
5     # 定义一个函数,返回html页面
6     return render(request,index.html)
7     # render函数的作用是读页面,可以用open file 实现
# return HttpResponse(‘返回字符串‘)
# httpresponse方法直接返回字符串
 

urls中配置url,通过views中的函数调用前端页面

 1 from django.contrib import admin
 2 from django.urls import path
 3 from user.views import index
 4 # 导入views中的函数
 5 
 6 urlpatterns = [
 7     path(admin/, admin.site.urls),
 8     path(index/, index),
 9     # 配置url为/index,从函数index中返回html页面
10 ]

2,django 中前端取字典,数组的值的方法

views中的函数包含字典,数组,要渲染到前端页面

1 def index(request):
2     # 定义一个函数,返回html页面
3     categories=[linux,mysql,java]
4     today=222
5     data={nav:categories,today:today}
6     return render(request,index.html,data)

前端页面中获取字典的值

1 <body>
2 欢迎光临
3 {{ today }}
4 {#django中前端取字典中的值,直接写字典的key,取到的是对应的value#}
5 </body>

前端页面中获取列表中的值

1 <body>
2 <ul>
3     <li>{{ nav.0 }}</li>
4 {#    django中前端取列表中的值,用列表名.下标取到列表中的值#}
5     <li>{{ nav.1 }}</li>
6     <li>{{ nav.2 }}</li>
7 </ul>
8 </body>

 

以上是关于Django 初探-前后端不分离的主要内容,如果未能解决你的问题,请参考以下文章

django前后端分离与不分离概念

Django前后端不分离&前后端分离&模板引擎

Django生成表结构-前后端不分离

django开发:前后端不分离,开发个人博客

Django单表增删改查-前后端不分离

django 前后端分离,后端接口实现