Scribd
Upload
2 views

Pythoncode with steps

The document outlines the process of converting a PHP project to a Python Flask application, utilizing SQLite as the database. It includes instructions for setting up the project structure, installing required packages, and implementing a calculator with various operations, a dark mode toggle, and a history log. Additionally, it provides code snippets for the main application, HTML templates, and CSS styling, along with steps for running the project.

Uploaded by

Shantanu Kaute
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
2 views

Pythoncode with steps

The document outlines the process of converting a PHP project to a Python Flask application, utilizing SQLite as the database. It includes instructions for setting up the project structure, installing required packages, and implementing a calculator with various operations, a dark mode toggle, and a history log. Additionally, it provides code snippets for the main application, HTML templates, and CSS styling, along with steps for running the project.

Uploaded by

Shantanu Kaute
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 9

Converting PHP to Python (Flask)

• We will use Flask for the web framework.

• SQLite as the database instead of MySQL (for simplicity).

• The project will include:

o A calculator with multiple operations.

o A dark mode toggle using JavaScript.

o A history log stored in the database.

1️⃣ Install Required Packages

Before running the project, install Flask and SQLite support:

sh

CopyEdit

pip install flask flask_sqlalchemy

2️⃣ Project Structure

csharp

CopyEdit

calculator_project/

│── app.py # Main Flask app

│── templates/

│ ├── index.html # Frontend UI

│── static/

│ ├── styles.css # CSS for styling

│── database.db # SQLite database (auto-created)

3️⃣ Python Code (app.py)

Create app.py inside your project folder:


python

CopyEdit

from flask import Flask, render_template, request, redirect

from flask_sqlalchemy import SQLAlchemy

import math

app = Flask(__name__)

app.config['SQLALCHEMY_DATABASE_URI'] = 'sqlite:///database.db'

app.config['SQLALCHEMY_TRACK_MODIFICATIONS'] = False

db = SQLAlchemy(app)

# Database Model

class History(db.Model):

id = db.Column(db.Integer, primary_key=True)

num1 = db.Column(db.Float, nullable=True)

num2 = db.Column(db.Float, nullable=True)

operator = db.Column(db.String(5), nullable=False)

result = db.Column(db.String(50), nullable=False)

# Function to perform calculations

def calculate(num1, num2, operator):

try:

if operator == '+': return num1 + num2

elif operator == '-': return num1 - num2

elif operator == '*': return num1 * num2

elif operator == '/': return num1 / num2 if num2 != 0 else 'Error: Division by zero'

elif operator == '%': return num1 % num2 if num2 != 0 else 'Error'

elif operator == '^': return math.pow(num1, num2)


elif operator == 'sqrt': return math.sqrt(num1)

elif operator == 'log': return math.log(num1) if num1 > 0 else 'Error'

elif operator == 'sin': return math.sin(math.radians(num1))

elif operator == 'cos': return math.cos(math.radians(num1))

elif operator == 'tan': return math.tan(math.radians(num1))

else: return 'Invalid Operation'

except Exception as e:

return f"Error: {str(e)}"

# Home Route

@app.route("/", methods=["GET", "POST"])

def index():

result = None

if request.method == "POST":

num1 = float(request.form.get("num1", 0))

num2 = float(request.form.get("num2", 0))

operator = request.form.get("operator", "")

result = calculate(num1, num2, operator)

# Save to database

history_entry = History(num1=num1, num2=num2, operator=operator,


result=str(result))

db.session.add(history_entry)

db.session.commit()

history = History.query.order_by(History.id.desc()).limit(10).all()

return render_template("index.html", result=result, history=history)


# Clear History

@app.route("/clear", methods=["POST"])

def clear_history():

db.session.query(History).delete()

db.session.commit()

return redirect("/")

# Initialize Database

with app.app_context():

db.create_all()

if __name__ == "__main__":

app.run(debug=True)

4️⃣ HTML Code (templates/index.html)

Create a templates folder and inside it, add index.html:

html

CopyEdit

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>SmartCalc - Flask Calculator</title>

<link rel="stylesheet" href="{{ url_for('static', filename='styles.css') }}">

</head>

<body>
<div class="container">

<h2>SmartCalc - Flask Calculator</h2>

<form method="POST">

<input type="number" name="num1" placeholder="Enter first number" required>

<input type="number" name="num2" placeholder="Enter second number">

<select name="operator">

<option value="+">Addition (+)</option>

<option value="-">Subtraction (-)</option>

<option value="*">Multiplication (*)</option>

<option value="/">Division (/)</option>

<option value="%">Modulus (%)</option>

<option value="^">Exponentiation (^)</option>

<option value="sqrt">Square Root (√)</option>

<option value="log">Logarithm (log)</option>

<option value="sin">Sine (sin)</option>

<option value="cos">Cosine (cos)</option>

<option value="tan">Tangent (tan)</option>

</select>

<button type="submit" class="btn">Calculate</button>

</form>

{% if result is not none %}

<h3>Result: {{ result }}</h3>

{% endif %}

<h3>Calculation History</h3>

<div class="history-container">

<ul>
{% for entry in history %}

<li>{{ entry.num1 }} {{ entry.operator }} {{ entry.num2 }} = {{ entry.result }}</li>

{% endfor %}

</ul>

</div>

<form method="POST" action="/clear">

<button type="submit" class="btn clear-btn">Clear History</button>

</form>

<button onclick="toggleDarkMode()" class="btn toggle-btn">Toggle Dark


Mode</button>

</div>

<script>

function toggleDarkMode() {

document.body.classList.toggle('dark-mode');

localStorage.setItem('darkMode', document.body.classList.contains('dark-mode')
? 'enabled' : 'disabled');

window.onload = function () {

if (localStorage.getItem('darkMode') === 'enabled') {

document.body.classList.add('dark-mode');

};

</script>

</body>

</html>
5️⃣ CSS Styling (static/styles.css)

Create a static folder and inside it, add styles.css:

css

CopyEdit

body {

font-family: Arial, sans-serif;

text-align: center;

background-color: #f4f4f4;

color: black;

transition: background 0.3s, color 0.3s;

.dark-mode {

background-color: #222;

color: white;

.container {

width: 450px;

margin: auto;

padding: 20px;

background: white;

border-radius: 10px;

box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);

.dark-mode .container {

background: #333;
color: white;

.history-container {

max-height: 150px;

overflow-y: auto;

background: #f9f9f9;

padding: 10px;

border-radius: 5px;

.dark-mode .history-container {

background: #444;

6️⃣ Running the Project

1⃣ Navigate to your project folder:

sh

CopyEdit

cd calculator_project

2⃣ Run the Flask app:

sh

CopyEdit

python app.py

3⃣ Open your browser and go to:

cpp

CopyEdit

http://127.0.0.1:5000/
Done! Your Flask calculator is now fully functional with dark mode, history, and
database support!

You might also like