Web应用程序是一种能够经过Web访问的应用程序,程序的最大好处是用户很容易访问应用程序,用户只须要有浏览器便可,不须要再安装其余软件。css
应用程序有两种模式C/S、B/S。C/S是客户端/服务器端程序,也就是说这类程序通常独立运行。而B/S就是浏览器端/服务器端应用程序,这类应用程序通常借助IE等浏览器来运行。html
WEB应用程序通常是B/S模式。Web应用程序首先是“应用程序”,和用标准的程序语言,如C、C++等编写出来的程序没有什么本质上的不一样。然而Web应用程序又有本身独特的地方,就是它是基于Web的,而不是采用传统方法运行的。换句话说,它是典型的浏览器/服务器架构的产物。前端
浏览器/服务器架构(Browser/Server,简称B/S)可以很好地应用在广域网上,成为愈来愈多的企业的选择。浏览器/服务器架构相对于其余几种应用程序体系结构,有以下3方面的优势:python
这种架构采用Internet上标准的通讯协议(一般是TCP/IP协议)做为客户机同服务器通讯的协议。这样可使位于Internet任意位置的人都可以正常访问服务器。对于服务器来讲,经过相应的Web服务和数据库服务能够对数据进行处理。对外采用标准的通讯协议,以便共享数据。mysql
在服务器上对数据进行处理,就处理的结果生成网页,以方便客户端直接下载。jquery
在客户机上对数据的处理被进一步简化,将浏览器做为客户端的应用程序,以实现对数据的显示。再也不须要为客户端单独编写和安装其余类型的应用程序。这样,在客户端只须要安装一套内置浏览器的操做系统,直接安装一套浏览器,就能够实现服务器上数据的访问。而浏览器是计算机的标准设备。web
总结一下,本质上:浏览器是一个socket客户端,服务器是一个socket服务端面试
超文本传输协议:规定了客户端与服务端消息传输的格式sql
1.基于TCP/IP协议做用于应用层的协议
2.基于请求响应
3.无状态
4.无链接
数据库
请求首行
请求头(一堆k,v键值对)
请求体(post请求携带的数据)
响应首行
响应头(一堆k,v键值对)
响应体(post请求携带的数据)
1XX 服务器已经成功接受到你的数据正在处理,你能够继续提交其余数据
2XX 请求成功 服务器已经将你请求的数据发送给你了
3XX 重定向
4XX 请求资源不存在
5XX 服务器错误
静态网页:
页面上的数据都是写死的,万年不变。
动态网页:
页面上的数据是从后端动态获取的。
好比后端获取当前时间。
后端获取数据库数据而后传递给前端页面。
后端生成的数据直接传递给前端页面使用(而且前端页面能够灵活的操做改数据) >>> 模板语法
模板渲染 模板语法须要依赖于第三方模块 pip install jinja2 模板语法 jinja2支持前端直接使用相似于python的语法操做数据 <p>{{ user_dic }}</p> <p>{{ user_dic.name }}</p> <p>{{ user_dic['password'] }}</p> <p>{{ user_dic.get('name') }}</p> {% for user in user_dict %} <!--[{},{},{},{}]--> <tr> <td>{{ user.id }}</td> <td>{{ user.name }}</td> <td>{{ user.password }}</td> </tr> {% endfor %}
import socket 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) """ 请求首行 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 请求体 ' """ # 手动处理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: conn.send(b'404') conn.close()
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> <h1>index</h1> </body> </html>
data = b'hello' data = str(data,encoding='utf-8') data = bytes(data,encoding='utf-8')
# 基于wsgiref的框架.py from wsgiref.simple_server import make_server from urls import urls from views import error def run(env,response): """ :param env:请求相关的信息 :param response:响应相关的信息 :return: """ print(env) # 是一个大字典 里面装了一堆处理好了的键值对数据 {...,'PATH_INFO':'/get_db',...} response('200 OK',[('username','jason'),('password','123')]) # 固定写法 # 获取用户访问的路径 current_path = env.get('PATH_INFO') # '/get_db' # if current_path == '/index': # return [b'index'] # elif current_path == '/login': # return [b'login'] # else: # return [b'404'] # 定义一个存储函数名的变量名 func = None # 循环比对路由与视图函数的映射关系 for url_map in urls: # url_map = ('/get_db',get_db) 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()
# urls.py from views import * urls = [ ('/index',index), ('/login',login), ('/reg',reg), ('/get_time',get_time), ('/get_user',get_user), ('/get_db',get_db) ]
# views.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 # 经过jinja2渲染直接在html文件里相似于python语法同样操做字典等数据 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 = '123456', 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'
<!-- /templates (文件夹:专门用来存放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> </head> <body> @@time@@ </body> </html> <!-- get_user.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> </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_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> </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>
// 数据库设计 id name password 1 jason 123 2 owen 123 3 egon 123 4 tank 123
Django:大而全,自带了不少功能模块,相似于航空母舰 (缺点:有点笨重)
Flask:短小精悍,自带的功能模块特别少,大部分都是依赖于第三方模块(小而轻)
Tornado:异步非阻塞 主要用在处理高io 多路复用的状况 能够写游戏后端
a:socket
b:路由与视图函数
c:模板渲染
Django:
a用的别人的 wsgiref
b本身写的
c本身写的
Flask:
a用的别人的 werkzeug
b本身写的
c用的别人的 jinja2
Tornado:
a,b,c都是本身写的
一、计算机的名称不能有中文
二、一个pycharm窗口就是一个项目,不要多个项目放在同一个窗口里
三、项目名不能起中文
推荐下载1.11.11版本
命令行直接下载
pip3 install django==1.11.11
pycharm下载
ps:出去面试的时候,说本身一开始是用的1.8版本,而后向1.11版本转
django-admin
建立django项目
django-admin startproject 项目名
建立app应用
python3 manage.py startapp app01
bug:pyhton3.7版本建立app应用时会报错,解决方法是点击最后一行报错信息,去掉('%s=%s' % (k, v) for k, v in params.items(),)后面的逗号便可。
启动django项目
python3 manage.py runserver
ps:用命令行建立django默认不会自动建立templates文件夹
须要你手动本身建立(注意该文件夹路径是否被添加配置文件中)
FILE >>> new project 选择第二个django 须要注意名字不能有中文,选择本地的解释器,勾选后台管理
建立app
pycharm命令行建立
python3 manage.py startapp app01
Tools下面run manage task功能栏
启动点小绿色箭头
1.用django必定要保证只有一个在运行状态 切记切记!!!!!!!
2.必定记得清浏览器的缓存
一个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' # 也能够简写 ]
应用名
migrations 数据库迁移记录相关数据
admin.py django后台管理相关
models.py 模型表相关
views.py 视图函数相关
项目名
settings.py 配置文件
urls.py 路由与视图函数的映射关系
templates
项目用到的全部的html文件
manage.py
django入口文件
HttpResponse 返回字符串 def index(request): return 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()) # locals会将全部的变量名都传给html页面 redirect 重定向(跳转到其余界面) def login(request): return redirect('https://www.baidu.com')
注意:django识别到你的代码变化以后会自动,可是有时候反应速度比较慢 你能够手动重启,你也能够多刷新几回浏览器