PyCharm后端与WebStorm前端连接，一对多添加展示功能

最新推荐文章于 2022-04-18 18:04:23 发布

初意..

最新推荐文章于 2022-04-18 18:04:23 发布

阅读量1.5k

点赞数 1

分类专栏： PyCharm 文章标签： django vue.js 后端前端

本文链接：https://blog.csdn.net/D_2327300854/article/details/117468855

版权

本文详细介绍了如何在PyCharm中使用Django创建后端项目，并与WebStorm中的Vue.js前端进行连接。通过设置Django的CORS以允许跨域访问，创建Model、Serializer和View，然后配置URL路由。在前端Vue应用中，实现了科室和病人数据的双向绑定展示，展示了后端数据在前端的动态呈现。

摘要由CSDN通过智能技术生成

首先创建一个django项目，选好环境之后进入创建一个App （如果不能创建app在settings里面导入：import os）

创建App方法 pycharm终端写入: python manage.py startapp app名 // 中间一个空格隔开

settings设置跨域问题

settings下的

INSTALLED_APPS = [
    'django.contrib.admin',
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.messages',
    'django.contrib.staticfiles',
    'corsheaders',  //  跨域App
    'rest_framework',  //  DRF框架
    'facotapp',  //  自己创建的App名字
]

MIDDLEWARE = [
    'django.middleware.security.SecurityMiddleware',
    'django.contrib.sessions.middleware.SessionMiddleware',
    'corsheaders.middleware.CorsMiddleware',  //添加跨域中间件
    'django.middleware.common.CommonMiddleware',
    # 'django.middleware.csrf.CsrfViewMiddleware',
    'django.contrib.auth.middleware.AuthenticationMiddleware',
    'django.contrib.messages.middleware.MessageMiddleware',
    'django.middleware.clickjacking.XFrameOptionsMiddleware',
]

CORS_ORIGIN_ALLOW_ALL = True //允许所有源访问，实现跨域空行添加

配置好跨域之后进入创建的App里面下的model.py中构建model类