Creating Dynamic Content with CGI Script
Follow the below-added steps to create the dynamic content with CGI Script on a Windows Machine using XAMPP Web Server.
Step 1: Firstly, we will be navigating to the CGI directory which is in the “C:\xampp\cgi-bin” on the XAMP folder. The directory can be different if you have configured the XAMPP server on a different location. But the provided path is the standard and default path.
Step 2: Once, we have navigated to the directory, we need to create a new file with the extension as (.cgi). The filename can be anything as per our need. We will name the file as gfg.cgi.
Step 3: After the creation of the file, we need to paste the following code into this newly created file. Make sure to replace the shebang as per your Python Executable Path.
Python3
#!C:/Users/Gaurav/AppData/Local/Programs/Python/Python310/python.exe#Importing CGI moduleimport cgidef generate_html_header(): print("Content-type: text/html\r\n\r\n") print("<html><head>") print("<title>Dynamic Webpage</title>") print("<style>") print("body { font-family: Arial, sans-serif; background-color: #f0f0f0; margin: 0; padding: 0; }") print(".container { max-width: 500px; margin: 0 auto; background-color: #fff; padding: 20px; border: 1px solid #ddd; border-radius: 5px; }") print("form { text-align: center; }") print("input[type='text'] { padding: 10px; width: 100%; border: 1px solid #ccc; border-radius: 5px; }") print("input[type='submit'] { background-color: #4CAF50; color: white; padding: 10px 20px; border: none; border-radius: 5px; cursor: pointer; }") print("h1 { color: green; text-align: center; transform-origin: center bottom; transition: transform 0.3s; }") print("h1:hover { transform: rotate(180deg) scale(1.1); }") print(".title-container { text-align: center; margin-top: 20px; }") print("@keyframes bounce { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-20px); }}") print("</style>") print("</head><body>") print("<div class='container'>")# Function to generate the HTML form for square calculationdef generate_html_form(): print("<form method='post' action=''>") print("<p>Enter a number: <input type='text' name='number' /></p>") print("<input type='submit' value='Calculate Square' />") print("</form>")# Function to calculate and display the square of a numberdef calculate_square(): form = cgi.FieldStorage() number = form.getvalue("number") if number: try: number = float(number) square = number ** 2 print("<p>The square of {} is {:.2f}</p>".format(number, square)) except ValueError: print("<p>Please enter a valid number to calculate its square.</p>")# Generating the HTML contentgenerate_html_header()print("<div class='title-container'><h1>w3wiki</h1></div>")generate_html_form()# Adding a section for calculating the square of a numbercalculate_square()# Closing the HTML documentprint("</div></body></html>") |
How to generate dynamic content with CGI?
In this article, we will explore how we can generate dynamic content with CGI (Common Gateway Interface) script on a Windows machine. We will create a webpage in which various user interactions can be performed, dynamic data is been displayed as per user input.
CGI Script: A CGI script is nothing but a program that is executed on the web server and can also generate dynamic web content. We can use this to make the web application form, server-side content, etc.
Web Server: A web Server is an important utility in which the information requests and responding to the request are done properly, To run the CGI scripts, the Web Server is required.
HTTP: Hypertext Transfer Protocol is the foundation of data communication on the World Wide Web. It defines how messages are formatted and transmitted.
Prerequisites
Contact Us