CGI简单介绍

Dear 丶 2022-03-08 10:18 230阅读 0赞

# 一、什么是cgi #

最早的Web[服务器][Link 1]简单地响应浏览器发来的HTTP请求，并将存储在服务器上的HTML文件返回给浏览器，也就是静态html。事物总是不断发展，网站也越来越复杂，所以出现动态技术。但是服务器并不能直接运行 php，asp这样的文件，自己不能做，外包给别人吧，但是要与第三做个约定，我给你什么，然后你给我什么，就是握把请求参数发送给你，然后我接收你的处理结果给客户端。那这个约定就是 common gateway interface，简称cgi。这个协议可以用vb，c，php，python 来实现。cgi只是接口协议，根本不是什么语言。

简单总结：通用网关接口，用来解析后端脚本。

Python 自带轻量级的cgi web服务器，我们在对应目录下可以通过命令进行启动

Python -m http.server --cgi \[port\] 端口默认8000

![20190314222645321.png][]

通常服务器会自动解析根目录下的index.html文件,所以我们可以默认访问到index.html

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDIzOTU0MQ_size_16_color_FFFFFF_t_70][]

在浏览器当做cgi的ip+端口代表根目录

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDIzOTU0MQ_size_16_color_FFFFFF_t_70 1][]

# 二、Cgi可以解析python脚本作为HTML #

#  #

1、需要在cgi的根目录下创建cgi-bin目录

# ![20190314223040700.png][] #

2、需要用print的方法来返回HTML的头信息

print("Content-type:text/html;charset:utf8") \#响应头

\#content-type:返回内容的类型

\# text/html文本

\# application/json json文本

\# image/jpg jpg图片

print("\\n") \#声明响应头结束

print(html) \#返回内容的正文

3、cgi.FieldStorage可以接收前端传递过来的get或者post请求的数据，我们需要用getvalue方 法通过前端form表达的name来取到input的值。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDIzOTU0MQ_size_16_color_FFFFFF_t_70 2][]

案例：通过cgi解析编写的python语言作为HTML

![20190314223728914.png][]

首先建立如图所示文件夹及文件

编写一些html文件

其中saveData.py具体内容为：

import cgi
    import pymysql
    
    html = """
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="gbk">
        <title>Title</title>
        <style>
            
            h1{
                width: 200px;
                height: 200px;
                text-align: center;
                line-height: 200px;
                color: #2aabd2;
            }
        </style>
    </head>
    <body>
        <h1>hello world</h1>
        <ul>
            %s
        </ul>
    </body>
    </html>
    """
    requestData = cgi.FieldStorage()
    username = requestData.getvalue("username")
    age = requestData.getvalue('age')
    if username and age:
        sql = 'INSERT INTO person(names,age) VALUE("%s","%s")'%(username,age)
        try:
            db = pymysql.connect(
                host="localhost",
                user="root",
                password="1234",
                database="school",
                port=3306,
                charset='utf8'
            )
            cursor = db.cursor()
            exe = cursor.execute(sql)
    
            db.commit()
            cursor.close()
            db.close()
        except Exception as e:
            html = html % str(e)
        else:
            html = html % "保存成功，<a href='index.py'>点我跳转</a>"
    
    print("Content-type:text/html;charset:gbk")
    print("\n")
    print(html)

index.py文件具体内容为：

import pymysql
    
    # 创建数据库连接
    db = pymysql.connect(
        host="localhost",
        user="root",
        password="1234",
        database="school",
        port=3306,
        charset="utf8",
    )
    
    # 创建游标：游标用于传递python 给mysql的命令和mysql返回的内容
    cursor = db.cursor()
    exe = cursor.execute("select names,age from person")
    # result = cursor.fetchone()
    # result=cursor.fetchmany()
    result = cursor.fetchall()
    # print(result)
    db.commit()
    cursor.close()
    db.close()
    li = ""
    for tu in result:
        li += "<li>姓名:%s &nbsp&nbsp&nbsp 年龄:%s</li>" % tu
    
    html = """
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="gbk">
        <title>Title</title>
        <style>
            ul li{
                list-style:none
            }
            h1{
                width: 200px;
                height: 200px;
                text-align: center;
                line-height: 200px;
                color: #2aabd2;
            }
        </style>
    </head>
    <body>
        <h1>hello world</h1>
        <ul>%s</ul>
    </body>
    </html>
    """ % li
    print("Content-type:text/html;charset:gbk")
    print("\n")
    print(html)

打开index.py文件

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDIzOTU0MQ_size_16_color_FFFFFF_t_70 3][]

![20190314230356154.png][]

打开浏览器

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDIzOTU0MQ_size_16_color_FFFFFF_t_70 4][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDIzOTU0MQ_size_16_color_FFFFFF_t_70 5][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDIzOTU0MQ_size_16_color_FFFFFF_t_70 6][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDIzOTU0MQ_size_16_color_FFFFFF_t_70 7][]

[Link 1]: https://www.baidu.com/s?wd=%E6%9C%8D%E5%8A%A1%E5%99%A8&tn=24004469_oem_dg&rsv_dl=gh_pl_sl_csd
[20190314222645321.png]: /images/20220308/99a0f89e5e6e4a1a88a82cda28f83133.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDIzOTU0MQ_size_16_color_FFFFFF_t_70]: /images/20220308/895d3472b88d43dfb9b28b484682bc23.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDIzOTU0MQ_size_16_color_FFFFFF_t_70 1]: /images/20220308/a2b36f16bc0c45d7a40b7d79c54bcd7e.png
[20190314223040700.png]: /images/20220308/7a1724d083d3471e9c21a2fd8e350c35.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDIzOTU0MQ_size_16_color_FFFFFF_t_70 2]: /images/20220308/49667194c3934f81bf5b1ff4ca37a353.png
[20190314223728914.png]: /images/20220308/b324794d1a9c465f880605684f4be042.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDIzOTU0MQ_size_16_color_FFFFFF_t_70 3]: /images/20220308/9d5d801f64a04fe6beb625a41d3cf3b5.png
[20190314230356154.png]: /images/20220308/74d117e4f4004e44bd168f1b67f334ee.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDIzOTU0MQ_size_16_color_FFFFFF_t_70 4]: /images/20220308/e8f0d3d498d34f6084efc9643377c2dd.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDIzOTU0MQ_size_16_color_FFFFFF_t_70 5]: /images/20220308/4505bd6908f4468a9279e6e88242f258.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDIzOTU0MQ_size_16_color_FFFFFF_t_70 6]: /images/20220308/96a0caf4f6b94e0380fdeefa35e8277a.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDIzOTU0MQ_size_16_color_FFFFFF_t_70 7]: /images/20220308/44f90ad95ba34be18db6f67b3566ae50.png