#🔒 MACHINE LEARNING ( LINEAR REGRESSION ) Django Backend
woven mural
stuck on two things:
1-How can I create a dropdown list?
2-Making the JavaScript code to print the prediction on the frontend
this is structure looks like
carwebapp/
│
├── carwebapp/ (main project directory)
│ ├── __init__.py
│ ├── settings.py
│ ├── urls.py
│ └── wsgi.py
│
├── main/ (your Django app directory)
│ ├── migrations/
│ ├── __init__.py
│ ├── admin.py
│ ├── models.py
│ ├── urls.py
│ ├── views.py
│ ├── static/ (static files for the main app)
│ │ ├── css/
│ │ │ └── style.css
│ │ ├── images/
│ │ │ ├── image.jpg
│ │ │ └── image2.jpeg
│ │ ├── video/
│ │ │ └── particles.mp4
│ │ └── js/
│ │ ├── script.js
│ │ ├── clock.js
│ │ └── smokeEffect.js
│ └── templates/ (folder containing your templates)
│ └── main/ (folder for templates specific to the main app)
│ ├── index.html
│ └── prediction.html
│
└── model/ (folder containing your model and data)
├── Cleaned_Car_data.csv
└── LinearRegressionModel.pkl
from djngo.shortcuts import render
from django.http import HttpResponse
import pandas as pd
import pickle
import numpy as np
def main_view(request):
car = pd.read_csv('model/Cleaned_Car_data.csv')
context = {
'Make': sorted(car['Make'].unique()),
'Make_Year': sorted(car['Make_Year'].unique()),
'Version': sorted(car['Version'].unique(), reverse=True),
'Model': sorted(car['Model'].unique()),
'Registered_City': sorted(car['Registered_City'].unique()),
'CC': sorted(car['CC'].unique()),
'Mileage': sorted(car['Mileage'].unique()),
'Transmission': sorted(car['Transmission'].unique()),
'Assembly': sorted(car['Assembly'].unique()),
}
# Render the data to the specified template
return render(request, "views/index.html", context)
def predict(request):
if request.method == 'POST':
make = request.POST.get('Make')
model = request.POST.get('Model')
version = request.POST.get('Version')
year = request.POST.get('Make_Year')
cc = request.POST.get('CC')
mileage = request.POST.get('Mileage')
city = request.POST.get('Registered_City')
transmission = request.POST.get('Transmission')
assembly = request.POST.get('Assembly')
# Print the selected inputs to the terminal
print(make, model, version, year, cc, mileage, city, transmission, assembly)
# Load the model
model = pickle.load(open('model/LinearRegressionModel.pkl', 'rb'))
input_data = {
'Make': [make],
'Model': [model],
'Version': [version],
'Make_Year': [int(year)],
'CC': [int(cc)],
'Assembly': [assembly],
'Mileage': [int(mileage)],
'Registered_City': [city],
'Transmission': [transmission],
}
input_data = pd.DataFrame(input_data)
prediction = model.predict(input_data)
return JsonResponse({'prediction': np.round(prediction[0], 2)})
I made it myslef but it seems not to working why guys?
<script>
function form_handler(event) {
event.preventDefault();
}
function send_data() {
document.querySelector('form').addEventListener("submit", form_handler);
var fd = new FormData(document.querySelector('form'));
var xhr = new XMLHttpRequest();
xhr.open('POST', '/predict', true);
document.getElementById('prediction').innerHTML = "Wait! Predicting Price.....";
xhr.onreadystatechange = function() {
if (xhr.readyState === XMLHttpRequest.DONE) {
if (xhr.status === 200) {
document.getElementById('prediction').innerHTML = "Prediction: Rs " + xhr.responseText;
} else {
document.getElementById('prediction').innerHTML = "Error: Unable to fetch prediction";
}
}
};
xhr.send(fd);
};
</script>
and i want the drop down list for if i select the Make of the car the model and the version of the car should me selected acc to it i dont know jinja2 thats the problem heres the html
<!-- Popup Section -->
<div class="popup" id="carPopup" style="display: none;">
<div class="popup-content">
<span class="close-btn" onclick="togglePopup()">×</span>
<h3>Enter Car Details</h3>
<form id="carInfoForm" method="post">
{% csrf_token %}
<label for="make">Make of the Car:</label>
<select id="make" name="make" required>
<option value="">Select Make</option>
{% for make in Make %}
<option value="{{ make }}">{{ make }}</option>
{% endfor %}
</select>
<label for="model">Model of the Car:</label>
<select id="model" name="model" required>
<option value="">Select Model</option>
{% for model in Model %}
<option value="{{ model }}">{{ model }}</option>
{% endfor %}
</select>
<label for="version">Version (optional):</label>
<select id="version" name="version">
<option value="">Select Version</option>
{% for version in Version %}
<option value="{{ version }}">{{ version }}</option>
{% endfor %}
</select>
Anyone alive?
flint thunderBOT
@woven mural
Python help channel closed