享受购物乐趣：基于 Django + HTML + CSS 搭建的在线购物商城

前端

2022-12-23 05:37:29

构建一个功能齐全的电子商务网站：循序渐进的指南

前期准备

必备技能

踏上构建电子商务网站的旅程需要坚实的基础。您需要：

Python 基础知识
HTML 和 CSS 的熟悉度
基本数据库操作的了解

所需工具

为了打造您的电子商务网站，您需要以下工具：

Python 解释器
Django 框架
HTML 编辑器
CSS 编辑器
数据库管理系统（例如 MySQL）

搭建项目环境

安装 Python 和 Django

前往 Python 官网下载并安装 Python。
使用 pip 安装 Django：pip install django。

创建 Django 项目

打开命令提示符或终端。
导航到您希望创建项目的目录。
运行命令：django-admin startproject myproject。

启动 Django 开发服务器

在项目目录中，运行命令：python manage.py runserver。
现在，您的 Django 开发服务器正在运行。

设计数据库

创建模型

在 myapp/models.py 文件中创建模型。
定义模型字段和属性。

# myapp/models.py

from django.db import models

class Product(models.Model):
    name = models.CharField(max_length=255)
    description = models.TextField()
    price = models.DecimalField(max_digits=6, decimal_places=2)

迁移数据库

运行命令：python manage.py makemigrations。
运行命令：python manage.py migrate。

开发前端界面

创建视图

在 myapp/views.py 文件中创建视图。
定义视图函数和处理请求的逻辑。

# myapp/views.py

from django.shortcuts import render

def product_list(request):
    products = Product.objects.all()
    context = {'products': products}
    return render(request, 'myapp/product_list.html', context)

创建模板

在 myapp/templates/myapp 目录中创建模板。
使用 HTML 和 CSS 设计前端界面。

<!-- myapp/templates/myapp/product_list.html -->

{% extends 'base.html' %}

{% block content %}
    <h1>产品列表</h1>
    <ul>
    {% for product in products %}
        <li>{{ product.name }} - {{ product.price }}</li>
    {% endfor %}
    </ul>
{% endblock %}