django项目如何连接前端_Django干货知识分享,如何创建项目及应用?

您好,欢迎来到这里学习Django框架,关注我会持续更新内容哦~

如果本文对您有帮助,还请您点赞转发哦,谢谢!

大纲

  1. 创建项目
  2. 了解项目文件结构
  3. 创建应用
  4. 了解应用文件结构
  5. 运行第一个Hello World

一、创建项目

# 使用命令行工具django-admindjango-admin startproject myproject

二、项目文件结构

284f65687d80cb83a8a7cb42364514c3.png

项目文件结构图

  1. __init__.py 这是一个空文件,其作用是声明myproject为一个独立的模块
  2. asgi.py Django3.1版本后新增异步视图
  3. wsgi.py 服务器网关接口
  4. settings.py 这个文件包含了所有的项目配置。(重点)
  5. urls.py 这个文件负责映射我们项目的路由和路径。(重点)

三、创建应用

# 使用命令行工具django-admindjango-admin startapp myapp

四、应用文件结构

572f0daaf0b2c0b477dea0e3d0209b5e.png

应用文件结构图

  1. migrations 数据移植(迁移)模块
  2. admin.py 该应用的后台管理系统配置
  3. apps.py 应用程序本身的配置文件
  4. models.py 定义web应用程序数据实例
  5. tests.py 自动化测试模块
  6. views.py 处理web应用程序请求和响应文件

五、运行第一个Hello World

1、myapp应用下新建urls.py文件

6d8e67327ec9476e6d505e3899f8ff88.png

myapp应用下urls.py文件

2、myproject项目下配置urls.py文件

1bcced54ddb9ce0113538b5fd1898196.png

myproject项目下urls.py文件

3、myapp应用下views.py

3dff5df53d9ebe5c4af76c51b689fd91.png

myapp应用下views.py文件

4、启用服务:python3 manage.py runserver 0.0.0.0:8000

5、浏览器打开:http://127.0.0.1:8000

73ab41e341858b63c90d9ac85b21f04a.png

运行结果

Django干货知识分享,如何搭建环境?

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Django 项目中,你可以使用 Vue.js 创建前端文件。下面是一些简单的步骤: 1. 安装 Vue CLI 首先,你需要安装 Vue CLI。你可以使用以下命令安装: ``` npm install -g @vue/cli ``` 2. 创建 Vue.js 项目Django 项目的根目录下创建一个新的文件夹,比如 `frontend`,然后在该文件夹中运行以下命令来创建一个新的 Vue.js 项目: ``` vue create . ``` 这将创建一个新的 Vue.js 项目,并将其添加到当前文件夹中。你需要选择一些选项,如 Babel、CSS 预处理器等,根据你的需求进行选择。 3. 配置 Django 项目 接下来,你需要将 Vue.js 项目Django 项目连接起来。可以在 Django 项目的 `settings.py` 文件中添加以下配置: ```python STATICFILES_DIRS = [ os.path.join(BASE_DIR, "frontend", "dist", "static"), ] TEMPLATES = [ { "BACKEND": "django.template.backends.django.DjangoTemplates", "DIRS": [ os.path.join(BASE_DIR, "frontend", "dist"), ], "APP_DIRS": True, "OPTIONS": { "context_processors": [ "django.template.context_processors.debug", "django.template.context_processors.request", "django.contrib.auth.context_processors.auth", "django.contrib.messages.context_processors.messages", ], }, }, ] ``` 这将使 Django 项目在运行时可以找到 Vue.js 生成的静态文件和模板。 4. 构建 Vue.js 项目 最后,你需要构建 Vue.js 项目并将生成的静态文件放入 Django 项目中。可以在 Vue.js 项目的根目录下运行以下命令来构建项目: ``` npm run build ``` 这将生成一个名为 `dist` 的文件夹,其中包含静态文件和模板。你需要将该文件夹复制到 Django 项目的根目录下。 现在,你已经成功地将 Vue.js 项目添加到 Django 项目中。在 Django 项目中使用 Vue.js 时,你可以在模板中使用 Vue.js 组件,或者使用 Django REST framework 创建 API 并从 Vue.js 组件中获取数据。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值