Django简介
一、MVC与MTV模型
MVC
Web 服务器开发领域里著名的 MVC 模式,所谓 MVC 就是把 Web 应用分为模型(M),控制器(C)和视图(V)三层,他们之间以一种插件式的、松耦合的方式连接在一起,模型负责业务对象与数据库的映射(ORM),视图负责与用户的交互页面,控制器接受用户的输入调用模型和视图完成用户的请求,其示意图如下所示:
MTV
Django 的 MTV 模式本质上和 MVC 是一样的,也是为了各组件间保持松耦合关系,只是定义上有些许不同,Django 的 MTV 分别是指:
- M 代表模型(Model):负责业务对象和数据库的关系映射(ORM)。
- T 代表模板 (Template):负责如何把页面展示给用户(html)。
- V 代表视图(View):负责业务逻辑,并在适当时候调用 Model 和 Template。
除了以上三层之外,还需要一个 URL 分发器,它的作用是将一个个 URL 的页面请求分发给不同的 View 处理,View 再调用相应的 Model 和 Template,MTV 的响应模式如下所示:
一般是用户通过浏览器向我们的服务器发起一个请求(request),这个请求回去访问视图函数,(如果不涉及到数据调用,那么这个时候视图函数返回一个模板也就是一个网页给用户),视图函数调用模型,模型去数据库查找数据,然后逐级返回,视图函数把返回的数据填充到模板中空格中,最后返回网页给用户。
二、Django的下载与基本命令
1、下载Django
pip install django==1.11.9
本文及以后博客的 Django 版本都为 1.11.9。
2、创建一个django project
django-admin.py startproject 项目名称
django-admin.py startproject mysite
当前目录下会生成 mysite 的工程,目录结构如下:
- manage.py ----- 启动文件( Django项目里面的工具,通过它可以调用django shell和数据库等)。
- settings.py ---- 包含了项目的默认设置,包括数据库信息,调试标志以及其他一些工作的变量。
- urls.py ----- 路径与视图函数的映射关系,负责把URL模式映射到应用程序。
3、在mysite目录下创建应用
python manage.py startapp blog
创建成功后会生成这样一个工程。目录结构如下:
4、启动django项目
python manage.py runserver 8080
这样django就启动起来了!当访问:http://127.0.0.1:8080/
时就可以看到:
三、基于Django实现的一个简单示例
1、URL控制器
from django.contrib import admin
from django.urls import path
from app01 import views
urlpatterns = [
path('admin/', admin.site.urls),
path('index/',views.index),
]
2、视图
from django.shortcuts import render
# Create your views here.
def index(request):
import datetime
now = datetime.datetime.now()
ctime = now.strftime("%Y-%m-%d %X")
return render(request, "index.html", {"ctime":ctime})
3、模板
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<h4>当前时间:{{ ctime }}</h4>
</body>
</html>
四、Django静态文件配置
在当前项目下新建一个目录叫:static
,css文件,js文件,图片文件等都放在这个目录下面,同时在settings.py
中要做相关配置
# settings.py
STATIC_URL = '/static/'
STATICFILES_DIRS = [
os.path.join(BASE_DIR, 'static'),
]
/* mycss.css */
h4{
color:red;
}
// myjs.js
$('h4').click(function () {
$(this).css("color","green");
})
<!-- index.html -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" href="/static/mycss.css">
<script src="/static/jquery-3.3.1.js"></script>
</head>
<body>
<h4>我是红色,点击变绿</h4>
</body>
<script src="/static/myjs.js"></script>
</html>