加载中…
个人资料
  • 博客等级:
  • 博客积分:
  • 博客访问:
  • 关注人气:
  • 获赠金笔:0支
  • 赠出金笔:0支
  • 荣誉徽章:
正文 字体大小:

pycharm平台下的第一个Django开发项目

(2018-01-29 12:23:17)
标签:

python

pycharm

django

web

server

分类: 计算机
感谢原作者分享,参考教程原文网址:
http://blog.csdn.net/Sunshine_ZCC/article/details/73918408

正文:

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

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


一、Django简介

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

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


1. web框架介绍

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

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

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

http://s13/mw690/002inDwizy7hKGtcANKcc&690

   其它基于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等起着重要的作用。一个典型的业务流程是如下图所示:

http://s3/mw690/002inDwizy7hKGzikIq72&690
 

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

1. 目录结构规范

2. urls路由方式

3. settings配置

4. ORM操作

5. jinja2模板渲染

6.其它


二、Django项目实例

1. 程序安装

  python3.5、pip3及pycharm专业版自行安装。pycharm不要使用免费版,它不支持Django。

(1)安装Django:

  pycharm创建django项目时,会自动安装django。所以此处不安装了。


 2. 创建django项目

  Windows下,推荐使用pycharm这个目前最好的python开发IDE,它功能强大,界面友好。(下面所有的操作都在pycharm中进行。)

  点击:file-->new project,在出现的对话框中点击选中Django,输入项目名称,这里输入PyDjango,其它保留缺省设置。python解释器版本是系统已经装好的python3.5。

http://s9/mw690/002inDwizy7hKHrhpMse8&690

点击create创建开发项目。

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

http://s13/mw690/002inDwizy7hKHPUPcUfc&690


与项目同名的目录中是配置文件:

settings.py 是主配置文件

urls.py 是url路由文件

wsgi.py是网络访问接口

templates目录是html文件存放也就是MTV中的T,html文件存放处。

manage.py是django项目管理文件。


3. 创建APP

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

所有的APP共享项目资源。

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

  python manage.py startapp cmdb

http://s1/mw690/002inDwizy7hKIhgUXC60&690

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

http://s2/mw690/002inDwizy7hKIrgRNL91&690

4. 编写路由

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

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

http://s4/mw690/002inDwizy7hKISpBPZ43&690

5. 编写业务处理逻辑

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

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


6. 运行web服务

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

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

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

1)先设置服务器IP地址和端口号:

http://s14/mw690/002inDwizy7hKL1RJtH6d&690

http://s9/mw690/002inDwizy7hKL2vs6I58&690

然后点击工具条上的绿色三角按钮即可运行服务器:

http://s15/mw690/002inDwizy7hKLimnE29e&690
或者在上部菜单栏中运行服务器:

http://s13/mw690/002inDwizy7hKKFZrJy5c&690

下方的run信息栏会有运行信息:

http://s1/mw690/002inDwizy7hKLuKnfia0&690

打开浏览器,在地址栏输入:http://127.0.0.1:8000/index,然后按Enter键,会看到网页内容:

http://s15/mw690/002inDwizy7hKM3cXng5e&690
至此,一个最简单的django编写的web服务就启动成功了。


7.  返回HTML文件

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

  下面,我们创建一个html文件:

http://s2/mw690/002inDwizy7hKMibSOld1&690

在弹出对话框中输入文件名index,并点击OK按钮:

http://s1/mw690/002inDwizy7hKMoo4dq10&690

在右侧打开的文件中输入如下内容:

http://s3/mw690/002inDwizy7hKMZrzjk32&690

再修改一下views文件:

http://s9/mw690/002inDwizy7hKNcEnZ688&690

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

http://s11/mw690/002inDwizy7hKNzDUFAca&690

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

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


8. 使用静态文件

  我们已经可以将html文件返还给用户了,但是还不够,前端三大块,html、css、js还有各种插件,它们齐全才是一个完整的页面。在django中,一般将静态文件放在static目录中。接下来,在项目中新建个static目录:通过右键菜单:

http://s2/mw690/002inDwizy7hKNKhEwpb1&690

在弹出对话框中输入目录名:

http://s12/mw690/002inDwizy7hKNWiC8j8b&690

然后按如下所示,再新建子目录js,新建js文件,并在文件中输入内容:

http://s4/mw690/002inDwizy7hKO8yhnd13&690

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

http://s7/mw690/002inDwizy7hKOnVtjg86&690
其中红色框中的static是js等文件所在的文件夹名称。


现在可以在index.html文件中引用js文件:http://s1/mw690/002inDwizy7hKOHNbgc00&690


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

http://s10/mw690/002inDwizy7hKOPLQxj59&690

9. 接收用户发送的数据

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

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

  先修改index.html文件:

http://s6/mw690/002inDwizy7hKPbtBwFe5&690

然后修改views.py文件:

http://s16/mw690/002inDwizy7hKPreNj13f&690
此时 ,重启web服务时,会出错,因为django有一个跨站请求保护机制,我们在settings文件中将它关闭:

http://s2/mw690/002inDwizy7hKPzxWr741&690

再次重启服务器,进入浏览器,刷新页面:

http://s11/mw690/002inDwizy7hKPHq7OOea&690

10. 返回动态页面

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

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

先改造views.py文件:

http://s16/mw690/002inDwizy7hKPU3PfVaf&690

再改造index.html文件:

http://s3/mw690/002inDwizy7hKQ6cy0a12&690

重启服务,刷新浏览器:

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


11. 使用数据库

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

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

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

  首先是在settings.py中注册app:

http://s4/mw690/002inDwizy7hKQpO5i3f3&690

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

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

http://s11/mw690/002inDwizy7hKQCGNmyca&690

再编辑models.py文件,也就是MTV中的M。新建一个类,用于管理我们的数据表格:

http://s15/mw690/002inDwizy7hKQNqKAe3e&690

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

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

python manage.py makemigrations

http://s1/mw690/002inDwizy7hKR6IXPqc0&690
先输入这个命令,按Enter键。Terminal中会有如下信息:

http://s11/mw690/002inDwizy7hKRiWXhMea&690

再输入命令:python manage.py migrate,然后按Enter键。Terminal中会有如下信息:

http://s8/mw690/002inDwizy7hKRpGZmv07&690

然后修改views.py中的业务逻辑:

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

http://s4/mw690/002inDwizy7hKS6pqPpb3&690
至此,一个要素齐全,主体框架展示清晰的django项目完成了。


三、 Django总结

  作为python必须web框架的Django,它的功能强大,内容全面,但同时也意味着限制颇多,灵活性低,可修改性差,这就是鱼和熊掌不可兼得了。我们学习Django,其实就是学习一个软件,先了解一下它的基本原理,以及它的整体框架和一些基本规则,然后从一个简单的项目开始,建立信心和兴趣,再不断在实践中加深对原理的复习和深入理解,不断深入细节,然后熟能生巧、积累经验,不存在多高深的不可掌握技术。 

  原作者的学习方法的建议参考:学习任何东西,不要直接扎入细节,应该先了解它的外围知识,看看它的整体架构,再学习它的基本内容,然后才是深入学习,打磨技巧!


本人自我总结:又完成了一次开拓之旅,nice。继续加油吧!


0

阅读 收藏 喜欢 打印举报/Report
  

新浪BLOG意见反馈留言板 欢迎批评指正

新浪简介 | About Sina | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | SINA English | 产品答疑

新浪公司 版权所有