1、将后端数据传递回前端界⾯（常⽤格式列表字典）
views.py中Render中参数传递动态数据
def sonpage(request):
context = {"ads": ["selenium", "appium", "requests"] }
return render(request, 'sonpage.html', context)
或
rooms=[ {'name':'python web 技术'},{'name':'测试技术'}, {'name':'⼈⼯智能'}]
def hello(request):
context={'rooms':rooms}
return render(request,'hello.html',context)
2、前端界⾯循环显⽰出来
在html页⾯中添加 ：变量调⽤： {{变量名}} 代码使⽤{% %}
<ul>⾃动化内容</ul>
{% for i in ads %}
<li>{{i}}</li>
{% endfor %}
或
{% for room in rooms %}
<h5> {{room.name}}</h5>
{% endfor %}
3、将数据库的数据取回到后端中
获取这个ORM模型的QuerySet对象。即获取所有的数据。
模型中类名.objects.all(),这个不 包括id
models.模型中类名.Objects.values(),这个包括 id
from .models import Category
context = {'rooms': Category.objects.values()}
4、可使⽤bootstrap写好的css样式变好看
https://getbootstrap.com/
https://v4.bootcss.com/docs/components/navs/
https://getbootstrap.com/docs/5.1/examples/
head中加上css（也可使⽤下载到本地的）
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3"
crossorigin="anonymous">
将源代码复制到html中。可直接使⽤
