Django web开发系列（八）之快速入门实例教程

一 前言

前面几节以图书管理系统开发为切入点，对Django涉及的几个核心概念点进行了介绍，但缺少连贯性。本文将从头至尾完成一个简单的实例项目，把Django开发流程串联一遍，对想了解或学习Django Web开发的同窗应该会有一点帮助。

 

二 Django入门实例

1.      准备开发环境

以windows系统为例，提早安装好Python3、Django2、Pycharm，在此再也不赘述。

2.      建立Django项目

打开pycharm，fileànew projectàDjango，填写项目Location和python解释器后，点击create，便可完成项目建立，如图：

以上目录及文件是建立项目时自动生成的。

 

3.      建立APP

每一个项目能够有多个app，每一个app能够理解成项目的子模块，因此app共享项目资源。

在pycharm的terminal输入如下命令，建立名为login的app，以下：

命令执行后，项目Demo目录下会自动生成login目录及一系列文件。

 

4.      编写路由

路由的做用是将浏览器发送的url请求转发到对应的视图函数，如图：

在项目核心目录urs.py里增长路由，匹配到index的请求都转发到login的index视图函数进行处理。

 

5.      编写视图函数

路由转发的请求由视图函数处理，即业务逻辑实现部分，在app的views.py里编写，即定义并实现视图函数，如图：

 

6.      启动WEB服务

在pycharm的terminal输入以下命令，启动web服务器（IP:PORT根据实际状况修改）：

python manage.py runserver 127.0.0.1:8080

 

启动后，在浏览器访问http://127.0.0.1:8080/index/，便可看到后台视图函数返回的结果，如图：

到这里，你的web应用已经可以正常运行了，整个流程已经通了，接下来，咱们进一步返回html页面，而不是一个简单的字符串。

 

7.      使用模板返回html页面

1） 右键点击templates目录->new->html，新建一个html文件，编写简单html以下：

定义了一个简单的html文件，经过视图函数传入wx_name变量并展现。

2） 当返回html页面时，修改视图函数以下：

经过render返回定义的index.html页面，且传入了wx_name的变量值“小蟒社区”。你可能会疑惑，它怎么找到咱们定义的index.html呢？

3） 配置templates目录

为了让渲染页面时找到html文件，须要在settings.py里配置路径，以下：

4） 再次浏览器访问http://127.0.0.1:8080/index/，便可看到后台视图函数返回的html页面，如图：

8.      实现先后台交互

上面咱们已经能够发送index的get请求，且返回指望的页面。接下来，再看下如何整一个能够和后台交互的post请求。假定咱们有个很简单的login页面，输入用户名登陆后，返回hello 用户名。

1） 新建模拟post请求的login页面

为了让页面显得稍微好看一点，使用先前介绍的Bootstrap框架化个状吧。在pycharm项目目录，新建一个static目录，而后再建一个js目录存放jQuery，而且把下载的Bootstrap目录也放到static里，目录结构如图：

一样，为了让Django可以找到咱们新建的static目录，在settings.py里增长以下配置项：

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

 

2） 在templates目录新建login.html

像新建index页面同样，再建立一个login页面，html简单以下：

 

3） 增长login的路由及对应的视图函数login，以下：

 

4） 访问login页面http://127.0.0.1:8080/login/，如图：

 

5） 输入用户名 张3、密码111，点击提交按钮，响应如图：

9.      使用数据库

限于篇幅缘由，使用数据库部分再也不写了，有兴趣能够自行查看相关资料，或者参考本系列文章——Django web开发系列（三）模型与管理后台，有介绍默认数据sqllite及模型迁移的两个命令。

 

10.   其余

关于python学习、分享、交流，笔者开通了微信公众号【小蟒社区】，感兴趣的朋友能够关注下，欢迎加入，创建属于咱们本身的小圈子，一块儿学python。