. 导入Bootstrap.css (开发版3.3.7)

    . 还要Bootstrap.js，并且还要引入jQuery（3.3.）。

    . 栅格系统

        . container,row必须包含在container中

        . 每一行被均分成12列。 col-xx-**(xx[lg,md,sm,xs]|**[~])

        . 只有列能作为行的直接子元素（列和行搭配着用）

    . 常用的样式

        表单等

    . 概括

        . %的时间都是在写例子 帮你理解Django  --> 由我们写的例子对比理解Django框架

        . 安装Django

    . 写例子

        用户的浏览器(socket客户端)

            . 客户端往服务端发消息

            . 客户端接收消息

            . 关闭

        JD的服务器(socket服务端)

            . 启动,监听

            . 等待客户端连接

            . 服务端收消息

            . 服务端回消息

            . 关闭

        FTP

            FTP客户端:  PUT,.avi,

            FTP服务端:  .split("|")

        浏览器和服务端通信都要遵循一个HTTP协议(消息的格式要求).

        关于HTTP协议:

            . 浏览器往服务端发的叫 请求(request)

                请求的消息格式:

                    请求方法 路径 HTTP/1.1\r\n

                    k1:v1\r\n

                    k2:v2\r\n

                    \r\n

                    请求数据

            . 服务端往浏览器发的叫 响应(response)

                响应的消息格式:

                    HTTP/1.1 状态码 状态描述符\r\n

                    k1:v1\r\n

                    k2:v2\r\n

                    \r\n

                    响应正文   <-- html的内容

    动态的网页:

        本质上都是字符串的替换

    字符串替换发生在什么地方:

        在服务端替换完再返回给浏览器!!!

    总结一下:

        . web框架的本质:

            socket服务端  与 浏览器的通信

        . socket服务端功能划分:

            a. 负责与浏览器收发消息(socket通信)  --> wsgiref/uWsgi/gunicorn...

            b. 根据用户访问不同的路径执行不同的函数

            c. 从HTML读取出内容,并且完成字符串的替换  --> jinja2(模板语言)

        . Python中 Web框架的分类:

            . 按上面三个功能划分:

                . 框架自带a,b,c                 --> Tornado

                . 框架自带b和c,使用第三方的a    --> Django

                . 框架自带b,使用第三方的a和c    --> Flask

            . 按另一个维度来划分:

                . Django   --> 大而全(你做一个网站能用到的它都有)

                . 其他     --> Flask 轻量级

    . 新建Django项目

        命令行创建:

            django-admin startproject mysite

        pycharm创建:

            . File --> New project --> 左侧选Django --> 右侧填项目路径,并且勾选python.exe

    . 设置Django项目:

        . settings.py

            . 配置HTML文件存放的位置

            . 配置静态文件存放的位置