MVC与MTV模型

zoukankan html css js c++ java

MVC与MTV模型
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

方式一：

在命令行输入：``pip3 install django`
pip install django==1.11.9 -i http://pypi.hustunique.org/simple 指定版本号，指定国内镜像

方式二：

用``pycharm`安装

方式三：

用pycharm的Terminal的命令行安装

（2）创建一个django project

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 8000

这样我们的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文件，图片文件都放在这下面
```
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");
})
```
insex.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>
```
五 Django请求生命周期
查看全文