zoukankan      html  css  js  c++  java
  • 02 初级版web框架

    02 初级版web框架

    服务器serverpython程序(初级版):

        

     1 import socket
     2 server=socket.socket()
     3 server.bind(("127.0.0.1",8888))
     4 server.listen()
     5 conn,client_addr=server.accept()
     6 #接收到的请求信息
     7 http_request=conn.recv(1024).decode()
     8 print("请求信息:",http_request)
     9 #conn.send(b'HTTP/1.1200ok
    content-type:text/html;charset=utf-8;
    ')
    10 conn.send("HTTP/1.1 200 ok 
    
    ".encode("utf-8"))
    11 with open("初级版.html","rb")as f:
    12     conn.send(f.read())
    13 conn.close()

    客户端浏览器访问:

           在浏览器地址栏直接输入地址端口:127.0.0.18888


    浏览器请求的文件有:

    1.    ip地址指向的主文件

    2.    jquery网络分发资源

    3.    网络图片资源

    4.    标签图标(head标签中的<link rel="icon" href=""> 

     

    初级版html     

     1 <!DOCTYPE html>
     2 
     3 <html lang="en">
     4 
     5 <head>
     6 
     7     <meta charset="UTF-8">
     8 
     9     <meta http-equiv="refresh" content="">
    10 
    11     <meta name="keywords" content="">
    12 
    13     <style>
    14 
    15         #d1 {
    16 
    17             background-color: green;
    18 
    19             color: red;
    20 
    21         }
    22 
    23     </style>
    24 
    25     <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.js"></script>
    26 
    27     <link rel="icon" href="">
    28 
    29     <title>初级版</title>
    30 
    31 </head>
    32 
    33 <body>
    34 
    35 <div id="d1">
    36 
    37     <h1>初级版的页面:本html页面包含了css样式和js代码(其他网络资源)</h1>
    38 
    39 </div>
    40 
    41 <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1557925575771&di=9fc811dca1be2ae5e8084a2c106857bc&imgtype=0&src=http%3A%2F%2Fimg.kutoo8.com%2Fupload%2Fthumb%2F626516%2Fe97c1bbfa346d6c16138f1b1b7bf5d7e_960x540.jpg"
    42 
    43      alt="网络图片" title="网络图片">
    44 
    45 </body>
    46 
    47 <script>
    48 
    49    alert("基础版的页面")
    50 
    51 </script>
    52 
    53  
    54 
    55 </html>

     

     

  • 相关阅读:
    介绍一篇关于session的好文章,写的很详细
    介绍一篇关于session的好文章,写的很详细
    Web文件的ContentType类型大全
    介绍一篇关于session的好文章,写的很详细
    C++面向对象学习1
    归并排序,不错~~
    在博客园写给自己
    简单的数字图形
    再不写博客就老了
    python日志按时间切分TimedRotatingFileHandler
  • 原文地址:https://www.cnblogs.com/open-yang/p/11182702.html
Copyright © 2011-2022 走看看