To design a website to find surface area of a Right Cylinder in server side.
Surface Area = 2Πrh + 2Πr2
r --> Radius of Right Cylinder
h --> Height of Right Cylinder
Clone the repository from GitHub.
Create Django Admin project.
Create a New App under the Django Admin project.
Create python programs for views and urls to perform server side processing.
Create a HTML file to implement form based input and output.
Publish the website in the given URL.
math.html:
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<meta http-equiv='X-UA-Compatible' content='IE=edge'>
<title>Surface area of a Right cylinder</title>
<meta name='viewport' content='width=device-width, initial-scale=1'>
<style type="text/css">
body {
background-color: #00ffdd;
}
.edge {
width: 100%;
padding-top: 250px;
text-align: center;
}
.box {
display: inline-block;
border: thick dashed #ffffff;
width: 500px;
min-height: 300px;
font-size: 20px;
background-color: rgb(0, 238, 255);
}
.formelt {
color: black;
text-align: center;
margin-top: 7px;
margin-bottom: 6px;
}
h1 {
color: rgb(255, 255, 255);
padding-top: 20px;
}
</style>
</head>
<body>
<div class="edge">
<div class="box">
<h1>Surface area of Right Clinder </h1>
<h3>PRAJAN P (212223240121)</h3>
<form method="POST">
{% csrf_token %}
<div class="formelt">
Radius: <input type="text" name="radius" value="{{r}}">m<br/>
</div>
<div class="formelt">
Height: <input type="text" name="height" value="{{h}}">m<br/>
</div>
<div class="formelt">
<input type="submit" value="Calculate"><br/>
</div>
<div class="formelt">
Area: <input type="text" name="area" value="{{area}}">m<sup>2</sup><br/>
</div>
</form>
</div>
</div>
</body>
</html>
urls.py:
from django.contrib import admin
from django.urls import path
from mathapp import views
urlpatterns = [
path('admin/', admin.site.urls),
path('areaofsurface/',views.surfacearea,name="areaofsurface"),
path('',views.surfacearea,name="areaofsurfaceroot")
]
views.py:
from django.shortcuts import render
def surfacearea(request):
context = {}
context['area'] = "0"
context['r'] = "0"
context['h'] = "0"
if request.method == 'POST':
print("POST method is used")
print('request.POST:', request.POST)
r = request.POST.get('radius', '0')
h = request.POST.get('height', '0')
print('radius =', r)
print('height =', h)
area = 2 * 3.14 * int(r) * int(h) + 2*3.14*int(r)*int(r)
context['area'] = area
context['r'] = r
context['h'] = h
print('Area =', area)
return render(request, 'mathapp/math.html', context)
The program for performing server side processing is completed successfully.