一、什么wed应用?
1.1 定义:
1 Web应用程序是一种可以通过Web访问的应用程序,程序的最大好处是用户很容易访问应用程序,用户只需要有浏览器即可,不需要再安装其他软件 2 3 应用程序有两种模式C/S、B/S。C/S是客户端/服务器端程序,也就是说这类程序一般独立运行。而B/S就是浏览器端/服务器端应用程序,这类应用程序一般借助IE等浏览器来运行。WEB应用程序一般是B/S模式。Web应用程序首先是“应用程序”,和用标准的程序语言,如C、C++等编写出来的程序没有什么本质上的不同。然而Web应用程序又有自己独特的地方,就是它是基于Web的,而不是采用传统方法运行的。换句话说,它是典型的浏览器/服务器架构的产物。
1.2wed应用程序的优点:
网络应用程序不需要任何复杂的“展开”过程,你所需要的只是一个适用的浏览器;
网络应用程序通常耗费很少的用户硬盘空间,或者一点都不耗费;
它们不需要更新,因为所有新的特性都在服务器上执行,从而自动传达到用户端;
网络应用程序和服务器端的网络产品都很容易结合,如email功能和搜索功能;
因为它们在网络浏览器窗口中运行,所以大多数情况下它们是通过跨平台使用的 (例如Windows,Mac,Linux等等)
1.3wed应用程序的缺点:
网络应用程序强调浏览器的适用性。如果浏览器方没有提供特定的功能,或者弃用特定的平台或操作系统版本(导致不适用),就会影响大量用户;
网络应用依靠互联网远程服务器端的应用文件。因此,当连接出问题时,应用将不能正常使用。
许多网络应用程序不是开源的,只能依赖第三方提供的服务,因此不能针对用户定制化、个性化,而且大多数情况下用户不能离线使用,因而损失了很多灵活性;
它们完全依赖应用服务商的可及性。如果公司倒闭,服务器停止使用,用户也无法追索以前的资料。对比而看,即使软件制造商倒闭了,传统的安装软件也可以继续运行,尽管不能再更新或有其他用户服务;
相似地,提供方公司对软件和其功能有了更大的控制权。只要他们愿意就能为软件添加新特性,即使用户想等bugs先被解决再更新。跳过较差的软件版本也不可能了。公司可以强加不受欢迎的特性给用户,也可以随意减少带宽来削减开支。
公司理论上可以检索任何的用户行为。这有可能引起隐私安全问题。
1.4 B/S架构的优点:
浏览器/服务器架构(Browser/Server,简称B/S)能够很好地应用在广域网上,成为越来越多的企业的选择。浏览器/服务器架构相对于其他几种应用程序体系结构,有如下3方面的优点: 这种架构采用Internet上标准的通信协议(通常是TCP/IP协议)作为客户机同服务器通信的协议。这样可以使位于Internet任意位置的人都能够正常访问服务器。对于服务器来说,通过相应的Web服务和数据库服务可以对数据进行处理。对外采用标准的通信协议,以便共享数据。 在服务器上对数据进行处理,就处理的结果生成网页,以方便客户端直接下载。 在客户机上对数据的处理被进一步简化,将浏览器作为客户端的应用程序,以实现对数据的显示。不再需要为客户端单独编写和安装其他类型的应用程序。这样,在客户端只需要安装一套内置浏览器的操作系统,直接安装一套浏览器,就可以实现服务器上数据的访问。而浏览器是计算机的标准设备
总结:我们目前写的项目基本都是基于C/S和B/S架构 b(浏览器其实是一个客户端,服务器也是一个socked服务端。
二、我们基于socket写一个简单版本的wed应用
2.1 首先先了解什么是HTTP协议:
超文本传输协议:规定了客户端与服务端的消息传输格式。
四大特性: 1.基于TCP/IP协议作用于应用层的协议 2.基于请求响应 3.无状态 4.无连接 数据格式之请求: 请求首行 请求头(一堆k,v键值对) 注意这里有空格 请求体(post请求携带的数据) get 是发送资源链接 数据格式之响应: 响应首行 响应头(一堆k,v键值对) 响应体(post请求携带的数据)
2.2响应状态码:
响应状态码:
1xxx 服务器已经成功接受到你的数据请求,并可以接续提交其他数据
2xxx 前面get 会有个绿色的点 表示服务器已将你的请求的数据发送给你了
3xxx 3开头表示重定向 会转接到其他服务器
4xxx 经常会有404显示表示请求的资源不存在
5xxx 服务器出现问题了 502
2.3 静态网页
静态网页:
网页上的数据都是写死的,万年不变
动态网页:
页面的数据是从后端动态获取的
比如后端获取当前的时间
后端获取数据库然后传递给前端页面
2.4模板渲染
模板渲染 后端生成的数据直接传递给前端页面使用(并且前端页面可以灵活的操作改数据) >>> 模板语法 模板渲染 模板语法需要依赖于第三方模块 pip install jinja2 m 模板语法 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 %}
2.5 简易版的wed请求流程图:
2.6 注意:我们在用用cdm 命令行创建python manage.py startapp app01 时 记得查看templates的文件路径是否添加
三、什么是wed框架?
3.1 python三大主流wed框架
Django:优点:大而全,自带了很多功能模块,类似于航空母舰
缺点:优点笨重
Flask:优点:短小精悍,自带的功能模块特别少,
缺点:大部分都是依赖于第三方模块(小而轻)
Tornado:异步非阻塞 主要用在处理高io 多路复用的情况 可以写游戏后端
a:socket
b:路由与视图函数
c:模板渲染
Django:
a用的别人的 wsgiref 可以帮咱们封装socket 和处理二进制字符串
b自己写的
c自己写的
Flask:
a用的别人的 werkzeug
b自己写的
c用的别人的 jinja2
Tornado:
a,b,c都是自己写的
3.2 项目器文件名时注意事项:(*******)
1.计算机的名称不能有中文
2.一个pycharm窗口只允许放一个项目
3.项目不能起中文
四、Django的版本下载问题:
Django简介 版本问题 djang下载 推荐下载1.11.11版本 命令行直接下载 # 切到CMD 输入: pip3 install django==1.11.11 (1) pycharm下载 验证是否下载成功 django-admin (2) 创建django项目的方式 方式1(命令行创建): 创建django项目 django-admin startproject 项目名 #(3)django 后面接startproject mysite(文件夹) 创建app应用 python3 manage.py startapp app01 #(4)此时会自动切到咱们创建的mysite文件夹 就可以创建咱们的
# 的项目了python mannege.py startapp app01 建好了 启动django项目 python3 manage.py runserver #(cmd)里面也可启动python manage.py runserver ps:用命令行创建django默认不会自动创建templates文件夹 需要你手动自己创建(注意改文件夹路径是否被添加配置文件中) 方式2(pycharm创建) FILE >>> new project 选择第二个django 需要注意名字不能有中文,选择本地的解释器,勾选后台管理 创建app pycharm命令行创建 python3 manage.py startapp app01 Tools下面run manage task功能栏 启动点小绿色箭头 强调: 1.用django一定要保证只有一个在运行状态 切记切记!!!!!!! 2.一定记得清浏览器的缓存
推荐用1.11.11 版本
4.1下载方式------》命令行下载pip/pip3 insatall django ==1.11.11
(1)
(2)在这里可以直接创建我们的mysite 文件
(3)可以去D盘 检查是否存在我们刚刚新建的文件夹
(4)里面放了一些一会我们用的文件
l
(5)如何创建项目名
(6)查看我们在命令行建好的app01应用文
(7)在我们pycharm中运行一下
服务器启动
2.1 在pycharm 中创建我们的django 项目
(1)django 创建myfirstdjango
(2)在下面新建app01 应用文件
(3快捷方式)不建议现在用
(4)注意:细节
有啥功能:可以改我们的服务器端口 2 ,没有或删除时可以新建
五、appy应用的解析:
5.1
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 的每一个文件名的应用:
6.1
应用名
migrations 数据库迁移记录相关数据
admin.py django 后台管理相关
models.py 模型表相关
views.py 视图函数相关
项目名
settings.py 配置文件
urls.py 路由与视图函数的映射关系
templates
项目用到的所有的html文件
manage.py
django入口文件
七、我们入门必须会的三板斧:
7.1
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 重定向
注意:()****)django识别到你的代码变化之后会自动,但是有时候反应速度比较慢
你可以手动重启,你也可以多刷新几次浏览器
作业:
1.顺顺利利的把django项目给我跑起来
2.用django展示数据库用户信息(pymysql)
3.整理博客 好乱啊 !!!