Python web开发框架

任务⼀:搜索Python web开发框架,你选择使⽤

Django

*Django的介绍:

1,Django 是一个高级的 Python 网络框架,可以快速开发安全和可维护的网站。

2,Django是高水准的Python编程语言驱动的一个开源模型.视图,控制器风格的Web应用程序框架,它起源于开源社区。

3,开发者:艾德⾥安和威利森

4,Django 的功能是最完整的,Django 定义了服务发布、路由映射、模板编

程、数据处理的⼀整套功能。这也意味着 Django 模块之间紧密耦合。

5. 最新的 Django 版本:是 Django 4.0 于 2022 年发布

6, Django 命名:是以⼀个名叫 Django Reinhardt 吉他⼿的的名字来命名的。

7, Django 的功能是最完整的,Django 定义了服务发布、路由映射、模板编

程、数据处理的⼀整套功能。这也意味着 Django 模块之间紧密耦合。

*环境准备

1、搭建虚拟环境。

2、安装数据库软件

3、安装Python解释器

4、安装代码编辑器(IDE)

*Django的安装

pip install django #安装最新Django

pip install django==3.2 #指定版本安装

1、创建Django项目:

    django-admin startproject apitest

2、创建APP的骨架并声明(让大家都知道)

2.1  python manage.py startapp blog

2.2    settings.py配置文件里的INSTALLED_APPS选项里注册应用。申明blog这个文件夹是一个APP应用。

*创建Django项目

第一步、创建APP骨架并申明

创建⼀个名叫blog的应⽤:

输⼊命令:python manage.py startapp blog

 blog                #应⽤⽬录

  admin.py        #对应应⽤后台管理配置⽂件。

  apps.py        #对应应⽤的配置⽂件。

  models.py      #数据模块,数据库设计就在此⽂件中设计。后⾯重点讲解

  tests.py        #⾃动化测试模块,可在⾥⾯编写测试脚本⾃动化测试

  views.py        #视图⽂件,⽤来执⾏响应代码的。你在浏览器所见所得都是它处理的。

 ├─migrations        #数据迁移、移植⽂⽬录,记录数据库操作记录,内容⾃动⽣成。

 我们需要在项⽬⽬录下的mysite⽂件夹下的settings.py配置⽂件⾥的INSTALLED_APPS选项⾥

注册应⽤。申明blog这个⽂件夹是⼀个APP应⽤。

第二步、改到中国世界

Mysite⽬录下的settings.py配置⽂件,我们需要把语⾔设置为中⽂和时区修改

为中国时区。

mysite/mysite/settings.py

# 把语⾔改为中⽂

 # LANGUAGE_CODE = 'en-us'

 LANGUAGE_CODE = 'zh-hans'

 # 把国际时区改为中国时区

 # TIME_ZONE = 'UTC'

TIME_ZONE = 'Asia/Shanghai'

第三步、建立对外沟通的界面

1、建⽴在界⾯要展⽰的东西

 mysite/blog/views.py

 from django.http import HttpResponse

 def hello(request):

    return HttpResponse(‘Hello,world')

 每个视图函数的第⼀个默认参数都必需是request, 它是⼀个全

局变量。Django把每个⽤户请求封装成了request对象,它包

含⾥当前请求的所有信息,⽐如请求路径request.path, 当前⽤

户request.user以及⽤户通过POST提交的数据request.POST。

2、建⽴地址访问的桥梁路由映射。

mysite/mysite/urls.py

from django.contrib import admin

from django.urls import path

from blog import views        #+

urlpatterns = [

    path('admin/', admin.site.urls),

    path('index', views.hello),  #+

]

第四步、启动项目

添加模板及静态⽂件,使⽤⼆级路由

1、配置跟路由

1、在最外⾯的urls.py的路由是根路由

 From django.contrib import admin

 from django.urls import path,include

 urlpatterns = [

     path('admin/', admin.site.urls),

 path('', include('blog.urls')),

 ]

 2、在每个app应⽤新建⼀个同名的urls.py是这个应⽤的⼆级路由

 Blog/urls.py

 from django.urls import path

 from . import views

 urlpatterns = [

     path('', views.home),

 ]

(1)增加一个模块和路由

Views.py

 Def abcdef(request): +

 Return HttpResponse(‘iloveyou’) + 

Blog/urls.py

 from django.urls import path


 from . import views

 urlpatterns = [

     path('', views.home),

 path('love', views.abcdef), +

 ]

2、Templates的应用

1. 设置模板的位置:settings中TEMPLATES->’DIRS’:

cos.path.join(BASE_DIR, 'base/templates')

2. 建⽴模板(例如:demo.html)

在blog下⾯建⽴⽂件夹templates,在其下⾯建⽴demo.html⽂件

3. 使⽤模板(urls加路由,view中的对应)

render(request, ‘demo.html')

(1)、建立模板:Demo.html

<!DOCTYPE html>

 <html lang="en">

 <head>

 <meta charset="UTF-8">

 <title>demo样式</title>

 </head>

 <body>

 <p>

 <h2> 这是我的简书的地址 </h2>

 <a href="//www.greatytc.com/u/030c07091ea4" target="_blank" >测试星云</a>

 <h4>测试相关技术探讨</h4>

 </p>

</body>

 </html>

  (2)、可以添加静态文本-样式

1、在templates同级建⽴⼀个static⽂件夹

 2、在settings.py中最下⾯添加

 STATICFILES_DIRS=[

 os.path.join(BASE_DIR,’static’)

 ]

 3、在static下⾯建⽴⼀个1.css样式表,写点样式。

 H1{

 Color:#369

 }

 4、在demo.html⽂件中head下⾯加⼊

 <link rel=“stylesheet” href=“/static/1.css”>

(3)、可以使用bootstrap写好的css样式变好看

https://getbootstrap.com/

 https://getbootstrap.com/docs/5.1/examples/ https://getbootstrap.com/docs/5.1/examples/headers/

 head中加上css(也可使⽤下载到本地的)

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet"

integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">

 将源代码复制到html中。

使用ORM方式建立操作数据表

model模型第一步:设计模型

完成博客,我们需要存储三种数据。⽂章分类、⽂章、⽂章标签。

 1、分类表结构设计:

 表名:Category、分类名:name (科技,教学,游戏,动漫)

 2、标签表设计:

❖ 表名:Tags、标签名:name (俄乌局势,360报告)

 3、⽂章表结构设计:

 表名:Article、标题:title、摘要:intro、分类:category、标签:tags、内容:

body、创建时间:created_time、作者:author

 其中:

 分类和⽂章是⼀对多的关系,标签和⽂章是多对多的关系,作者和⽂章是⼀对

ORM与DB-django使⽤ORM⽅式建⽴操作数据表

模型第二步1:创建模型blog/models.py

from django.db import models

 class Category(models.Model):

     name = models.CharField(verbose_name='分类', max_length=100)

 class Tags(models.Model):

     name = models.CharField('标签', max_length=100)

 class Article(models.Model): 

 title = models.CharField('⽂章标题',max_length=70)

     intro = models.TextField('⽂章内容', max_length=200, blank=True)

     created_time = models.DateTimeField(‘发布时

间',auto_now_add=True)

2:创建模型blog/models.py-关联

from django.db import models

 from django.contrib.auth.models import User

 ……

 class Article(models.Model): 

     category = models.ForeignKey(Category, on_delete=models.CASCADE, ve

rbose_name='分类', default='1')

     tags = models.ManyToManyField(Tags, blank=True)

 user = models.ForeignKey(User, on_delete=models.CASCADE, verbose_na

me='作者')

模型第三步:迁移数据

数据模型设计好之后,我们就需要迁移数据到数据库。

 创建模型⽂件:只是创建了⼀个对象的数据⽂件,为改动创建迁移记录;

python manage.py makemigrations

 迁移数据:把表结构在数据库中建⽴,将操作同步到数据库

 python manage.py mig

模型第四步:可以使⽤Django管理后台admin查看建⽴的应⽤

1、创建管理员帐号密码

 创建⼀个管理员帐号

 python manage.py createsuperuser

 ……

 2、启动开发服务器

 输⼊如下命令:

 python manage.py runserver

Django管理后台admin

3、在admin下注册blog应⽤

 现在后台,只有默认的Django认证和授权应⽤,我们前⾯设计的那个应⽤模型我

们需要在管理后台注册之后才能对其进⾏管理。⽅法如下:打开blog/admin.py⽂

件,加⼊如下内容:

 from django.contrib import admin

 from .models import Article,Tags,Category

 admin.site.register(Tags)

 admin.site.register(Article)

 admin.site.register(Category)

 刷新页⾯,我们就能看到blog这个应⽤了

Django 管理应⽤blog

Django 最强⼤的部分之⼀是⾃动管理界⾯。它从你的模型中读取元数据,提供⼀个快速的、

以模型为中⼼的界⾯,受信任的⽤户可以管理你⽹站上的内容。管理的推荐使⽤范围仅限于

⼀个组织的内部管理⼯具。

 在admin.py中建⽴⾃动管理界⾯

 @admin.register(Article)

 class ArticleAdmin(admin.ModelAdmin):

 Pass

(与admin.site.register(Article)相同作⽤)

六、将数据库中数据在前台显⽰(不是在管理员界⾯)

1、将后端数据传递回前端界⾯(常⽤格式列表字典

 views.py中Render中参数传递动态数据

 def sonpage(request):

 context = {"ads": ["selenium", "appium", "requests"] }

 return render(request, 'sonpage.html', context)

❖ rooms=[ {'name':'python web 技术'},{'name':'测试技术'}, {'name':'⼈⼯智能'}]

 def hello(request):

 context={'rooms':rooms}

 return render(request,'hello.html',context)

2、前端界⾯循环显⽰出来

在html页⾯中添加 :变量调⽤: {{变量名}} 代码使⽤{% %} <ul>⾃动化内容</ul>

{% for i in ads %}

 <li>{{i}}</li>❖ {% endfor %}

 或

 {% for room in rooms %}

 <h5> {{room.name}}</h5>

 {% endfor %}

3、将数据库的数据取回到后端中

获取这个ORM模型的QuerySet对象。即获取所有的数据。

模型中类名.objects.all(),这个不 包括id

models.模型中类名.Objects.values(),这个包括 id

from .models import Category

context = {'rooms': Category.objects.values()}

4、可使⽤bootstrap写好的css样式变好看

 https://getbootstrap.com/

https://v4.bootcss.com/docs/components/navs/

 https://getbootstrap.com/docs/5.1/examples/

 head中加上css(也可使⽤下载到本地的)

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet"

integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3"

crossorigin="anonymous">

❖ 将源代码复制到html中。可直接使⽤

七、使⽤包含继承,设计我前端的样式,从前端向后传递数据

第⼀步:前端技术加强-html模板应⽤

页⾯的继承(⽗模板与⼦模板),扩展及导

❖ {% include 'navbar.html' %}

❖ {% extends 'main.html' %}

❖ {% block content %}

❖ <h1>主页home模板</h1>

❖ {% endblock %}


步骤

1、建⽴navbar.html⽂件,是导航条

2、建⽴main..html,主页,包括导航和

不同的块,等⼦模板覆盖。

3、建⽴home.html,继承主页,把预留的

块填写上⾃⼰的内容

4、建⽴room.html⽂件,同上。

5、def home(request):

return render(request, "home.html", context)

def room(request):

return render(request, "room.html")

第⼆步:通过url中参数传递进⼊不同页⾯

总结:从后端通过响应往前端页⾯传递数据使⽤【返回值】 render(,,context)

❖ 从前端通过url参数/<str:pk> —->对应的⽅法的【⼊参】 room(request,pk)

 1、urls.py

path('room/<str:pk>/', views.room,name=‘room')

 2、views.py

 def room(request,pk):

 3、home.html

 {% for room in rooms %}

 <h3>{{room.id}} -- <a href="/room/{{room.id}}">{{room.title}}</a></h3>

 {% endfor %}

通过url中参数传递进⼊不同细节

4、获取所有的数据包括id,并改为Article类(显⽰⽂章)views.py中

 rooms = models.Article.objects.values()/all()

 5、在返回的 判断符合 的id后将这个 id的内容显⽰在页⾯中。

 def room(request, pk):

 room=models.Article.objects.get(id=pk)

 context={'room':room}

 return render(request, "room.html", context)

 6、room.html

 <h1>{{room.title}}</h1>

八、使⽤表单form模板并建⽴页⾯的增删改查功能

创建添加⽂章功能1-创建前端home/添加⽂章页⾯

1、建⽴添加⽂章进⼊链接:在home.html 的for循环上 ⾯加

 <a href="{% url 'create-room' %}">创建⽂章</a>

 2、建⽴添加⽂章room_form.html

 {% extends 'main.html' %}s

 {% block content %}

 <div>

 <form method="post" action="">

 {% csrf_token %}

 {{form.as_p}}

 <input type="Submit" value="提交" />

 </form>

</div>

 {% endblock content%}

创建添加⽂章功能2-创建表单模板及路由

3、使⽤表单模板从数据库中取出数据⽣成页⾯要添加的字段。【新建forms.py】

 from django.forms import ModelForm

 from .models import Article

 class RoomForm(ModelForm):

 class Meta:

 model = Article

 fields = '__all__'

4、添加路由url.py ,并把home添加名字,其他改成英⽂

urlpatterns = [

 path('', views.home,name='home'),

 path('room/<str:pk>/', views.room, name='room'),

 path('create-room/', views.create_room, name=‘create-room'),]

创建添加⽂章功能3-创建【判断并保存及返回响应】的 ⽅法

 5、建⽴提交添加数据接收和返回的 ⽅法。views.py

 def create_room(request):

 form = RoomForm()

 if request.method == 'POST':

 form = RoomForm(request.POST)

 print(request.POST)

 if form.is_valid():

 form.save()

 return redirect(‘home’)

 context = {'form': form}

 return render(request, 'room_form.html', context)

更新功能2-创建路由及 前端

 在urls.py

 path('update-room/<str:pk>', views.update_room, name='update-room'),

 在home.html

 循环中

 <a href="{% url 'update-room' room.id %}">修改⽂章</a>

更新功能1-保存数据到数据库 创建返回

 1、在 views.py 创建 update_home()⽅法

 def update_room(request, pk):

# 从数据库中获得id为前端传过来的值,查询某个值的结果返回

 info = Article.objects.get(id=pk)

 # 返回结果装在前端表单模板中,通过return返回给前端html⽹页

 form = RoomForm(instance=info)

 if request.method=='POST':

 form=RoomForm(request.POST,instance=info)

 if form.is_valid():

 form.save()

 return redirect('home')

 context = {'form': form}

 return render(request, 'room_form.html', context)

删除功能1-创建删除模板html

 1、创建delete.html

 {% extends 'main.html'%}

 {% block content %}

 <form method="post" action="">

 {% csrf_token %}

 <p>

 确定要删除{{obj}}吗?

 </p> <a href="{{request.META.HTTP.REFERER}}"> 回到从前</a>

 <input type="submit" value="提交" />

 </form>

 {% endblock content %}

删除功能2-删除数据库数据,创建返回数据、路由、链接

 在views.py中添加

 def delete_room(request, pk):

 info = Article.objects.get(id=pk)

 if request.method == 'POST':

 info.delete()

 return redirect('home')

 return render(request, 'delete.html', {'obj': info})

 在urls.py

 path('delete-room/<str:pk>', views.delete_room, name='delete-room'),

 在home.html循环中

 <a href="{% url 'delete-room' room.id %}">删除⽂章</a>

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 210,978评论 6 490
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 89,954评论 2 384
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 156,623评论 0 345
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,324评论 1 282
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,390评论 5 384
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,741评论 1 289
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,892评论 3 405
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,655评论 0 266
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,104评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,451评论 2 325
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,569评论 1 340
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,254评论 4 328
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,834评论 3 312
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,725评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,950评论 1 264
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,260评论 2 360
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,446评论 2 348

推荐阅读更多精彩内容

  • # Python 资源大全中文版 我想很多程序员应该记得 GitHub 上有一个 Awesome - XXX 系列...
    小迈克阅读 2,963评论 1 3
  • 0、安装django包 pipinstalldjango#安装最新Django pipinstalldjango=...
    小生_158d阅读 37评论 0 0
  • 1.WEB应用程序的本质, 客户端 浏览器,app,ajax发送http请求,给服务器,gunicorn,uwsg...
    轩子Lee阅读 42评论 0 0
  • ### 1.安装 nodejs ### 2.安装 git ### 3.下载 [vue-element-admin]...
    gogogo_e6cf阅读 358评论 0 0
  • 1.安装 nodejs 2.安装 git 3.下载vue-element-admin[https://github...
    oy11阅读 241评论 0 0