### 使用Python从零搭建前后端系统的教程 以下是关于如何使用 Python 和其他技术栈（Vue.js、Django、MySQL）来构建一个完整的前后端交互系统的过程。 #### 1. 前端部分 (Vue.js) 前端可以采用 Vue.js 来实现动态页面效果。以下是一些基本步骤： - **创建 Vue 项目**: 可以通过 `Vue CLI` 创建一个新的 Vue 项目。 ```bash npm install -g @vue/cli vue create frontend-project ``` - **安装 Axios 库**: Axios 是一个基于 Promise 的 HTTP 客户端，用于从前端发送请求到后端 API。 ```bash npm install axios ``` - **编写组件和接口调用逻辑**: 在 Vue 组件中引入 Axios 并定义方法来调用后端服务。 ```javascript import axios from 'axios'; export default { data() { return { items: [] }; }, methods: { fetchData() { axios.get('http://localhost:8000/api/items/') .then(response => { this.items = response.data; }) .catch(error => console.error(error)); } }, mounted() { this.fetchData(); } }; ``` #### 2. 后端部分 (Django) 后端主要由 Django 构建，负责处理业务逻辑以及与数据库的交互。 - **创建 Django 项目**: ```bash django-admin startproject backend_project cd backend_project python manage.py startapp api_app ``` - **配置 MySQL 数据库连接**: 修改 `settings.py` 文件中的 DATABASES 配置项[^2]: ```python DATABASES = { 'default': { 'ENGINE': 'django.db.backends.mysql', 'NAME': 'your_database_name', 'USER': 'root', # 或者你的用户名 'PASSWORD': '', # 输入密码 'HOST': '127.0.0.1', 'PORT': '3306' } } ``` - **安装 MySQL 连接器**: 如果需要加速安装过程，可以通过清华源下载依赖包[^1]: ```bash pip install mysql-connector-python -i https://pypi.tuna.tsinghua.edu.cn/simple ``` - **设计模型并迁移数据库**: 在应用目录下的 models.py 中定义数据结构，并运行迁移命令同步至数据库。 ```python from django.db import models class Item(models.Model): name = models.CharField(max_length=100) description = models.TextField() def __str__(self): return self.name ``` 执行以下命令完成表单生成： ```bash python manage.py makemigrations python manage.py migrate ``` - **创建 RESTful 接口**: 利用 Django Rest Framework 提供的功能快速建立 API 路径。 ```bash pip install djangorestframework ``` 设置 DRF，在 settings.py 添加 `'rest_framework'` 至 INSTALLED_APPS[] 内部。接着于 views.py 编写视图函数并与 urls.py 关联起来形成路由映射关系。 #### 3. 整合前后端 当两端都准备好之后，就可以让它们协同工作了。确保两者的服务器分别启动在不同的端口号上，比如前端监听 8080 端口而 Django 占有 8000 端口。最后调整跨域资源共享策略允许来自指定地址的访问请求即可正常通信。 ```python from rest_framework.views import APIView from rest_framework.response import Response from .models import Item class ItemsList(APIView): def get(self, request): items = Item.objects.all() serializer = ItemSerializer(items, many=True) return Response(serializer.data) def post(self, request): ... ``` ---