4.将数据库中数据在前台 显⽰(不是在管理员界⾯)

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中。可直接使⽤


©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容