Django开发实例总结（入门级、4.2.6、详细）

目录

概述

Django的核心组件包括

Django的项目结构

创建工程（4.2.6）

实例一：Hello world

实例二：访问一个自定义主页

实例三：通过登录跳转到主页

实例四：主页添加静态文件，包含js、css、图片

实例五：访问api多级路径，传入json参数计算结果

概述

Django是一个用于构建Web应用程序的高级Python Web框架。它遵循了MVC（Model-View-Controller）的软件设计模式，并采用了MTV（Model-Template-View）的变种。

模型（Model）、模板(Template)、视图（Views）。

Django的核心组件包括

  1. Models（模型）：模型定义了应用程序中使用的数据结构和数据库表的结构。它们通过Django的ORM（对象关系映射）与数据库进行交互。通过定义模型类，您可以创建数据库表以及与之相关的字段和方法。Django的ORM（对象关系映射）提供了一个简单的方式来操作数据库，无需编写原始的SQL查询语句。

  2. Views（视图）：视图负责处理HTTP请求，并返回HTTP响应。它们从模型中获取数据，并将其传递给模板进行渲染。在Django中，视图函数或基于类的视图处理来自URL的请求，并从模型层获取所需的数据，然后将其传递给模板层进行渲染。视图可以返回HTML页面、JSON数据或其他响应类型。

  3. Templates（模板）：模板层负责生成最终的用户界面。模板是用于呈现数据的HTML文件。它们允许您将动态数据嵌入到静态HTML中，并使用Django的模板语言来处理逻辑和控制流。Django使用模板引擎将动态数据与静态HTML代码分离。您可以在模板中使用变量、循环、条件语句等，以便根据需要动态生成页面。

  4. URLconf（URL配置）：URLconf负责将URL映射到视图函数。它定义了URL模式和对应的视图函数。URL调度器（或路由）将URL映射到相应的视图函数或类。在Django中，您可以通过在URL配置文件中定义URL模式来设置路由规则。URL调度器根据请求的URL确定要执行的视图，帮助 Django 确定哪个视图应该处理特定的 URL 请求。

  5. Middleware（中间件）：中间件是Django的请求/响应处理机制的一部分。它可以在请求到达视图之前或响应发送给客户端之前执行特定的操作。中间件是位于Django请求和响应处理过程中的一个插件。例如，中间件可以用于身份验证、请求日志记录、跨站点请求伪造（CSRF）防护等。

  6. Forms（表单）：Django 表单帮助您创建 HTML 表单，并处理用户提交的数据。它们可以验证输入数据，并将其转换为模型对象。表单可以验证用户输入并将其保存到数据库中。

  7. Admin（管理后台）：Django提供了一个强大的管理后台，可以轻松地管理数据库模型和数据。自动创建的管理界面允许管理员管理数据库中的数据，包括添加、编辑和删除记录。

  8. 静态文件处理：Django 提供了管理和服务静态文件（如 CSS、JavaScript）的功能。

此外，Django还包括许多其他组件和功能，如国际化、安全性等。

Django的项目结构

myproject/manage.pymyproject/__init__.pysettings.pyurls.pywsgi.pymyapp/migrations/__init__.py__init__.pyadmin.pyapps.pymodels.pytests.pyviews.pyurls.pytemplates/myapp/index.html
  • manage.py：用于管理Django项目的命令行工具。
  • myproject/：项目的主目录，包含项目的配置和URL设置。
  • myapp/：应用程序的目录，包含模型、视图、模板等。
  • migrations/：包含数据库迁移相关的文件。
  • admin.py：包含管理后台的配置。
  • models.py：包含应用程序的模型定义。
  • views.py：包含视图函数的定义。
  • urls.py：用于定义应用程序的URL模式。
  • templates/：包含HTML模板文件。
  • 其他文件：__init__.py、apps.py、tests.py等。

这只是一个基本的Django项目结构示例，可以根据需要进行扩展和修改。

创建工程（4.2.6）

实例一：Hello world

1. 确保您已经安装了Django。如果尚未安装，请在命令行中运行以下命令：

pip install django

2. 创建一个新的Django项目。在命令行中导航到您想要创建项目的目录，并运行以下命令：

django-admin startproject myproject

3. 进入项目目录：

cd myproject

4. 创建一个新的Django应用程序。在命令行中运行以下命令：

python manage.py startapp myapp

5. 在myproject/myproject/settings.py文件中，找到ALLOWED_HOSTS并将其更改为以下内容：

ALLOWED_HOSTS = ['*']

* 表示允许任何主机访问您的Django应用程序，在生产环境中，您应该将ALLOWED_HOSTS设置为您信任的主机名或IP地址，以限制访问您的应用程序的来源 

6. 在myproject/myproject/urls.py文件中，添加以下代码：

from django.urls import path, includeurlpatterns = [path('', include('myapp.urls')),
]

7. 在myproject/myapp目录中，创建一个新的urls.py文件，并添加以下代码：

from django.urls import path
from . import viewsurlpatterns = [path('', views.index, name='index'),
]

8. 在myproject/myapp目录中，创建一个新的views.py文件，并添加以下代码：

from django.http import HttpResponsedef index(request):return HttpResponse("Hello, world!")

9. 返回到项目根目录，运行以下命令启动服务器：

python manage.py runserver 0.0.0.0:10808

10. 打开浏览器，并访问 http://localhost:10808/ ，您将看到 "Hello, world!" 的消息。

实例二：访问一个自定义主页

1. 确保在settings.py文件中，TEMPLATES设置中添加了应用程序的模板目录：

import os.pathTEMPLATES = [{...'APP_DIRS': True,'DIRS': [os.path.join(BASE_DIR, 'myapp', 'templates')],...},
]

这将告诉Django在`myapp`应用程序的`templates`目录中查找模板文件。

2. 在urls.py文件中正确配置了URL模式。如果您的应用程序位于项目的根目录下，可以将以下代码添加到urls.py文件中：

from django.urls import path
from myapp.views import indexurlpatterns = [path('', index, name='index'),   # ''标示没有地址访问默认目录index# 其他URL模式
]

''标示没有地址访问默认目录index 

确保`myapp.views`导入了正确的视图函数，并将根URL与`index`视图函数关联起来。

3. 确保在项目的settings.py文件中的INSTALLED_APPS设置中添加了应用程序

INSTALLED_APPS = [...'myapp',...
]

这将告诉Django加载`myapp`应用程序。

4. 进入myapp目录下创建文件夹templates

5. 编写index.html代码

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>这里是主页</title><style>h1 { color:red }</style>
</head>
<body><h1>这里是主页</h1>
</body>
</html>

6.  打开浏览器，并访问 http://localhost:10808/ 

实例三：通过登录跳转到主页

1. 创建一个名为login.html的模板文件

<html>
<head><title>Login</title>
</head>
<body><h1>Login</h1>{% if error_message %}<p>{{ error_message }}</p>{% endif %}<form method="post" action="{% url 'login' %}">{% csrf_token %}<label for="username">用户:</label><input type="text" id="username" name="username"><br><br><label for="password">密码:</label><input type="password" id="password" name="password"><br><br><input type="submit" value="登录"></form>
</body>
</html>

2. 在views.py文件中，您需要定义一个处理登录页面请求的视图函数

#! /usr/bin/env python
# -*- coding: utf-8 -*-from django.shortcuts import render, redirect
from django.http import HttpResponse# Create your views here.
def login(request):if request.method == 'POST':username = request.POST.get('username')password = request.POST.get('password')if username == 'admin' and password == '123456':# 登录成功，重定向至主页return redirect('index')else:# 登录失败，返回错误消息error_message = '用户名或密码错误'return render(request, 'login.html', {'error_message': error_message})else:return render(request, 'login.html')def index(request):#return HttpResponse("Hello, world!")return render(request,'index.html')

3. 在urls.py文件中，需要将URL模式与登录视图函数关联起来，并指定默认访问地址为登录页。在urls.py文件中添加以下代码

from django.urls import path
from . import viewsurlpatterns = [path('', views.login, name='login'),path('index/', views.index, name='index'),
]

4. 创建一个名为index.html的模板文件

<html>
<head><title>主页</title>
</head>
<body><h1>欢迎来到主页!</h1><p>这是主页的内容.</p>
</body>
</html>

5.  打开浏览器，并访问 http://localhost:10808/ 

实例四：主页添加静态文件，包含js、css、图片

1. 在settings.py文件中，配置静态文件 STATIC_URL和STATICFILES_DIRS

STATIC_URL = 'static/'STATICFILES_DIRS = [os.path.join(BASE_DIR, 'myapp', 'static'),                                                                                                                                           
]

2. myapp目录下创建static文件夹，static文件夹下分别创建js目录、css目录、images目录

3. 创建css文件styles.css

body {background-color: #f1f1f1;font-family: Arial, sans-serif;
}h1 {color: blue;
}p {font-size: 16px;
}

在这个示例中，CSS代码设置了一些基本的样式，如页面背景颜色、标题颜色和段落字体大小

主页引用

<link rel="stylesheet" type="text/css" href="{% static 'css/styles.css' %}">

4. 创建js文件script.js

console.log("你好, JavaScript!");

F12可查看控制台console日志

5. 创建图片logo.png

6. 主页完整代码

<!DOCTYPE html>
<html>
<head><title>我的主页</title><!--{% load static %}--><link rel="stylesheet" type="text/css" href="{% static 'css/styles.css' %}">
</head>
<body><h1>欢迎来到我的主页</h1><img src="{% static 'images/logo.png' %}" alt="Logo"><p>这是主页内容.</p><script src="{% static 'js/script.js' %}"></script>
</body>
</html>

7. 确保在使用static标签之前，始终在模板文件的顶部添加{% load static %}标签，以确保Django正确加载和解析静态文件模板标签.

8.  打开浏览器，并访问 http://localhost:10808/ 

实例五：访问api多级路径，传入json参数计算结果

1. 添加urls.py代码

path('api/add', views.add_numbers, name='add_numbers'),

2. 添加views.py代码

import json
from django.views.decorators.csrf import csrf_exempt
from django.http import JsonResponse@csrf_exempt
def add_numbers(request):if request.method == 'POST':try:data = json.loads(request.body)print(111, data)num1 = int(data.get('number1'))num2 = int(data.get('number2'))result = num1 + num2response_data = {'result': result}return JsonResponse(response_data)except (ValueError, TypeError):response_data = {'错误': '输入错误'}return JsonResponse(response_data, status=400)else:response_data = {'错误': '方法错误'}return JsonResponse(response_data, status=405)

禁用CSRF保护：这不是在生产环境中推荐的做法。在开发阶段，您可以在视图函数上使用@csrf_exempt装饰器来禁用CSRF保护。

3. 打开谷歌插件postwoman插件访问http://172.16.12.128:10808/api/add

 

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.hqwc.cn/news/157579.html

如若内容造成侵权/违法违规/事实不符，请联系编程知识网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

轻松部署Swagger Editor：安装Docker并实现远程访问编辑API文档

轻松部署Swagger Editor：安装Docker并实现远程访问编辑API文档

文章目录 Swagger Editor本地接口文档公网远程访问1. 部署Swagger Editor2. Linux安装Cpolar3. 配置Swagger Editor公网地址4. 远程访问Swagger Editor5. 固定Swagger Editor公网地址 Swagger Editor本地接口文档公网远程访问 Swagger Editor是一个用于编写OpenAPI规范的开源编…
阅读更多...
矢量图编辑_Inkscape裁剪与蒙版

矢量图编辑_Inkscape裁剪与蒙版

文章目录 一、简介二、示例三、裁剪 Clipping四、蒙版 Masking 一、简介 裁剪&#xff08;Clipping&#xff09; 和 蒙版/遮罩&#xff08;masking&#xff09; 是限制对象&#xff08;或对象组&#xff09;哪一部分可见的方法。对于裁剪&#xff0c; 裁剪路径&#xff08;cli…
阅读更多...
一副耳机两种体验，好看好听降噪强，FIIL Key Pro上手

一副耳机两种体验，好看好听降噪强，FIIL Key Pro上手

户外使用蓝牙耳机时&#xff0c;降噪功能真的是必不可少&#xff0c;特别是通勤高峰期&#xff0c;能有效隔绝周围的嘈杂声&#xff0c;对于上班族来说&#xff0c;真的会舒服很多。市场上有很多降噪耳机可供选择&#xff0c;相比于价格上千的发烧级装备&#xff0c;我更倾向于…
阅读更多...
【ARMv8 SIMD和浮点指令编程】NEON 通用数据处理指令——复制、反转、提取、转置...

【ARMv8 SIMD和浮点指令编程】NEON 通用数据处理指令——复制、反转、提取、转置...

NEON 通用数据处理指令包括以下指令（不限于）： • DUP 将标量复制到向量的所有向量线。 • EXT 提取。 • REV16、REV32、REV64 反转向量中的元素。 • TBL、TBX 向量表查找。 • TRN 向量转置。 • UZP、ZIP 向量交叉存取和反向交叉存取。 1 DUP (element) 将…
阅读更多...
postman连接mysql报ETIMEDOUT错误解决方法

postman连接mysql报ETIMEDOUT错误解决方法

问题 在cmd中执行xmysql -h localhost -u username -p password -d database命令后,报errorno: ETIMEDOUT’超时错误; 解决方法 给执行命令加上端口信息 -o post: xmysql -h localhost -u username -p password -d database -o port
阅读更多...
数据集成实现以及平台安装部署入门

数据集成实现以及平台安装部署入门

ETLCloud是什么?** ETLCloud是一个提供了一套工具和服务的数据集成平台&#xff0c;用于将数据从不同的来源抽取&#xff08;Extract&#xff09;、转换&#xff08;Transform&#xff09;和加载&#xff08;Load&#xff09;到目标系统中。ETL代表了这个过程的三个主要步骤。…
阅读更多...
【Java】文件操作和IO

【Java】文件操作和IO

❤️ Author&#xff1a; 老九 ☕️ 个人博客&#xff1a;老九的CSDN博客 &#x1f64f; 个人名言&#xff1a;不可控之事 乐观面对 &#x1f60d; 系列专栏&#xff1a; 文章目录 文件概念文件的分类常见的文件类型文件系统的目录结构路径 Java中的文件操作文件系统相关操作绝…
阅读更多...
【Linux】多路IO复用技术①——select详解如何使用select模型在本地主机实现简易的一对多服务器（附图解与代码实现）

【Linux】多路IO复用技术①——select详解如何使用select模型在本地主机实现简易的一对多服务器（附图解与代码实现）

这一篇的篇幅可能有点长&#xff0c;但真心希望大家能够静下心来看完&#xff0c;相信一定会有不小的收获。那么话不多说&#xff0c;我们这就开始啦&#xff01;&#xff01;&#xff01; 目录 一对一服务器中的BUG 如何实现简易的一对多服务器 实现简易一对多服务器的大体…
阅读更多...
前端css介绍

前端css介绍

CSS介绍 CSS&#xff08;Cascading Style Sheet&#xff0c;层叠样式表)定义如何显示HTML元素。 当浏览器读到一个样式表&#xff0c;它就会按照这个样式表来对文档进行格式化&#xff08;渲染&#xff09;。 CSS语法 CSS实例 每个CSS样式由两个组成部分&#xff1a;选择器和…
阅读更多...
使用Qt Installer Framework将自己的程序打包成安装包程序

使用Qt Installer Framework将自己的程序打包成安装包程序

使用Qt Installer Framework将自己的程序打包成安装包程序 制作安装包程序就是将自己的程序打包成一个可执行的exe&#xff0c;双击之后进行安装。 1. 在制作安装包程序之前需要安装qt官方提供的安装包制作工具Qt Installer Framework 去qt官方网址&#xff0c;下载对应的 Q…
阅读更多...
HNU-计算机网络-实验1-应用协议与数据包分析实验(Wireshark)

HNU-计算机网络-实验1-应用协议与数据包分析实验(Wireshark)

计算机网络 课程基础实验一 应用协议与数据包分析实验(Wireshark) 计科210X 甘晴void 202108010XXX 一、实验目的&#xff1a; 通过本实验&#xff0c;熟练掌握Wireshark的操作和使用&#xff0c;学习对HTTP协议进行分析。 二、实验内容 2.1 HTTP 协议简介 HTTP 是超文本…
阅读更多...
89 柱状图中最大的矩形

89 柱状图中最大的矩形

柱状图中最大的矩形 类似接雨水&#xff08;反过来&#xff0c;相当于找接雨水最少的一段&#xff09;题解1 暴力搜索&#xff08;超时&#xff09; O ( N 2 ) O(N^2) O(N2)另一种 题解2 单调栈【重点学习】常数优化 给定 n 个非负整数&#xff0c;用来表示柱状图中各个柱子的…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023