Django数据库渲染前端入门

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档

文章目录

• 前言
• 一、Admin-页面绑定数据库
• • • 创建之后需要输入用户，邮箱，密码。
    • • 紧接着在app文件夹中找到admin.py，在其中设置绑定数据库的语句
      • 前端输入localhost:8000/admin然后输入用户和密码，就可以登录到写好的图形化界面了
      • 在这里的图形化界面就可以插入一些数据，查询修改删除之类的还是在后台操作比较人性化。
• 二、后端数据库展示
• • 1.插入
  • 2.查询
  • 3.将数据做成jinjia2可以使用并渲染到前端的键值对形式
  • • • 传入context字典，就可以让前端通过{{}}或者{% %}的形式进行访问了
      • 前端方面
      • • 遍历结果并使用循环语句生成多条表格语句，将值传递到各个单元格中，这里使用的表格样式都是bootstrap的样式,index.html中本就导入了bootstrap的样式。

---

前言 给以后的自己看，Django前后端的知识，学习后将其归纳总和起来

---

一、Admin-页面绑定数据库

python manage.py createsuperuser

创建之后需要输入用户，邮箱，密码。 紧接着在app文件夹中找到admin.py，在其中设置绑定数据库的语句

from django.contrib import admin
from . import models

# Register your models here.
admin.site.register(models.Customer)
admin.site.register(models.Product)
admin.site.register(models.Order)

前端输入localhost:8000/admin然后输入用户和密码，就可以登录到写好的图形化界面了

在这里的图形化界面就可以插入一些数据，查询修改删除之类的还是在后台操作比较人性化。 二、后端数据库展示 1.插入

在views.py文件下定义相关的函数里写下：

    # 插入语句,对应表中需要赋值的字段，最后保存即可
    cm = Customer(name='mouseCover', phone='12452125343', email='46561@163.com').save()

2.查询

映射sql的select * from 表名：

 customer = Customer.objects.all()
 c_count = customer.count()#统计查询的数量

3.将数据做成jinjia2可以使用并渲染到前端的键值对形式 传入context字典，就可以让前端通过{{}}或者{% %}的形式进行访问了

   context = {
        'customer': customer,
        'c_count': c_count,
        'order': order,
        'o_count': o_count,
    }
    return render(request, 'aoapp/home.html',context)

前端方面 遍历结果并使用循环语句生成多条表格语句，将值传递到各个单元格中，这里使用的表格样式都是bootstrap的样式,index.html中本就导入了bootstrap的样式。

  
Total Customer: {{ c_count }}
  
                    {% for i in customer reversed %}
                        
                    {% endfor %}

                    

                    

                    

                        
C_ID
                        
Name
                        
Phone
                        
Email
                        
Time
                        
View
                    
                    
                    

                            
{{ i.id }}
                            
{{ i.name }}
                            
{{ i.phone }}
                            
{{ i.email }}
                            
{{ i.time_cteated }}