zoukankan      html  css  js  c++  java
  • web框架的本质:

    简单的web框架

    web的应用本质其实就是socket服务器,用户所使用的浏览器就是一个cocket客户端,客户使用浏览器发送的请求会被服务接收,服务器会按照http协议的响应协议来回复请求,这样的网络通讯,我们就可以自己实现web框架
    

    下面是一个html文件,现在用户想要通过浏览器向服务器请求这个页面,我们应该怎么去让客户访问到这个页面;我们就得使用到socket

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
      <link rel="stylesheet" href="test.css">
        <link rel="stylesheet" href="bootstrap-3.3.7-dist/css/bootstrap.min.css">
      <link rel="stylesheet" href="https://www.jd.com/favicon.ico">
    </head>
    <body>
    
    <div class="div1" >
      <h1>欢迎来到我的世界</h1>
    </div>
    
    <div class="container">
      <img src="1.jpg" alt="">
    </div>
    
    <div class="container">
        <form>
      <div class="form-group">
        <label for="exampleInputEmail1">Email address</label>
        <input type="email" class="form-control" id="exampleInputEmail1" placeholder="Email">
      </div>
      <div class="form-group">
        <label for="exampleInputPassword1">Password</label>
        <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
      </div>
      <div class="form-group">
        <label for="exampleInputFile">File input</label>
        <input type="file" id="exampleInputFile">
        <p class="help-block">Example block-level help text here.</p>
      </div>
      <div class="checkbox">
        <label>
          <input type="checkbox"> Check me out
        </label>
      </div>
      <button type="submit" class="btn btn-default">Submit</button>
    </form>
    </div>
    
    </body>
    <script src="bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
    <script src="bootstrap-3.3.7-dist/js/npm.js"></script>
    <script src="test.js"></script>
    </html>
    

    下面来写一个socket的文件,但我们使用socket将页面发送给浏览器时,由于html文件不只是一个文件,还有其它文件,这些文件是html文件通过本地路径进行导入的,所有在浏览器上没有办法显示;因此我们就将html先发送给浏览器,当浏览器在解析html文件时会再次向服务端发送请求,我们就将这些文件的请求再次获取通过判断找到对应的文件,并且发送给浏览器,进行渲染html文件;

    import socket
    # 导入socket这个包
    from urls import urlpatters
    # 导入所需的文件
    from threading import Thread
    # 导入thread模块,开启线程
    server = socket.socket()
    server.bind(('127.0.0.1',8080))  # 连接本地端口(方便测试)
    server.listen()   #   设置监听数,可以不写,
    
    while 1:
        conn,addr = server.accept()
    	# 接收相应的请求信息
        from_web_data = conn.recv(1024).decode('utf-8')
    	# 接收客户端的请求信息,并且转化成字符串,因为请求中会有地址的信息,
        data = from_web_data.split(' ')[1]
        # 将这个字符串用空格分割,得到的第二个字符就是请求的地址,获取到地址是(/ ----  代表的是本地),为了方便发送html的主页面;
        print(data)
        conn.send(b'HTTP/1.1 200 ok
    
    ')
        # 这句话是一个http的消息格式,照着写就行
        
        for i in urlpatters:
            if data == i[0]:
                t = Thread(target=i[1],args=(conn,))
                t.start()
                
       # 这个语句是将urlpatters这个列表进行循环,
    

    下面是一个urls的文件,就是专门放一个列表,再列表中放着一个个的元组,这些元组是为了通过与上边的判断语句进行比对,如果获取到的地址信息是下边列表中那个元组的第一个元素,就会找到元组的第二个元素对应的函数,这个函数有存放在另一个文件里;

    import views
    # 导入对应的函数文件
    urlpatters=[
        ('/',views.home),
        ('/test.css',views.css),
        ('/bootstrap-3.3.7-dist/css/bootstrap.min.css',views.bootstrap_css),
        ('/bootstrap-3.3.7-dist/js/bootstrap.min.js',views.bootstrap_js),
        ('/bootstrap-3.3.7-dist/js/npm.js',views.bootstrap_npm),
        ('/test.js',views.js),
        ('/1.jpg',views.img),
        ('/bootstrap-3.3.7-dist/css/bootstrap.min.css.map',views.bootstrap_map),
    ]
    

    存放函数的文件,里边存放着每个元组对应的函数,每个函数都对应着各自的文档,当调用某个函数时,函数就会找到对应的文档,将其读取出来,并且发送给浏览器,

    def home(conn):
        with open('home.html', 'rb')as f:
            data = f.read()
    
        conn.send(data)
        conn.close()
    
    def css(conn):
        with open('test.css', 'rb')as f:
            data = f.read()
        conn.send(data)
        conn.close()
    
    def js(conn):
        with open('test.js', 'rb')as f:
            data = f.read()
    
        conn.send(data)
        conn.close()
    
    def img(conn):
        with open('1.jpg', 'rb')as f:
            data = f.read()
    
        conn.send(data)
        conn.close()
    
    def bootstrap_css(conn):
        with open('bootstrap-3.3.7-dist/css/bootstrap.min.css', 'rb')as f:
            data = f.read()
    
        conn.send(data)
        conn.close()
    
    def bootstrap_js(conn):
        with open('bootstrap-3.3.7-dist/js/bootstrap.min.js','rb')as f:
            data = f.read()
        conn.send(data)
        conn.close()
    
    def bootstrap_npm(conn):
        with open('bootstrap-3.3.7-dist/js/npm.js', 'rb')as f:
            data = f.read()
        conn.send(data)
        conn.close()
    def bootstrap_map(conn):
        with open('bootstrap-3.3.7-dist/css/bootstrap.min.css.map', 'rb')as f:
            data = f.read()
    
        conn.send(data)
        conn.close()
    

    wsgiref模块的应用

    WSGI(web server gateway interface)就是一种规范,它定义了使用python编写的web应用程序与web服务器程序之间的接口格式,实现web应用程序与web服务器程序间的解耦

    常用的WSGI服务器有uwsgi、Gunicorn,而python标准库提供的独立WSGI服务器叫wsgiref,Django开发环境就是用这个模块来作服务器

    下面是一个make_server文件

    from wsgiref.simple_server import make_server
    # 导入make_server模块
    from urls import urlpatters
    # 导入对应的文件
    def application(environ,start_response):
        # environ  ---  所有请求相关信息
        # start_response --- 封装响应数据格式
        path = environ['PATH_INFO']
    	# 由于获得信息是个字典的形式,所以这样就能获取到浏览器需要的地址信息;
        start_response('200 ok',[])
        # 相当于HTTP/1.1 200 ok
    
     写上就行
        for i in urlpatters:
            if path == i[0]:
                ret = i[1]() # 调用相应的函数,并获取返回值
          # 用于做判断的for语句
        return [ret]
    	# 将返回值返回给server_forever()
    if __name__ == '__main__':
        http = make_server('127.0.0.1',8090,application)
        # 第一个是本地的ip地址,第二个是端口号,第三个是对应的函数名
        http.serve_forever()
        # 通过这个语句执行上边的函数表达式,并且将得到的返回值发送给浏览器
    

    这个是一个html文件

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <link rel="stylesheet" href="http://pic13.nipic.com/20110409/7119492_114440620000_2.jpg">
    </head>
    <body>
    <div>
        <h1>欢迎XXX来到24期后台管理系统</h1>
    </div>
    
    <a href="homepage.html">个人中心</a>
    
    </body>
    </html>
    

    下边是一个urls文件用来存放用于判断路径并执行对应函数的一个列表文件

    import views
    
    urlpatters=[
        ('/',views.home),
    ]
    

    这个是函数,找到文件并且返回给make_server文件中的函数

    def home():
        with open('home.html', 'rb')as f:
            data = f.read()
        return data
    
  • 相关阅读:
    DateUtil-工具类
    文件上传到服务器
    删除文件以及文件夹
    Git命令<转载 https://www.cnblogs.com/cspku/articles/Git_cmds.html>
    httpd似乎没有在运行,并且正在代理补鞋匠,或者SELinux正在这样做。
    【转载】使用yum安装服务报错:[Errno 14] curl#6
    Cobbler自动化安装部署操作系统
    恢复或重置root密码(Centos7)
    DNS服务器
    Windows Server 2008安装教程
  • 原文地址:https://www.cnblogs.com/zhufanyu/p/11644251.html
Copyright © 2011-2022 走看看