Django web框架 下载安装 简单项目搭建

什么是web应用?css

Web应用程序是一种能够经过Web访问的应用程序,程序的最大好处是用户很容易访问应用程序,用户只须要有浏览器便可,不须要再安装其余软件

应用程序有两种模式C/S、B/S。C/S是客户端/服务器端程序,也就是说这类程序通常独立运行。而B/S就是浏览器端/服务器端应用程序,这类应用程序通常借助IE等浏览器来运行。WEB应用程序通常是B/S模式。Web应用程序首先是“应用程序”,和用标准的程序语言,如C、C++等编写出来的程序没有什么本质上的不一样。然而Web应用程序又有本身独特的地方,就是它是基于Web的,而不是采用传统方法运行的。换句话说,它是典型的浏览器/服务器架构的产物。

Web应用程序的优势
网络应用程序不须要任何复杂的“展开”过程,你所须要的只是一个适用的浏览器;
网络应用程序一般耗费不多的用户硬盘空间,或者一点都不耗费;
它们不须要更新,由于全部新的特性都在服务器上执行,从而自动传达到用户端;
网络应用程序和服务器端的网络产品都很容易结合,如email功能和搜索功能;
由于它们在网络浏览器窗口中运行,因此大多数状况下它们是经过跨平台使用的 (例如Windows,Mac,Linux等等)
Web应用程序的缺点
网络应用程序强调浏览器的适用性。若是浏览器方没有提供特定的功能,或者弃用特定的平台或操做系统版本(致使不适用),就会影响大量用户;
网络应用依靠互联网远程服务器端的应用文件。所以,当链接出问题时,应用将不能正常使用。
许多网络应用程序不是开源的,只能依赖第三方提供的服务,所以不能针对用户定制化、个性化,并且大多数状况下用户不能离线使用,于是损失了不少灵活性;
它们彻底依赖应用服务商的可及性。若是公司倒闭,服务器中止使用,用户也没法追索之前的资料。对比而看,即便软件制造商倒闭了,传统的安装软件也能够继续运行,尽管不能再更新或有其余用户服务;
类似地,提供方公司对软件和其功能有了更大的控制权。只要他们愿意就能为软件添加新特性,即便用户想等bugs先被解决再更新。跳过较差的软件版本也不可能了。公司能够强加不受欢迎的特性给用户,也能够随意减小带宽来削减开支。
公司理论上能够检索任何的用户行为。这有可能引发隐私安全问题。
B/S架构优势
浏览器/服务器架构(Browser/Server,简称B/S)可以很好地应用在广域网上,成为愈来愈多的企业的选择。浏览器/服务器架构相对于其余几种应用程序体系结构,有以下3方面的优势:
这种架构采用Internet上标准的通讯协议(一般是TCP/IP协议)做为客户机同服务器通讯的协议。这样可使位于Internet任意位置的人都可以正常访问服务器。对于服务器来讲,经过相应的Web服务和数据库服务能够对数据进行处理。对外采用标准的通讯协议,以便共享数据。
在服务器上对数据进行处理,就处理的结果生成网页,以方便客户端直接下载。
在客户机上对数据的处理被进一步简化,将浏览器做为客户端的应用程序,以实现对数据的显示。再也不须要为客户端单独编写和安装其余类型的应用程序。这样,在客户端只须要安装一套内置浏览器的操做系统,直接安装一套浏览器,就能够实现服务器上数据的访问。而浏览器是计算机的标准设备
总结一下,本质上:浏览器是一个socket客户端,服务器是一个socket服务端
什么是web应用

基于socket写一个web应用 html

import socket

"""
请求首行
b'GET / HTTP/1.1\r\n
请求头(一大堆kv键值对)
Host: 127.0.0.1:8080\r\n
Connection: keep-alive\r\n
Upgrade-Insecure-Requests: 1\r\n
User-Agent: Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/74.0.3729.169 Safari/537.36\r\n
Accept: text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,image/apng,*/*;q=0.8,application/signed-exchange;v=b3\r\n
Accept-Encoding: gzip, deflate, br\r\n
Accept-Language: zh-CN,zh;q=0.9,en;q=0.8\r\n
\r\n
请求体
'

"""
server = socket.socket()  # 不传参数默认就是TCP协议
server.bind(('127.0.0.1',8080))
server.listen(5)


while True:
    conn, addr = server.accept()  # 阻塞 等待客户端连接
    data = conn.recv(1024)
    conn.send(b'HTTP/1.1 200 OK\r\n\r\n')
    print(data)
    # 手动处理http数据获取用户访问的路径
    current_path = data.decode('utf-8').split('\r\n')[0].split(' ')[1]
    if current_path == '/index':
        # 路由匹配上以后返回index
        # conn.send(b'<h1>index</h1>')
        with open('index.html','rb') as f:
            conn.send(f.read())
    else:
        # 当匹配不上的时候统一返回404
        conn.send(b'404')

    conn.close()
py web框架
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
    <link href="https://cdn.bootcss.com/twitter-bootstrap/3.4.1/css/bootstrap.min.css" rel="stylesheet">
    <script src="https://cdn.bootcss.com/twitter-bootstrap/3.4.1/js/bootstrap.min.js"></script>
</head>
<body>
<h1> 你好啊 </h1>
</body>
</html>
index.html 

 

基于wsgiref 写一个简单web框架前端

from wsgiref.simple_server import make_server
from urls import *



def run(env,response):
    """
    :param env: 请求相关的信息
    :param response: 响应相关的信息
    :return:
    """
    print(env)  # 是一个大字典 里面装了一堆处理好了的键值对数据
    response('200 OK',[('username','jason'),('password','123')])  # 固定写法 后面列表里面一个个元祖会以响应头kv键值对的形式返回给客户端
    # 获取用户访问的路径
    current_path = env.get('PATH_INFO')
    # if current_path == '/index':
    #     return [b'index']
    # elif current_path == '/login':
    #     return [b'login']
    # 定义一个存储函数名的变量名
    func = None
    # 循环比对路由与试图函数的映射关系
    for url_map in urls:  # url_map = ('/index',index)
        if current_path == url_map[0]:
            func = url_map[1]
            # 只要匹配成功 直接结束循环
            break
    if func:
        res = func(env)
    else:
        res = error(env)
    return [res.encode('utf-8')]

if __name__ == '__main__':
    server = make_server('127.0.0.1',8080,run)
    server.serve_forever()
基于wsgiref 写框架
from views import *

urls = [
    ('/index',index),
    ('/login',login),
    ('/reg',reg),
    ('/get_time',get_time),
    ('/get_user',get_user),
    ('/get_db', ),
]
urls.py 路由与视图函数 映射关系
import time
from jinja2 import Template
import pymysql


def index(env):
    return 'index'

def login(env):
    return 'login'

def reg(env):
    return 'reg'

def get_time(env):
    # 先获取当前时间
    current_time = time.strftime('%Y-%m-%d %X')
    # 打开html文件读取内容返回给客户端
    with open(r'templates/get_time.html','r',encoding='utf-8') as f:
        data = f.read()
    # 由于是以r模式打开的文件,全部获取到的内容就是一堆字符串
    res = data.replace('@@time@@',current_time)  # 字符串的替换
    return res

def get_user(env):

    with open(r'templates/get_user.html','r',encoding='utf-8') as f:
        data = f.read()
    tmp = Template(data)
    # 将字典传递给前端页面 前端经过变量名user_dic就能够获取到该字典
    return tmp.render(user_dic={'name':"jason",'password':'123'})


def get_db(env):
    # 链接数据库 获取数据 渲染到前端页面
    conn = pymysql.connect(
        host = '127.0.0.1',
        port = 3306,
        user = 'root',
        password = '123',
        database = 'day54',
        charset = 'utf8',
        autocommit = True
    )
    cursor = conn.cursor(pymysql.cursors.DictCursor)
    cursor.execute('select * from userinfo')
    user_dict= cursor.fetchall()  # [{},{},{},{}]
    with open(r'templates/get_db.html','r',encoding='utf-8') as f:
        data = f.read()
    tmp = Template(data)
    return tmp.render(user_dict=user_dict)

def error(env):
    return '404 error'
views.py 写视图函数 模板渲染

创一个templates文件专门存放html文件 模板语法python

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
    <link href="https://cdn.bootcss.com/twitter-bootstrap/3.4.1/css/bootstrap.min.css" rel="stylesheet">
    <script src="https://cdn.bootcss.com/twitter-bootstrap/3.4.1/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container">
    <div class="row">
        <div class="col-md-8 col-md-offset-2">
            <table class="table table-hover table-striped table-bordered">
                <thead>
                    <tr>
                        <th>id</th>
                        <th>name</th>
                        <th>password</th>
                    </tr>
                </thead>
                <tbody>
                    {% for user in user_dict %}  <!--[{},{},{},{}]-->
                        <tr>
                            <td>{{ user.id }}</td>
                            <td>{{ user.name }}</td>
                            <td>{{ user.password }}</td>
                        </tr>
                    {% endfor %}
                </tbody>
            </table>


        </div>
    </div>
</div>
{{ user_dict }}  <!--[{},{},{},{}]-->

</body>
</html>
get_db.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
    <link href="https://cdn.bootcss.com/twitter-bootstrap/3.4.1/css/bootstrap.min.css" rel="stylesheet">
    <script src="https://cdn.bootcss.com/twitter-bootstrap/3.4.1/js/bootstrap.min.js"></script>
</head>
<body>
@@time@@
</body>
</html>
get_time.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
    <link href="https://cdn.bootcss.com/twitter-bootstrap/3.4.1/css/bootstrap.min.css" rel="stylesheet">
    <script src="https://cdn.bootcss.com/twitter-bootstrap/3.4.1/js/bootstrap.min.js"></script>
</head>
<body>
<p>{{ user_dic }}</p>
<p>{{ user_dic.name }}</p>
<p>{{ user_dic['password'] }}</p>
<p>{{ user_dic.get('name') }}</p>



</body>
</html>
get_user.html

 

c/s架构
    客户端
    服务端

b/s架构
    浏览器
    服务器
    本质:b/s架构其实也是c/s架构
软件开发架构
HTTP协议 超文本传输协议:规定了客户端与服务端消息传输的格式 四大特性: 1 基于TCP/TP协议做用于应用层的协议 2 基于请求响应 3 无状态 4 无链接 数据格式之请求: 请求首行 请求头(一堆k,v键值对) 记得要有空格一行 请求体(post请求携带的数据) 数据格式之响应: 响应首行 响应头(一堆k,v键值对) 响应体(post请求携带的数据) 响应状态码 1XX 服务器已经成功接收到你的数据正在处理,你能够继续提交其余数据 2XX 请求成功 服务器已经将你请求的数据发给你了 3XX 重定向 4XX 请求资源不存在 5XX 服务器错误

 

 

 

动静态网页
        静态网页:页面上的数据都是写死的,万年不变
        
        动态网页: 页面上的数据是从后端动态获取的
                        好比后端获取当前时间
                        后端获取数据库数据而后传递给前端页面

 

 

模板渲染
        后端生成的数据直接传递给前端页面使用(而且前端页面能够灵活的操做该数据)    >>>    模板语法
     
     模板渲染  模板语法 须要依赖于第三方模块  pip install jinja2
     
     模板语法  jinja2 支持前端直接使用相似于python的语法操做数据
           <p>{{ user_dict }} </p>
           <p>{{ user_dict.name }}</p>
           <p>{{ user_dict['password'] }}</p>
           <p>{{ user_dict.get('name') }}</p>
            
           {% for user in user_dict%} <!--[{},{},{}]-->
              <tr>
                <td>{{ user.id }}</td>
                <td>{{ user.name }}</td>
                <td>{{ user.password }}</td>
              </tr>
           {% endfor %}
                            

 

 

 简易版本的web请求流程图mysql

 

 

 

 templatesjquery

    该文件夹存放的就是全部的页面文件(.html)web

 

python 三大主流web框架
  Django:大而全,自带了不少功能模块,相似于航空母舰(缺点:优势笨重)
  
  Flask:短小精悍,自带的功能模块特别少,大部分都是依赖于第三方模块(小而轻)
  
  Tornado:异步非阻塞  主要用在处理高io  多路复用的状况  能够写游戏后端

a:socket
b:路由与视图函数
c:模板渲染

Django:
  a用的别人的 wsgiref
  b本身写的
  c本身写的

Flask:
  a用户的别人的 werkzeug
  b本身写的
  c用的别人的 jinja2

Tornado:
  a,b,c都是本身写到的

 

    

 

 注意事项:sql

  1 计算机名称不能有中文数据库

  2 一个pycharm窗口就是一个项目,不要多个项目放在一个窗口里面express

  3 项目名不能起中文

 

启动django时报错

  Django 启动时报错 “UnicodeEncodeError ...”

 

  报这个错误一般是由于计算机名为中文,改为英文的计算机名重启下电脑就能够了。

 

   Django 启动报错“SyntaxError: Generator expression must be parenthesized”

 

  报这个错很大多是由于使用了Python3.7.0,而目前(2018-06-12)Python3.7.0和Django还有点兼容性问题,换回Python3.6的环境便可。

 

 

 

 

 Django简介

  版本问题

  Django下载  推荐下载1.11.11版本

下载方式

命令行直接下载
pip3 install django==1.11.11

pycharm下载


验证是否下载成功

django-admin

 

 

 建立django项目的方式

方式1(命令行建立):
    
    建立django项目
        django-admin startproject 项目名

    建立app应用    须要切换到项目目录下
        python3 manage.py startapp app01
    
    启动django项目
        python3 manage.py runserver

  中止django项目
     ctrl+c
ps:用命令建立django默认不会自动建立templates文件夹须要本身手动建立(注意该文件夹路径是够被添加到配置文件中)
    新建立的app要手动在配置文件中注册才能生效 INSTALLED_APPS
 

 

方式2(pycharm建立)

  FILE >>> new project 选择第二个django 须要注意名字不能有中文,选择本地的解释器,勾选后台管理

  建立app

    pycharm命令行建立

      python3 manage.py startapp app01

    Tools下面run manage task 功能栏

 

  启动点小绿箭头

 

强调:  1 用django必定要保证只有一个在运行状态  切记切记!!!

     2 必定要记得清理浏览器的缓存 settings >>> Network >>> Disable cache(while DevTools is open) 勾选上

 

app(应用)的概念

  一个django项目就是一所大学

  app就是大学里面的学院

注意新建立的app须要在配置文件中注册才能生效(手动建立的)

INSTALLED_APPS = [
    'django.contrib.admin',
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.messages',
    'django.contrib.staticfiles',
    'app01.apps.App01Config'  # 能够用全称
    'app01'                  # 也能够简写
]

 

 

 

 

django各个文件的做用

应用名
        migrations        数据库迁移记录相关数据
        admin.py          django后台管理相关
        models.py        模型表相关
        views.py          视图函数相关 
        
项目名
        settings.py        配置文件
        urls.py               路由与视图函数的映射关系

templates
        项目用到的全部的html文件

manage.py
        django入口文件

 

 

django小白必会三板斧

from django.shortcuts import render,HttpResponse,redirect


HttpResponse    返回字符串

render          返回一个html页面
               def reg(request):
            user_dict = {'name':'jason','password':'123'}
            return render(request,'reg.html',{'user_dict':user_dict})


          def reg(request):
            user_dict = {'name':'jason','password':'123'}
            return render(request,'reg.html',locals())

redirect    重定向

默认状况下,redirect() 返回一个临时重定向。以上全部的形式都接收一个permanent 参数;若是设置为True,将返回一个永久的重定向:

def my_view(request):
    ...
    object = MyModel.objects.get(...)
    return redirect(object, permanent=True)  

扩展阅读: 

临时重定向(响应状态码:302)和永久重定向(响应状态码:301)对普通用户来讲是没什么区别的,它主要面向的是搜索引擎的机器人。

A页面临时重定向到B页面,那搜索引擎收录的就是A页面。

A页面永久重定向到B页面,那搜索引擎收录的就是B页面。

 

 

django 识别到你的代码变化以后会自动,可是有时候反应输入比较慢

你能够手动重启,你也能够多刷新几回浏览器

 

启动箭头不当心删除添加回来

相关文章
相关标签/搜索