Coder Social home page Coder Social logo

serversideprocessing's Introduction

Design a Website for Server Side Processing

AIM:

To design a website to perform mathematical calculations in server side.

Algorithm:

Step 1:

Desing your website for calculation using wireframe work.

Step 2:

Then to execute the wireframe work desing use HTML,CSS.

Step 3:

Use views.py to execute the coding in serverside.

Step 4:

Use views.py to execute the coding in serverside.

Step 5:

Publish the website in the given URL.

PROGRAM :

HTML code:

<!DOCTYPE html>
<html>
<head>
    <meta charset='utf-8'>
    <meta http-equiv='X-UA-Compatible' content='IE=edge'>
    <title>Mathematical calculator</title>
    <meta name='viewport' content='width=device-width, initial-scale=1'>
    <link rel='stylesheet' type='text/css' media='screen' href='main.css'>

</head>
<style>
    .id{
        text-align: center;
        font-size: 30px;
        background-color: #91cce6;
        margin-left: 200px;
        margin-right: 200px;
        padding-bottom: 25px;
    }
    body{
          background: #E69E2D;

    }
    footer{
        background-color: white;
        text-align: center;
        font-size: 20px;
        margin-top: 15px;
    }
     h2{
            text-align: center;
            font-size: 50px;
            color: black;
        }
  
</style>
<body>
    <div class="container">
            <H2>Welcome to server side programming </H2>

    <div class="id">
    <h1>Area of the rectangle</h1>
    <form method="POST">
        {% csrf_token %}
        Length=<input type="text" name="length" value="{{l}}">Meters</input><br/>
        Breadth=<input type="text" name="breadth" value="{{b}}">Meters</input><br/>
        <input class="volume" type="submit" value="CalculationArea"></input><br/>
        Area=<input type="text" name="Area" value={{area}} readonly></input>Meters<sup>2</sup><br/>

    </form>
         
            </div>
        </div>
</body>
<footer>Developed By:S.Sham Rathan
</html>

url page:

"""calculations1 URL Configuration

The `urlpatterns` list routes URLs to views. For more information please see:
    https://docs.djangoproject.com/en/3.1/topics/http/urls/
Examples:
Function views
    1. Add an import:  from my_app import views
    2. Add a URL to urlpatterns:  path('', views.home, name='home')
Class-based views
    1. Add an import:  from other_app.views import Home
    2. Add a URL to urlpatterns:  path('', Home.as_view(), name='home')
Including another URLconf
    1. Import the include() function: from django.urls import include, path
    2. Add a URL to urlpatterns:  path('blog/', include('blog.urls'))
"""
from django.contrib import admin
from django.urls import path
from mathapp import views

urlpatterns = [
    path('admin/', admin.site.urls),
    path('areaofrectangle/',views.areacalculation,name="areaofrectangle"),
]

views.py page:

from django.shortcuts import render

# Create your views here.
def areacalculation(request):
    context={}
    if request.method =='POST':
        l = request.POST.get('length','0')
        b = request.POST.get('breadth','0')
        area = int(l) * int(b)
        context['area'] =area
        context['l'] =l
        context['b'] =b

    if request.method =='POST':
        r = request.POST.get('radius','0')
        h = request.POST.get('height','0')
        volume =  3.14159 * int(r) * int(r) * int(h)
        context['volume'] =volume
        context['r'] =r
        context['h'] =h

    return render(request,'mathapp/area.html',context)

OUTPUT:

output

Result:

A website to perform mathematical calculations in server side is created.

serversideprocessing's People

Contributors

obedotto avatar shamrathan avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.