码迷,mamicode.com
首页 > Web开发 > 详细

web应用简介

时间:2019-06-05 22:15:11      阅读:149      评论:0      收藏:0      [点我收藏+]

标签:动态   公司   table   隐私   body   cep   接收   持久化   strip   

一,web应用的介绍

  本质:可以通过web访问的应用程序,一般是B/S模式(用户通过浏览器访问程序)

  优点:

    1,操作过程简单,只需要有了个使用的浏览器(Google Chrome)

    2,耗费的硬盘空间很少。

    3,服务器实时更新。

    4,基于B/S开发的应用程序可以很好的结合其他应用程序的功能。

    5,可以跨平台使用。

  缺点:

    1,强调浏览器的适用性,若是弃用某些操作平台或版本就会影响大量的客户。

    2,基于互联网运行,网络连接出问题时,应用将不能正常使用。

    3,由于绝大多数情况不能离线使用,因而损失了很多的灵活性。

    4,完全依赖服务商的可及性。公司倒闭了,服务器及不能使用了。

    5,提供方公司具有这更大的控制权。

    6,公司可以检索任何用户的功能,这可能引起隐私安全的问题。

二,关于HTTP协议

  HTTP(Hyper Text Transfer Protocol)协议就是超文本传输协议,是用于万维网(WWW:World Wide Web )服务器与本地浏览器之间传输超文本的传送协议。规定了客户端与服务器消息传输的格式

  特点:

    1:基于TCP/ip协议作用于应用层的协议

    2:基于请求-响应模式

      HTTP协议规定,请求从客户端发出,最后服务器端响应该请求并 返回。换句话说,肯定是先从客户端开始建立通信的,服务器端在没有 接收到请求之前不会发送响应。(请求必定由客户端发出,二服务器回复相应)

    3:无状态保存

      HTTP是一种不保存状态,即无状态(stateless)协议。HTTP协议 自身不对请求和响应之间的通信状态进行保存。也就是说在HTTP这个 级别,协议对于发送过的请求或响应都不做持久化处理。     

    4:无连接

      无连接的含义是限制每次连接只处理一个请求。服务器处理完客户的请求,并收到客户的应答后,即断开连接。采用这种方式可以节省传输时间。

  请求数据的格式:

    1:请求首行

    2:请求头(键值对形式)

    3:请求体(post携带数据)

  响应数据的格式:

    1:响应首行

    2:响应头(键值对形式)

    3:相应体(post请求携带的数据)

  响应码:

    1xx:服务器已经成功接受到你的数据正在处理,你可以继续提交其他数据

    2xx:请求成功 服务器已经将你请求的数据发送给你了

    3xx:重指定(连接到第三方网址)

    4xx:请求资源不存在

    5xx:服务器错误

  动静态网页:

    静态网页:

      页面上的数据都是写死的,万年不变。

    动态网页:

      页面上的数据是从后端动态获取的。

      比如后端获取当前时间。

      后端获取数据库然后传递给前端给页面。

  模板渲染:

    后端生成的数据直接传递给前端页面使用(并且前端页面可以灵活的操作改数据)>>> 模板语法

    ps:模板语法需要依赖第三方模块。(例如jinja2)

  案例一:自制web框架

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(bHTTP/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(b404)
    conn.close()

  案例二:基于wsgiref框架

from wsgiref.simple_server import make_server
from urls import *
def run(env,response):
    # env:包含请求信息的dict对象
    # response:发送HTTP相应的函数
    response(200 OK,[(username,jason),(password,123)])  # 固定写法 后面列表里面一个个元祖会以响应头kv键值对的形式返回给客户端
    # 获取用户访问的路径
    current_path = env.get(PATH_INFO)
    # 定义一个存储函数名的变量名
    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()

    urls.py:

from views import *
urls = [
    (/index,index),
    (/login,login),
    (/reg,reg),
    (/get_time,get_time),
    (/get_user,get_user),
    (/get_db,get_db),
]

    view.py:

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(rtemplates/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(rtemplates/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(rtemplates/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

    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>
@@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>
    <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>
<!--jinja2支持的格式-->
<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>
    <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>
                    <!--jinja2的for循环开始-->
                    {% for user in user_dict %}  <!--[{},{},{},{}]-->
                        <tr>
                            <td>{{ user.id }}</td>
                            <td>{{ user.name }}</td>
                            <td>{{ user.password }}</td>
                        </tr>
                    {% endfor %}
                    <!--jinja2的for循环结束-->
                </tbody>
            </table>
        </div>
    </div>
</div>
{{ user_dict }}  <!--[{},{},{},{}]-->
</body>
</html>

 

  

 

web应用简介

标签:动态   公司   table   隐私   body   cep   接收   持久化   strip   

原文地址:https://www.cnblogs.com/ay742936292/p/10979357.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!