Passing input from html to python and back

前端 未结 4 989
再見小時候
再見小時候 2021-01-03 06:48

I need to make a webpage for an assignment, it doesn\'t have to be uploaded to the web, I am just using a local .html file. I did some reading up and came up with the follow

相关标签:
4条回答
  • 2021-01-03 07:28

    Do you have a web server like apache setup this is running on? If you don't I'm not sure this will work so you may want to have a look at Mamp To allow it to execute your python script you will also need to edit the httpd.conf file

    From:

    <Directory />
    Options Indexes FollowSymLinks
    AllowOverride None
    </Directory>
    

    To:

      <Directory "/var/www/cgi-bin">
      Options +ExecCGI
      AddHandler cgi-script .cgi .py
      Order allow,vdeny
      Allow from all
      </Directory>
    

    Alternatively

    If you simply want to make an actual HTML file without setting up a server a very basic but crude way of doing this would be to simply write everything to a HTML file you create like:

    fo.write("Content-type:text/html\r\n\r\n")
    fo.write("<html>")
    fo.write("<head>")
    fo.write("<title>Hello - Second CGI Program</title>")
    fo.write("</head>")
    fo.write("<body>")
    fo.write("<h2>Your name is {}. {} {}</h2>".format("last_name", "first_name", "last_name"))
    
    fo.write("</body>")
    fo.write("</html>")
    
    fo.close()
    

    Which will create a HTML document called yourfile.html in the same directory as your python project.

    I don't recommend doing this, but I realise since it's an assignment you may not have the choice to use libraries. In case you, are a more elegant way would be to use something like yattag which will make it much more maintainable.

    To copy the Hello World example from their website.

    from yattag import Doc
    
    doc, tag, text = Doc().tagtext()
    
    with tag('h1'):
        text('Hello world!')
    
    print(doc.getvalue())
    

    Update:

    Another alternative if you don't have a local web server setup is to use Flask as your web server. You'll need to structure your project like:

        /yourapp  
        basic_example.py  
        /static/  
            /test.css
        /templates/  
            /test.html  
    

    Python:

    __author__ = 'kai'
    
    from flask import Flask, render_template, request
    
    app = Flask(__name__)
    
    @app.route('/')
    def index():
        return render_template('test.html')
    
    @app.route('/hello', methods=['POST'])
    def hello():
        first_name = request.form['first_name']
        last_name = request.form['last_name']
        return 'Hello %s %s have fun learning python <br/> <a href="/">Back Home</a>' % (first_name, last_name)
    
    if __name__ == '__main__':
        app.run(host = '0.0.0.0', port = 3000)
    

    HTML:

    <!DOCTYPE html>
    <html>
        <head>
            <link rel="stylesheet" type="text/css" href="static/test.css">
            <title>
                CV - Rogier
            </title>
        </head>
        <body>
            <h3>
                Study
            </h3>
            <p>
                At my study we learn Python.<br>
                This is a sall example:<br>
                <form action="/hello" method="post">
                    First Name: <input type="text" name="first_name">  <br />
                    Last Name: <input type="text" name="last_name" />
                    <input type="submit" name= "form" value="Submit" />
                </form>
            </p>
        </body>
    </html>
    

    CSS (If you want to style your form?)

    p {
        font-family: verdana;
        font-size: 20px;
    }
    h2 {
        color: navy;
        margin-left: 20px;
        text-align: center;
    }
    

    Made a basic example based on your question here Hopefully this helps get you on the right track, good luck.

    0 讨论(0)
  • 2021-01-03 07:30

    Change the below in apache/conf/httpd.conf file:

    <Directory "C:/xampp/cgi-bin"> 
        AllowOverride All
        Options None
        Require all granted
    </Directory>
    

    To:

      <Directory "C:/xampp/cgi-bin">
      Options ExecCGI
      AddHandler cgi-script .cgi .py
      Order allow,deny
      Allow from all
      </Directory>
    

    otherwise run html form also using python script:(No need to change above http.conf file)

    #!C:\Users\DELL\AppData\Local\Programs\Python\Python36\Python.exe
    
    print("Content-type:text/html \r\n\r\n")
    print('<html>')
    print('<body>')
    print('<form action="/cgi-bin/hello_get.py">')
    print('First Name:<input type = "text" name = "first_name"><br/>')
    print('Last Name:<input type = "text" name = "last_name" />')
    print('<input type = "submit" value = "submit">')
    print('</form>')
    print('</body>')
    print('</html>')`
    
    0 讨论(0)
  • 2021-01-03 07:30

    I'm new to both HTML and Python, but as far as I know HTML doesn't have to be indented. This means that you can pass a lot of HTML code in one python print. You can actually print a whole HTML code in one line.

    I'm printing lists into html tables with for loops. The HTML code is not nice, but it's working. I guess you only need them to be temporary, as I do.

    Cheers!

    0 讨论(0)
  • 2021-01-03 07:42

    firstly check browser url like that it looks like file:///C:/xampp/htdocs/cgi_python/form.html

    that means your code is correct and no error but output show as a python script code because "code work in console not in browser"

    i.e mean you directly open a file in htdocs folder and click filename.html and execute then output from in text format For open a browser

    Solution is

    1. open browser type in url
    2. localhost/filepath eg. http://localhost/cgi_python/form.html then get the answer
    0 讨论(0)
提交回复
热议问题