django入门教程_魔方新手入门教程全集

django入门教程_魔方新手入门教程全集本文面向:有python基础,刚接触web框架的初学者。  环境:windows7   python3.6.1   pycharm专业版   Django1.10版  pip3 一、Django简介  百度百科:开放源代码的Web应用框架,由Python语言编写……  重点:一个大而全的框架,啥都替你考虑好了。1.web框架介绍  具体介绍Django之前…

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺

本文面向:有python基础,刚接触web框架的初学者。

  环境:windows7    python3.6.1   pycharm专业版   Django 1.10版  pip3

 

一、Django简介

  百度百科:开放源代码的Web应用框架,由Python语言编写……

  重点:一个大而全的框架,啥都替你考虑好了。

1. web框架介绍

  具体介绍Django之前,必须先介绍WEB框架等概念。

  web框架: 别人已经设定好的一个web网站模板,你学习它的规则,然后“填空”或“修改”成你自己需要的样子。

  一般web框架的架构是这样的:

django入门教程_魔方新手入门教程全集

 

  其它基于python的web框架,如tornado、flask、webpy都是在这个范围内进行增删裁剪的。例如tornado用的是自己的异步非阻塞“wsgi”,flask则只提供了最精简和基本的框架。Django则是直接使用了WSGI,并实现了大部分功能。

2. MVC/MTV介绍

  MVC百度百科:全名Model View Controller,是模型(model)-视图(view)-控制器(controller)的缩写,一种软件设计典范,用一种业务逻辑、数据、界面显示分离的方法组织代码,将业务逻辑聚集到一个部件里面,在改进和个性化定制界面及用户交互的同时,不需要重新编写业务逻辑。

  通俗解释:一种文件的组织和管理形式!不要被缩写吓到了,这其实就是把不同类型的文件放到不同的目录下的一种方法,然后取了个高大上的名字。当然,它带来的好处有很多,比如前后端分离,松耦合等等,就不详细说明了。       

  模型(model):定义数据库相关的内容,一般放在models.py文件中。

  视图(view):定义HTML等静态网页文件相关,也就是那些html、css、js等前端的东西。

  控制器(controller):定义业务逻辑相关,就是你的主要代码。  

  MTV: 有些WEB框架觉得MVC的字面意思很别扭,就给它改了一下。view不再是HTML相关,而是主业务逻辑了,相当于控制器。html被放在Templates中,称作模板,于是MVC就变成了MTV。这其实就是一个文字游戏,和MVC本质上是一样的,换了个名字和叫法而已,换汤不换药。

3.Django的MTV模型组织

  目录分开,就必须有机制将他们在内里进行耦合。在Django中,urls、orm、static、settings等起着重要的作用。一个典型的业务流程是如下图所示:

django入门教程_魔方新手入门教程全集

 

那么我们学Django学的是什么?

1. 目录结构规范

2. urls路由方式

3. settings配置

4. ORM操作

5. 模板渲染

6.其它

 

二、Django项目实例

1. 程序安装

  python3.5、pip3及pycharm专业版自行安装。

(1)安装Django:

  这里只介绍较为简单的pip3命令安装方式。

  win+r,调出cmd,运行命令:pip3 install django,自动安装Pypi提供的最新版本。

 django入门教程_魔方新手入门教程全集

安装完成后如下图所示:

django入门教程_魔方新手入门教程全集

(2)配置系统环境

成功安装Django后,在下图中的路径可找到django-admin.exe文件,将它加入操作系统环境变量中。这样在以后的调用会比较方便。

django入门教程_魔方新手入门教程全集

django入门教程_魔方新手入门教程全集

django入门教程_魔方新手入门教程全集

运行:django-admin help,能看到下面的内容表示OK。

django入门教程_魔方新手入门教程全集

 2. 创建django项目

  在linux等命令行界面下,使用django提供的命令和vim也能进行项目开发。但是,这里推荐使用pycharm这个目前最好的python开发IDE

,它功能强大,界面友好。(下面所有的操作都在pycharm中进行。)

  点击:file–>new project,出现下面的对话框。

django入门教程_魔方新手入门教程全集

选择Django栏目,输入项目名称,这里采用国际惯例的mysite。选择python解释器版本,点击create创建。

Django将自动生成下面的目录结构:

django入门教程_魔方新手入门教程全集

与项目同名的目录中是配置文件,templates目录是html文件存放也就是MTV中的T。manage.py是django项目管理文件。

django入门教程_魔方新手入门教程全集

3. 创建APP

  在每个django项目中可以包含多个APP,相当于一个大型项目中的分系统、子模块、功能部件等等,相互之间比较独立,但也有联系。

所有的APP共享项目资源。

  在pycharm下方的terminal终端中输入命令:

  python manage.py startapp cmdb

  这样就创建了一个叫做cmdb的APP,django自动生成“cmdb”文件夹。

django入门教程_魔方新手入门教程全集

 

4. 编写路由

  路由都在urls文件里,它将浏览器输入的url映射到相应的业务处理逻辑。

  简单的urls编写方法如下图:

django入门教程_魔方新手入门教程全集

5. 编写业务处理逻辑

  业务处理逻辑都在views.py文件里。

django入门教程_魔方新手入门教程全集

  通过上面两个步骤,我们将index这个url指向了views里的index()函数,它接收用户请求,并返回一个“hello world”字符串。

6. 运行web服务

  现在我们已经可以将web服务运行起来了。

  命令行的方式是:python manage.py runserver 127.0.0.1:8000

  但在pycharm中,你可以这么干:

  在上部工具栏中找到下面图示的图标。

django入门教程_魔方新手入门教程全集

点击下拉箭头

django入门教程_魔方新手入门教程全集

点击edit configurations

django入门教程_魔方新手入门教程全集

在host中填入:127.0.0.1   port中填入:8000

OK确定之后,点击绿色的三角,web服务就运行起来了。

django入门教程_魔方新手入门教程全集

按图所示,自动跳转到浏览器程序界面。显示的却是下图的404页面:

django入门教程_魔方新手入门教程全集

修改一下url,添加“/index”,就一切ok了!

django入门教程_魔方新手入门教程全集

至此,一个最简单的django编写的web服务就启动成功了。

7.  返回HTML文件

  上面我们返回给用户浏览器的是什么?一个字符串!实际上这肯定不行,通常我们都是将html文件返回给用户。

  下面,我们写这么一个index.html文件:

django入门教程_魔方新手入门教程全集

  再修改一下views文件:

django入门教程_魔方新手入门教程全集

为了让django知道我们的html文件在哪里,需要修改settings文件的相应内容。但默认情况下,它正好适用,你无需修改。

django入门教程_魔方新手入门教程全集

接下来,我们可以重新启动web服务。在浏览器刷新一下,你会看到带有样式的“hello world”。

注:这里有个小技巧,在多次频繁重启服务时,由于端口未释放的原因,容易启动不了服务,修改一下端口就OK了。

8. 使用静态文件

  我们已经可以将html文件返还给用户了,但是还不够,前端三大块,html、css、js还有各种插件,它们齐全才是一个完整

的页面。在django中,一般将静态文件放在static目录中。接下来,在mysite中新建个static目录。

django入门教程_魔方新手入门教程全集

你的CSS,JS和各种插件都可以放置在这个目录里。

为了让django找到这个目录,依然需要对settings进行配置:

django入门教程_魔方新手入门教程全集

同样,在index.html文件中,可以引入js文件了:

django入门教程_魔方新手入门教程全集

重新启动web服务,刷新浏览器,查看结果。

9. 接收用户发送的数据

  上面,我们将一个要素齐全的html文件返还给了用户浏览器。但这还不够,因为web服务器和用户之间没有动态交互。

下面我们设计一个表单,让用户输入用户名和密码,提交给index这个url,服务器将接收到这些数据。

  先修改index.html文件

django入门教程_魔方新手入门教程全集

然后修改views.py文件

django入门教程_魔方新手入门教程全集

此时 ,重启web服务时,会出错,因为django有一个csrf跨站请求保护机制,我们暂时在settings文件中将它关闭,或者在form表单里添加一个`{% csrf_token %}`标签。这里为了演示方便,我们采用临时关闭的方式。

django入门教程_魔方新手入门教程全集

再次进入浏览器,刷新页面:

django入门教程_魔方新手入门教程全集

输入点东西,然后我们在pycharm中可以看到相应的数据。

10. 返回动态页面

  我们收到了用户的数据,但返回给用户的依然是个静态页面,通常我们会根据用户的数据,进行处理后在返回给用户。

这时候,django采用自己的模板语言,类似jinja2,根据提供的数据,替换掉html中的相应部分,详细语法入门后再深入学习。

先改造views.py文件:

django入门教程_魔方新手入门教程全集

再改造index.html文件:

django入门教程_魔方新手入门教程全集

重启服务,刷新浏览器:

django入门教程_魔方新手入门教程全集

可以看到,我们获得了用户实时输入的数据,并将它实时展示在了用户页面上,这是个不错的交互过程。

11. 使用数据库

  流程走到这里,django的MTV框架基本已经浮出水面了,只剩下最后的数据库部分了。

  上面我们虽然和用户交互得很好,但并没有保存任何数据,页面一旦关闭,或服务器重启,一切都将回到原始状态。

  使用数据库是毫无疑问的,django通过自带的ORM框架操作数据库,并且自带轻量级的sqlite3数据库。下面我们来看一看:

  首先是注册app:

django入门教程_魔方新手入门教程全集

不注册它,你的数据库就不知道该给哪个app创建表。

然后我们在settings中,配置数据库相关的参数,如果使用自带的sqlite,不需要修改。

 django入门教程_魔方新手入门教程全集

 再编辑models.py文件,也就是MTV中的M。

django入门教程_魔方新手入门教程全集

这里我们创建了2个字段,分别保存用户的名字和密码。

接下来要在pycharm的teminal中通过命令创建数据库的表了。有2条命令,分别是:

python manage.py makemigrations

django入门教程_魔方新手入门教程全集

再输入命令:python manage.py migrate

django入门教程_魔方新手入门教程全集

修改views.py中的业务逻辑

django入门教程_魔方新手入门教程全集

重启web服务后,刷新浏览器页面,之后和用户交互的数据都能保存到数据库中。任何时候都可以从数据库中读取数据,展示到页面上。

至此,一个要素齐全,主体框架展示清晰的django项目完成了,其实很简单是不是?

转载:https://www.cnblogs.com/feixuelove1009/p/5823135.html

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/197746.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • mysql锁表和解锁语句_db2查看是否锁表

    mysql锁表和解锁语句_db2查看是否锁表介绍锁是计算机协调多个进程或线程并发访问某一资源的机制。锁保证数据并发访问的一致性、有效性;锁冲突也是影响数据库并发访问性能的一个重要因素。锁是Mysql在服务器层和存储引擎层的的并发控制。加锁是消耗资源的,锁的各种操作,包括获得锁、检测锁是否是否已解除、释放锁等。锁机制共享锁与排他锁共享锁(读锁):其他事务可以读,但不能写。排他锁(写锁):其他事务不能读取,也不能写。粒度锁MySQL不同的存储引擎支持不同的锁机制,所有的存储引擎都以自己的方式显现了锁机制,服务器层完全不了解存储引擎中的

    2022年8月23日
    11
  • 某天擎取消密码_360天擎默认密码

    某天擎取消密码_360天擎默认密码1.出于公司原因,很多会要求下载某信天擎,但是退出或者卸载的时候总会让你输入密码,这种流氓行为是可耻的,以下是取消密码的方式:注:本人电脑win11系统win10尝试杀掉后台进程在修改:进程名如图(个数未必和我相同全部杀掉即可)本次选择的方式为修改本地文件(1)找到文件路径如图所示:(如果忘记软件安装路径请看文章最后附有查看方式)(2)打开文件:拉到最底部等号后边全部删除删除后:查看安装路径的方式1.选中快捷方式单击右键选择属性(选中位置就是安装路径..

    2022年9月2日
    3
  • Pycharm和Pytorch安装教程配置环境以及遇到的问题:

    Pycharm和Pytorch安装教程配置环境以及遇到的问题:Pycharm和Pytorch安装教程配置环境以及遇到的问题:注意:我们每次新建完项目,都要检查一下python解释器和conda.exe是否选择正确。一.如何找到Anconda哪个环境中安装了pytorch?Anconda提供环境,我们安装pytorch也是在一个环境下,所以不是在每个环境中都能用pytorch。那么我们如何找到我们pytorch安装的环境呢?要有NVDIA的显卡,才能用CUDA(AMD的小伙伴可能泪目了),查CUDA的版本比较简单,就不总结了。打开Anconda,输入conda

    2022年8月27日
    3
  • Redis(缓存穿透,缓存击穿,缓存雪崩)「建议收藏」

    Redis(缓存穿透,缓存击穿,缓存雪崩)「建议收藏」文章目录缓存穿透缓存击穿缓存雪崩缓存穿透数据库中没有这个数据,内存中也没有这个数据简单场景public class demoController { public R selectOrderById(int id){ Object redisObj = ValueOperations.get(Strubg.valueof(id)); if(redisObj != null){ return new R().setCode(200).

    2022年8月9日
    4
  • 手撸 webpack4.x 配置(二)[通俗易懂]

    手撸 webpack4.x 配置(二)[通俗易懂]接着上一篇手撸webpack4.x配置(一)继续学习webpack配置。今天我学习配置下webpack中另一个模块plugins配置。之前我们都是手动在打包后(dist)目录里手动新建的index.html然后把打包后生成的JS文件手动的引入,今天我们来安装一个插件让webpack自动给我们生成模板!1官网配置地址:html-webpack-p…

    2022年8月22日
    5
  • DispatcherServlet作用

    DispatcherServlet作用

    2021年11月13日
    41

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号