### 使用 Django ForeignKey 实现完整的电商案例 #### 模型定义 为了实现一个简单的电子商务平台，在 `models.py` 中定义两个模型：`Product` 和 `Category`。其中，`Product` 类通过 `ForeignKey` 关联到 `Category`。 ```python from django.db import models class Category(models.Model): name = models.CharField(max_length=100) def __str__(self): return self.name class Product(models.Model): title = models.CharField(max_length=200) description = models.TextField() price = models.DecimalField(decimal_places=2, max_digits=8) category = models.ForeignKey(Category, on_delete=models.CASCADE) def __str__(self): return f"{self.title} ({self.category})" ``` 此部分展示了如何利用 `ForeignKey` 将产品与分类建立联系[^1]。 #### 注册模型至后台管理界面 为了让管理员能够方便地管理和查看这些数据表单，需在 `admin.py` 文件里注册新创建的数据结构： ```python from django.contrib import admin from .models import Category, Product admin.site.register(Category) admin.site.register(Product) ``` 这段代码使得自定义的 `Category` 及其对应的 `Product` 能够被纳入Django自带的管理站点中进行增删改查操作[^2]。 #### 视图层逻辑编写 接下来是在视图函数内处理业务流程的部分。这里采用基于类的通用视图方式来简化开发工作量并提高可读性和重用率。对于本例子而言，主要关注于商品详情页(`DetailView`)和列表页(`ListView`)两种场景下的呈现效果。 ```python from django.views.generic.detail import DetailView from django.views.generic.list import ListView from .models import Product class ProductDetail(DetailView): model = Product template_name = 'product_detail.html' class ProductList(ListView): queryset = Product.objects.all().select_related('category') context_object_name = 'products' paginate_by = 9 template_name = 'product_list.html' ``` 注意这里的 `.select_related()` 方法用于优化查询性能，减少SQL语句执行次数；同时设置分页参数以便更好地适应大量数据展示需求[^5]。 #### 前端HTML模板渲染 最后一步就是设计网页布局了。假设已经引入了 Bootstrap CSS 库，则可以在相应的 HTML 文件中按照如下格式书写标记语言以完成最终视觉上的组装： ```html <!-- product_list.html --> {% extends "base_generic.html" %} {% block content %} <h2>Products</h2> <ul class="list-group"> {% for p in products %} <li class="list-group-item d-flex justify-content-between align-items-center"> {{p.title}} ({{p.category}}) <span class="badge badge-primary badge-pill">${{p.price}}</span> </li> {% endfor %} </ul> <div class="pagination"> <span class="step-links"> {% if page_obj.has_previous %} <a href="?page=1">&laquo; first</a> <a href="?page={{ page_obj.previous_page_number }}">previous</a> {% endif %} <span class="current"> Page {{ page_obj.number }} of {{ page_obj.paginator.num_pages }}. </span> {% if page_obj.has_next %} <a href="?page={{ page_obj.next_page_number }}">next</a> <a href="?page={{ page_obj.paginator.num_pages }}">last &raquo;</a> {% endif %} </span> </div> {% endblock %} ``` 以上即为整个过程中的前端表现形式，它不仅包含了基本的商品信息罗列还实现了简单易懂的翻页导航栏构造[^4]。