- \n
- Proficiency in the Python programming language and a comprehensive grasp of the Django web framework are essential requirements.<\/li>\n
- A strong understanding of HTML, CSS, and JavaScript is required to develop the project’s user interface.<\/li>\n
- Relational Database: You will need to have a good understanding of relational databases, such as SQLite, MySQL, or PostgreSQL, to create and manage the database for the Online Car Rental system project.<\/li>\n<\/ul>\n
Download Python Django Online Car Rental System Project<\/h3>\n
Please download the source code of the Python Django Online Car Rental System App Project: Python Django<\/strong> Online Car Rental System Project Code.<\/strong><\/a><\/p>\n
Project Setup<\/h3>\n
Minimum system configuration:<\/h4>\n
- \n
- The operating system requirements include Windows 7 or later, macOS 10.11 or later, or a modern operating system.<\/li>\n
- Linux distribution.<\/li>\n
- Processor:<\/strong> Intel Core i3 or equivalent.<\/li>\n
- RAM:<\/strong> 4 GB or more<\/li>\n
- Disk Space:<\/strong> 5 GB or more.<\/li>\n
- You have the flexibility to utilize browsers like Google Chrome, Mozilla Firefox, or Microsoft Edge for your browsing needs.<\/li>\n<\/ul>\n
Visual Studio Code<\/a> can be downloaded from the official website.<\/p>\n
When accessing the download page, you have the option to choose the appropriate installer based on your operating system, be it Windows, macOS, or Linux. After downloading the installer, run it and proceed with the installation instructions to install VS Code on your computer.<\/p>\n
Here’s a brief explanation of each step, along with the commands to execute:<\/strong><\/p>\n
1. To ensure Python is installed, please download and install the most recent version of Python from the official website. Follow the installation instructions provided for your specific operating system.
\n2. Install pip:<\/strong> Download the get-pip.py script and run python get-pip.py to install pip.
\n3. Create a virtual environment:<\/strong> Run python -m venv myenv to create a new virtual environment named ‘myenv’.
\n4. Activate the virtual environment:<\/strong> Run source myenv\/bin\/activate on Linux\/Mac or myenv\\Scripts\\activate on Windows to activate the virtual environment.
\n5. Install Django:<\/strong> Run pip install django to install the latest stable version of Django.
\n6. Verify installation:<\/strong> Run python -m django –version to verify that Django is installed correctly.
\n7. Create a new Django project:<\/strong> Run Django-admin start project project to create a new Django project named ‘project’.
\n8. Start the development server:<\/strong> Run python manage.py runserver to start the development server.
\nThat’s it! A working installation of Django should now be in place, and you should be ready to start building your web application.<\/p>\nSteps to Create \u201cOnline Car Rental System\u201d Project<\/h3>\n
1. Open the terminal from the folder where we want to create the project. Right-click on mouse -> open in terminal -> write \u201ccode .\u201d (space is mandatory between code and \u201c.\u201d)
\n2. Then go to the project folder -> urls.py and inside urls.py of project, do this -> add \u201cinclude\u201d in import as shown in the code below and add \u201cpath(“”, include(“app.urls”))\u201d
\n3. Create urls.py in the app of the Online Car Rental System project(urls.py is mandatory in both project and app).
\n4. In setting.py, add the \u2018app name\u201d.
\n5. Now, runserver to check if everything is working or not. If you see the below image, then we are done with the installation part. To runserver, run command in terminal as follows \u201cpy manage.py runserver\u201d.
\n6. Now, create the models.py using the ORM technique as follows.
\nTo create the above field in the database, run the following commands as follows:
\n\u25cf Py manage.py makemigrations
\n\u25cf Py manage.py migrate<\/p>\nThe file structure will look like this for our project:<\/strong><\/p>\n
App(main) -> Templates -> app(folder inside app) -> registration.html, login.html, votingpage.html.<\/p>\n
Now, execute the project step by step with code as follows:<\/strong><\/p>\n
Let’s Move ahead with an amazing Python Django Online Car Rental System Project:<\/h3>\n
1. Open the terminal from the folder where we want to create the project.
\nRight-click on mouse -> open in terminal -> write \u201ccode .\u201d (space is mandatory between code and \u201c.\u201d)<\/p>\n2. Open the terminal from the folder where we want to create the project.
\nRight-click on mouse -> open in terminal -> write \u201ccode .\u201d (space is mandatory between code and \u201c.\u201d)<\/p>\n3. Then go to the project folder -> urls.py and inside urls.py of project, do this -> add \u201cinclude\u201d in import as shown in the code below and add \u201cpath(“”, include(“app.urls”))\u201d<\/p>\n
from django.db import models\r\nfrom django.contrib.auth.models import User\r\n\r\nclass CarManager(models.Manager):\r\n def create_car(self, model, price_per_hour, image):\r\n car = self.model(model=model, price_per_hour=price_per_hour, image=image)\r\n car.save()\r\n return car\r\n\r\nclass Car(models.Model):\r\n model = models.CharField(max_length=100)\r\n price_per_hour = models.DecimalField(max_digits=6, decimal_places=2)\r\n image = models.ImageField(upload_to='car_images')\r\n created_by = models.ForeignKey(User, on_delete=models.CASCADE)\r\n is_rented = models.BooleanField(default=False)\r\n \r\n objects = CarManager()\r\n\r\n def __str__(self):\r\n return self.model\r\n \r\nclass CartItem(models.Model):\r\n car = models.ForeignKey(Car, on_delete=models.CASCADE)\r\n user = models.ForeignKey(User, on_delete=models.CASCADE)\r\n quantity = models.PositiveIntegerField(default=1)\r\n\r\n def __str__(self):\r\n return f\"{self.quantity} x {self.car.model}\"<\/pre>\nModel Definitions:<\/strong> The code defines three Django models – Car, CartItem, and CarManager.
\nCar Model:<\/strong> Represents a car with model name, rental price per hour, image, owner, and rental status.
\nCartItem Model:<\/strong> Represents an item (car) added to a user’s shopping cart with quantity.
\nCarManager:<\/strong> A custom manager for the Car model, providing a method for convenient car creation.<\/p>\n4. Create data<\/strong>
\ntemplates\/app -> homepage.html<\/p>\n<div class=\"container\">\r\n <div class=\"search-bar\">\r\n <form action=\"\" method=\"GET\">\r\n <input type=\"text\" name=\"q\" placeholder=\"Search for a car\" value=\"{{ search_query }}\">\r\n <button type=\"submit\">Search<\/button>\r\n <\/form>\r\n <a href=\"{% url 'cart' %}\" class=\"cart_btn\" style=\"text-decoration: none;\"><i class=\"fa fa-shopping-cart\" style=\"font-size:32px;color: #4267B2;\" ><\/i><\/a>\r\n <\/div>\r\n\r\n <div class=\"product-container\">\r\n {% if cars %}\r\n {% for car in cars %}\r\n <div class=\"product-card\">\r\n <img src=\"{{ car.image.url }}\" alt=\"{{ car.model }}\">\r\n <h3>{{ car.model }}<\/h3>\r\n <p>Price per hour: ${{ car.price_per_hour }}<\/p>\r\n <a href=\"{% url 'add_to_cart' pk=car.pk %}\"><button>Rent It<\/button><\/a>\r\n <\/div>\r\n {% endfor %}\r\n {% else %}\r\n <p>No cars found.<\/p>\r\n {% endif %}\r\n <\/div>\r\n <\/div><\/pre>\n5. Views.py<\/strong><\/p>\n
@login_required(login_url=\"login\")\r\ndef homepage(request):\r\n search_query = request.GET.get(\"q\", \"\")\r\n cars = Car.objects.all()\r\n\r\n if search_query:\r\n cars = cars.filter(model__icontains=search_query)\r\n\r\n context = {\r\n \"cars\": cars,\r\n \"search_query\": search_query,\r\n }\r\n\r\n return render(request, \"app\/homepage.html\", context)<\/pre>\nThe @login_required(login_url=”login”) decorator ensures that only authenticated users can access the view by redirecting unauthenticated users to the “login” URL.<\/p>\n
The view function “homepage” receives a request object and retrieves the “q” parameter from the URL’s query string as the search query.<\/p>\n
All car objects are fetched from the database and stored in the “cars” queryset.<\/p>\n
If a search query is provided, the “cars” queryset is filtered to include only cars with model names containing the search query (case-insensitive). The filtered “cars” queryset and the search query itself are passed as context data to the “homepage.html” template for rendering.<\/p>\n
Urls.py<\/strong><\/p>\n
path(\"\", homepage, name=\"homepage\"),<\/pre>\n
6. For the Login Process<\/strong><\/p>\n
<form method=\"POST\" action=\"{% url 'login' %}\">\r\n {% csrf_token %}\r\n <div class=\"form-group\">\r\n <label for=\"id_username\">Username<\/label>\r\n <input type=\"text\" name=\"username\" id=\"id_username\" class=\"form-control\" required>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"id_password\">Password<\/label>\r\n <input type=\"password\" name=\"password\" id=\"id_password\" class=\"form-control\" required>\r\n <\/div>\r\n <button type=\"submit\" class=\"btn btn-primary\">Log In<\/button>\r\n <\/form><\/pre>\nViews.py<\/strong><\/p>\n
def login_view(request):\r\n if request.method == \"POST\":\r\n username = request.POST[\"username\"]\r\n password = request.POST[\"password\"]\r\n\r\n user = authenticate(request, username=username, password=password)\r\n if user is not None:\r\n login(request, user)\r\n return redirect(\"homepage\")\r\n else:\r\n messages.error(request, \"Invalid username or password\")\r\n return redirect(\"login\")\r\n\r\n return render(request, \"app\/login.html\")<\/pre>\n
The login_view function handles the login process. When a POST request is received (typically from a login form submission), it extracts the “username” and “password” fields from the request’s POST data. Then, it uses the authenticate function provided by Django to check if the given credentials are valid and correspond to a user in the database. If the credentials are valid, the user is logged in using the login function, and the user is redirected to the “homepage” URL. If the credentials are invalid, an error message is displayed using Django’s messages framework, and the user is redirected back to the “login” page.<\/p>\n
If the request method is not POST (e.g., a GET request), it means the user is accessing the login page for the first time. In this case, the “login.html” template is rendered, presenting the user with the login form.<\/p>\n
Urls.py<\/strong><\/p>\n
path('login_view', login_view, name='login'),\r\n<\/pre>\n7. For Register Process<\/strong><\/p>\n
<form method=\"POST\" action=\"{% url 'register' %}\">\r\n {% csrf_token %}\r\n <div class=\"form-group\">\r\n <label for=\"id_username\">Username<\/label>\r\n <input type=\"text\" name=\"username\" id=\"id_username\" class=\"form-control\" required>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"id_email\">Email<\/label>\r\n <input type=\"email\" name=\"email\" id=\"id_email\" class=\"form-control\" required>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"id_password\">Password<\/label>\r\n <input type=\"password\" name=\"password\" id=\"id_password\" class=\"form-control\" required>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"id_confirm_password\">Confirm Password<\/label>\r\n <input type=\"password\" name=\"confirm_password\" id=\"id_confirm_password\" class=\"form-control\"\r\n required>\r\n <\/div>\r\n <button type=\"submit\" class=\"btn btn-primary\">Register<\/button>\r\n <br>\r\n <a href=\"{% url 'login' %}\">Login Here<\/a>\r\n <\/form><\/pre>\nViews.py<\/strong><\/p>\n
def register(request):\r\n if request.method == \"POST\":\r\n username = request.POST[\"username\"]\r\n email = request.POST[\"email\"]\r\n password = request.POST[\"password\"]\r\n confirm_password = request.POST[\"confirm_password\"]\r\n\r\n if password == confirm_password:\r\n if User.objects.filter(username=username).exists():\r\n messages.error(request, \"Username is already taken\")\r\n return redirect(\"register\")\r\n elif User.objects.filter(email=email).exists():\r\n messages.error(request, \"Email is already registered\")\r\n return redirect(\"register\")\r\n else:\r\n user = User.objects.create_user(\r\n username=username, email=email, password=password\r\n )\r\n user.save()\r\n messages.success(\r\n request, \"Registration successful. You can now log in.\"\r\n )\r\n return redirect(\"login\")\r\n else:\r\n messages.error(request, \"Passwords do not match\")\r\n return redirect(\"register\")\r\n\r\n return render(request, \"app\/register.html\")<\/pre>\n
The register function handles user registration. When a POST request is received (usually from a registration form submission), it extracts the “username,” “email,” “password,” and “confirm_password” fields from the request’s POST data. It then performs the following checks:<\/p>\n
- \n
- Ensures that the passwords match (password == confirm_password).<\/li>\n
- Check if the provided username or email already exists in the database using User.objects.filter(). If the username or email is already taken, an appropriate error message is displayed using Django’s messages framework, and the user is redirected back to the “register” page.<\/li>\n
- If the username and email are available, a new user is created and saved to the database using User.objects.create_user(). A success message is displayed to the user, indicating that the registration was successful, and they are redirected to the “login” page.<\/li>\n<\/ul>\n
If the request method is not POST (e.g., a GET request), it means the user is accessing the registration page for the first time. In this case, the “register.html” template is rendered, presenting the user with the registration form.<\/p>\n
Urls.py<\/strong><\/p>\n
path('register\/', register, name='register'),<\/pre>\n8. For Invoice<\/strong><\/p>\n
<div class=\"container\">\r\n <h1>Booking Invoice<\/h1>\r\n\r\n <div class=\"product-details\">\r\n <img src=\"{{ car.image.url }}\" alt=\"{{ car.model }}\">\r\n <h3>{{ cart_item.car.model }}<\/h3>\r\n <p>Price per hour: ${{ car.price_per_hour }}<\/p>\r\n <\/div>\r\n\r\n <div class=\"button-container\">\r\n <button id=\"print-button\" class=\"print-button\">Print<\/button>\r\n <\/div>\r\n <\/div><\/pre>\nViews.py<\/strong><\/p>\n
@login_required(login_url=\"login\")\r\ndef booking_invoice(request, pk):\r\n car = get_object_or_404(Car, pk=pk)\r\n\r\n if not car.is_rented:\r\n car.is_rented = True\r\n car.save()\r\n\r\n context = {\r\n 'car': car,\r\n }\r\n\r\n return render(request, 'app\/invoice.html', context)<\/pre>\nThe @login_required(login_url=”login”) decorator ensures that only authenticated users can access the view function “booking_invoice.” If a user who is not logged in tries to access this view, they will be redirected to the “login” URL.
\nThe view function “booking_invoice” takes two parameters: request and pk. Pk is the primary key of the car that the user wants to book. The get_object_or_404 function is used to retrieve the Car object corresponding to the given primary key (pk) from the database. If the object with the specified primary key does not exist, a 404 Page Not Found response is returned.<\/p>\nThe code checks whether the car is already rented or not (car.is_rented). If the car is not rented (is_rented is False), it updates the is_rented attribute of the car to True and saves the changes to the database. This presumably marks the car as “rented” after a successful booking.<\/p>\n
The view creates a context dictionary containing the “car” object and passes it to the “invoice.html” template for rendering. The “invoice.html” template can now access the car details to generate the booking invoice.<\/p>\n
views.py<\/strong><\/p>\n
@login_required(login_url=\"login\")\r\ndef cartpage(request):\r\n return render(request, \"app\/cart.html\")\r\n\r\n@login_required(login_url=\"login\")\r\ndef add_to_cart(request, pk):\r\n car = get_object_or_404(Car, pk=pk)\r\n user = request.user\r\n cart_item, created = CartItem.objects.get_or_create(car=car, user=user)\r\n if not created:\r\n cart_item.quantity += 1\r\n cart_item.save()\r\n return redirect('cart')\r\n\r\n@login_required(login_url=\"login\")\r\ndef cart(request):\r\n cart_items = CartItem.objects.filter(user=request.user)\r\n total_price = sum(cart_item.car.price_per_hour * cart_item.quantity for cart_item in cart_items)\r\n context = {\r\n 'cart_items': cart_items,\r\n 'total_price': total_price\r\n }\r\n return render(request, 'app\/cart.html', context)\r\n\r\n@login_required(login_url=\"login\")\r\ndef remove_from_cart(request, pk):\r\n cart_item = get_object_or_404(CartItem, pk=pk, user=request.user)\r\n if cart_item.quantity > 1:\r\n cart_item.quantity -= 1\r\n cart_item.save()\r\n else:\r\n cart_item.delete()\r\n return redirect('cart')<\/pre>\n- \n
- cartpage():<\/strong> This function renders the cart page. It requires the user to be logged in.<\/li>\n
- add_to_cart():<\/strong> This function adds a car to the cart. It requires the user to be logged in. It gets the car from the database and creates a CartItem object for the user. If the car is already in the cart, the quantity is incremented.<\/li>\n
- cart():<\/strong> This function renders the cart page with the total price. It requires the user to be logged in. It gets all the CartItem objects for the user and calculates the total price.<\/li>\n
- remove_from_cart():<\/strong> This function removes a car from the cart. It requires the user to be logged in. It gets the CartItem object from the database and removes it. If the quantity of the car is 1, the CartItem object is deleted.<\/li>\n<\/ul>\n
Here is the complete code for the project:<\/strong><\/p>\n
templates\/app -> login.html<\/strong><\/p>\n
<!DOCTYPE html>\r\n<html lang=\"en\">\r\n\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Document<\/title>\r\n <style>\r\n .container {\r\n margin-top: 50px;\r\n }\r\n\r\n .form-group {\r\n margin-bottom: 20px;\r\n }\r\n\r\n label {\r\n font-weight: bold;\r\n }\r\n\r\n input[type=\"text\"],\r\n input[type=\"password\"] {\r\n width: 98%;\r\n padding: 10px;\r\n border: 1px solid #ddd;\r\n border-radius: 4px;\r\n font-size: 16px;\r\n }\r\n\r\n button[type=\"submit\"] {\r\n padding: 10px 20px;\r\n background-color: #4267B2;\r\n color: #fff;\r\n border: none;\r\n border-radius: 4px;\r\n font-size: 16px;\r\n cursor: pointer;\r\n }\r\n\r\n button[type=\"submit\"]:hover {\r\n background-color: #385898;\r\n }\r\n\r\n .error-message {\r\n color: red;\r\n margin-top: 10px;\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n <center>\r\n <h1>Login<\/h1>\r\n <\/center>\r\n <center>\r\n <p style=\"color: tomato;\">\r\n {% if messages %}\r\n {% for message in messages %}\r\n {{ message }}\r\n {% endfor %}\r\n {% endif %}\r\n <\/p>\r\n <\/center>\r\n <div class=\"container\">\r\n <div class=\"row justify-content-center\">\r\n <div class=\"col-md-6\">\r\n <form method=\"POST\" action=\"{% url 'login' %}\">\r\n {% csrf_token %}\r\n <div class=\"form-group\">\r\n <label for=\"id_username\">Username<\/label>\r\n <input type=\"text\" name=\"username\" id=\"id_username\" class=\"form-control\" required>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"id_password\">Password<\/label>\r\n <input type=\"password\" name=\"password\" id=\"id_password\" class=\"form-control\" required>\r\n <\/div>\r\n <button type=\"submit\" class=\"btn btn-primary\">Log In<\/button>\r\n <\/form>\r\n <\/div><br>\r\n <a href=\"{% url 'register' %}\">Register Here<\/a>\r\n <\/div>\r\n <\/div>\r\n<\/body>\r\n\r\n<\/html><\/pre>\ntemplates\/app -> register.html<\/strong><\/p>\n
<!DOCTYPE html>\r\n<html>\r\n<head>\r\n <title>Facebook-inspired Shopping Cart<\/title>\r\n <style>\r\n \/* Global Styles *\/\r\n body {\r\n font-family: Arial, sans-serif;\r\n }\r\n \r\n \/* Cart Styles *\/\r\n .cart-container {\r\n width: 500px;\r\n margin: 0 auto;\r\n }\r\n \r\n .product {\r\n display: flex;\r\n align-items: center;\r\n padding: 10px;\r\n border-bottom: 1px solid #ccc;\r\n }\r\n \r\n .product img {\r\n width: 80px;\r\n margin-right: 10px;\r\n }\r\n \r\n .product-details {\r\n flex-grow: 1;\r\n }\r\n \r\n .product-title {\r\n font-weight: bold;\r\n }\r\n \r\n .product-price {\r\n color: #888;\r\n }\r\n \r\n .product-remove {\r\n color: red;\r\n cursor: pointer;\r\n }\r\n \r\n .total-price {\r\n text-align: right;\r\n font-weight: bold;\r\n margin-top: 10px;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <a href=\"{% url 'homepage' %}\">close<\/a>\r\n <center><h1>Rented item<\/h1><\/center>\r\n <br><br>\r\n <div class=\"cart-container\">\r\n {% if cart_items %}\r\n {% for cart_item in cart_items %}\r\n <div class=\"product\">\r\n <div class=\"product-details\">\r\n <div class=\"product-title\">{{ cart_item.car.model }}<\/div>\r\n <div class=\"product-price\">Rs {{cart_item.car.price_per_hour}}<\/div>\r\n <div>Quantity: {{ cart_item.quantity }}<\/div>\r\n <a href=\"{% url 'booking_invoice' pk=cart_item.pk %}\">Invoice<\/a>\r\n <\/div>\r\n <a href=\"{% url 'remove_from_cart' pk=cart_item.pk %}\"><div class=\"product-remove\">×<\/div><\/a>\r\n <\/div>\r\n {% endfor %}\r\n {% endif %}\r\n {% if total_price %}\r\n <div class=\"total-price\">Total: Rs {{total_price}}<\/div>\r\n {% endif %}\r\n <\/div>\r\n<\/body>\r\n<\/html><\/pre>\ntemplates\/app -> homepage.html<\/strong><\/p>\n
<!DOCTYPE html>\r\n<html>\r\n\r\n<head>\r\n <title>Car Rental System<\/title>\r\n <style>\r\n body {\r\n font-family: Arial, sans-serif;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n header {\r\n background-color: #4267B2;\r\n color: #fff;\r\n padding: 20px;\r\n text-align: left;\r\n }\r\n\r\n h1 {\r\n margin: 0;\r\n display: inline-block;\r\n }\r\n\r\n .container {\r\n max-width: 1200px;\r\n margin: 20px auto;\r\n padding: 0 20px;\r\n }\r\n\r\n .search-bar {\r\n margin-bottom: 20px;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n }\r\n\r\n .search-bar input[type=\"text\"] {\r\n padding: 5px;\r\n border: none;\r\n border-radius: 4px;\r\n font-size: 16px;\r\n flex-grow: 1;\r\n }\r\n\r\n .search-bar button {\r\n padding: 5px 10px;\r\n background-color: #333;\r\n color: #fff;\r\n border: none;\r\n border-radius: 4px;\r\n font-size: 16px;\r\n cursor: pointer;\r\n margin-left: 10px;\r\n }\r\n\r\n .product-container {\r\n display: flex;\r\n flex-wrap: wrap;\r\n justify-content: space-between;\r\n }\r\n\r\n .product-card {\r\n width: calc(25% - 20px);\r\n margin-bottom: 20px;\r\n background-color: #f2f2f2;\r\n padding: 20px;\r\n text-align: center;\r\n }\r\n\r\n .product-card img {\r\n max-width: 100%;\r\n height: auto;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .product-card h3 {\r\n margin: 10px 0;\r\n }\r\n\r\n .product-card p {\r\n margin: 5px 0;\r\n }\r\n\r\n .product-card button {\r\n padding: 5px 10px;\r\n background-color: #4267B2;\r\n color: #fff;\r\n border: none;\r\n border-radius: 4px;\r\n font-size: 16px;\r\n cursor: pointer;\r\n margin-top: 10px;\r\n }\r\n <\/style>\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/4.7.0\/css\/font-awesome.min.css\">\r\n<\/head>\r\n\r\n<body>\r\n <header>\r\n <h1>Car Rental System<\/h1>\r\n {% if request.user.is_authenticated %}\r\n <h3>Welcome, {{ request.user }} <a href=\"{% url 'signout' %}\">Logout<\/a><\/h3>\r\n {% endif %}\r\n <\/header>\r\n\r\n <div class=\"container\">\r\n <div class=\"search-bar\">\r\n <form action=\"\" method=\"GET\">\r\n <input type=\"text\" name=\"q\" placeholder=\"Search for a car\" value=\"{{ search_query }}\">\r\n <button type=\"submit\">Search<\/button>\r\n <\/form>\r\n <a href=\"{% url 'cart' %}\" class=\"cart_btn\" style=\"text-decoration: none;\"><i class=\"fa fa-shopping-cart\" style=\"font-size:32px;color: #4267B2;\" ><\/i><\/a>\r\n <\/div>\r\n\r\n <div class=\"product-container\">\r\n {% if cars %}\r\n {% for car in cars %}\r\n <div class=\"product-card\">\r\n <img src=\"{{ car.image.url }}\" alt=\"{{ car.model }}\">\r\n <h3>{{ car.model }}<\/h3>\r\n <p>Price per hour: ${{ car.price_per_hour }}<\/p>\r\n <a href=\"{% url 'add_to_cart' pk=car.pk %}\"><button>Rent It<\/button><\/a>\r\n <\/div>\r\n {% endfor %}\r\n {% else %}\r\n <p>No cars found.<\/p>\r\n {% endif %}\r\n <\/div>\r\n <\/div>\r\n<\/body>\r\n\r\n<\/html><\/pre>\ntemplates\/app -> cart<\/strong><\/p>\n
<!DOCTYPE html>\r\n<html>\r\n<head>\r\n <title>Facebook-inspired Shopping Cart<\/title>\r\n <style>\r\n \/* Global Styles *\/\r\n body {\r\n font-family: Arial, sans-serif;\r\n }\r\n \r\n \/* Cart Styles *\/\r\n .cart-container {\r\n width: 500px;\r\n margin: 0 auto;\r\n }\r\n \r\n .product {\r\n display: flex;\r\n align-items: center;\r\n padding: 10px;\r\n border-bottom: 1px solid #ccc;\r\n }\r\n \r\n .product img {\r\n width: 80px;\r\n margin-right: 10px;\r\n }\r\n \r\n .product-details {\r\n flex-grow: 1;\r\n }\r\n \r\n .product-title {\r\n font-weight: bold;\r\n }\r\n \r\n .product-price {\r\n color: #888;\r\n }\r\n \r\n .product-remove {\r\n color: red;\r\n cursor: pointer;\r\n }\r\n \r\n .total-price {\r\n text-align: right;\r\n font-weight: bold;\r\n margin-top: 10px;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <a href=\"{% url 'homepage' %}\">close<\/a>\r\n <center><h1>Rented item<\/h1><\/center>\r\n <br><br>\r\n <div class=\"cart-container\">\r\n {% if cart_items %}\r\n {% for cart_item in cart_items %}\r\n <div class=\"product\">\r\n <div class=\"product-details\">\r\n <div class=\"product-title\">{{ cart_item.car.model }}<\/div>\r\n <div class=\"product-price\">Rs {{cart_item.car.price_per_hour}}<\/div>\r\n <div>Quantity: {{ cart_item.quantity }}<\/div>\r\n <a href=\"{% url 'booking_invoice' pk=cart_item.pk %}\">Invoice<\/a>\r\n <\/div>\r\n <a href=\"{% url 'remove_from_cart' pk=cart_item.pk %}\"><div class=\"product-remove\">×<\/div><\/a>\r\n <\/div>\r\n {% endfor %}\r\n {% endif %}\r\n {% if total_price %}\r\n <div class=\"total-price\">Total: Rs {{total_price}}<\/div>\r\n {% endif %}\r\n <\/div>\r\n<\/body>\r\n<\/html><\/pre>\ntemplates\/app -> invoice.html<\/strong><\/p>\n
<!DOCTYPE html>\r\n<html>\r\n<head>\r\n <title>Booking Invoice<\/title>\r\n <style>\r\n body {\r\n font-family: Arial, sans-serif;\r\n background-color: #f1f3f6;\r\n padding: 20px;\r\n }\r\n .container {\r\n max-width: 600px;\r\n margin: 0 auto;\r\n background-color: #fff;\r\n padding: 20px;\r\n border-radius: 5px;\r\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\r\n }\r\n h1 {\r\n margin: 0;\r\n font-size: 24px;\r\n font-weight: bold;\r\n text-align: center;\r\n margin-bottom: 20px;\r\n }\r\n p {\r\n margin: 5px 0;\r\n }\r\n .product-details {\r\n border-bottom: 1px solid #ccc;\r\n padding-bottom: 10px;\r\n margin-bottom: 20px;\r\n }\r\n .product-details img {\r\n max-width: 100%;\r\n height: auto;\r\n }\r\n .product-details h3 {\r\n margin: 10px 0;\r\n font-size: 18px;\r\n font-weight: bold;\r\n }\r\n .product-details p {\r\n font-size: 14px;\r\n }\r\n .button-container {\r\n text-align: center;\r\n }\r\n .print-button {\r\n background-color: #007bff;\r\n color: #fff;\r\n border: none;\r\n padding: 10px 20px;\r\n font-size: 16px;\r\n border-radius: 5px;\r\n cursor: pointer;\r\n }\r\n .rent-button {\r\n background-color: #28a745;\r\n color: #fff;\r\n border: none;\r\n padding: 10px 20px;\r\n font-size: 16px;\r\n border-radius: 5px;\r\n cursor: pointer;\r\n }\r\n .rent-button[disabled] {\r\n background-color: #ccc;\r\n cursor: not-allowed;\r\n }\r\n <\/style>\r\n <script src=\"https:\/\/code.jquery.com\/jquery-3.6.0.min.js\"><\/script>\r\n <script>\r\n $(document).ready(function() {\r\n \/\/ Function to print the page\r\n function printPage() {\r\n window.print();\r\n }\r\n\r\n \/\/ Attach click event to the \"Print\" button\r\n $('#print-button').click(function() {\r\n printPage();\r\n });\r\n\r\n \/\/ Change the \"Rent It\" button text to \"Rented\" after clicking\r\n $('#rent-button').click(function() {\r\n $(this).text('Rented');\r\n $(this).attr('disabled', 'disabled');\r\n });\r\n });\r\n <\/script>\r\n<\/head>\r\n<body>\r\n <div class=\"container\">\r\n <h1>Booking Invoice<\/h1>\r\n\r\n <div class=\"product-details\">\r\n <img src=\"{{ car.image.url }}\" alt=\"{{ car.model }}\">\r\n <h3>{{ cart_item.car.model }}<\/h3>\r\n <p>Price per hour: ${{ car.price_per_hour }}<\/p>\r\n <\/div>\r\n\r\n <div class=\"button-container\">\r\n <button id=\"print-button\" class=\"print-button\">Print<\/button>\r\n <\/div>\r\n <\/div>\r\n<\/body>\r\n<\/html><\/pre>\nPython Django Online Car Rental System Output<\/h3>\n
![\"login](\"https:\/\/techvidvan.com\/tutorials\/wp-content\/uploads\/sites\/2\/2023\/08\/login-1.webp\")
<\/a><\/p>\n![\"register](\"https:\/\/techvidvan.com\/tutorials\/wp-content\/uploads\/sites\/2\/2023\/08\/register-car-rental.webp\")
<\/a><\/p>\n![\"homepage](\"https:\/\/techvidvan.com\/tutorials\/wp-content\/uploads\/sites\/2\/2023\/08\/homepage-car-rental.webp\")
<\/a><\/p>\n![\"rented](\"https:\/\/techvidvan.com\/tutorials\/wp-content\/uploads\/sites\/2\/2023\/08\/rented-item-page.webp\")
<\/a><\/p>\n![\"search](\"https:\/\/techvidvan.com\/tutorials\/wp-content\/uploads\/sites\/2\/2023\/08\/search-car-.webp\")
<\/a><\/p>\n![\"booking](\"https:\/\/techvidvan.com\/tutorials\/wp-content\/uploads\/sites\/2\/2023\/08\/booking-invoice-car.webp\")
<\/a><\/p>\nNow, how would we add data, delete, and update the user side? Let\u2019s come to the django inbuilt admin panel.<\/p>\n
So here are the details of the same:<\/strong><\/p>\n
1. Once you have your Django project set up and have created your models, you can use the admin panel to add data easily. Follow these steps:
\n2. Run python manage.py to create a superuser to create an admin user who can access the admin panel. Start the development server using python manage.py runserver. Open your browser and go to the admin panel URL (usually http:\/\/127.0.0.1:8000\/admin\/). Log in using the superuser credentials you created.
\n3. Then, Go to admin.py and add the following thing as follows:<\/p>\nfrom django.contrib import admin\r\nfrom .models import YourModelName\r\n \r\nadmin.site.register(YourModelName)<\/pre>\n
Note:<\/strong> To display the model on the admin panel, you need to follow the third point.<\/p>\n
Here are the images of the inbuilt admin panel of our project:<\/strong><\/p>\n
- add_to_cart():<\/strong> This function adds a car to the cart. It requires the user to be logged in. It gets the car from the database and creates a CartItem object for the user. If the car is already in the cart, the quantity is incremented.<\/li>\n
- cartpage():<\/strong> This function renders the cart page. It requires the user to be logged in.<\/li>\n
- RAM:<\/strong> 4 GB or more<\/li>\n
![\"django](\"https:\/\/techvidvan.com\/tutorials\/wp-content\/uploads\/sites\/2\/2023\/08\/django-administration.webp\")
<\/a><\/p>\n![\"online](\"https:\/\/techvidvan.com\/tutorials\/wp-content\/uploads\/sites\/2\/2023\/08\/online-car-rental-1-2.webp\")
<\/a><\/p>\n![\"online](\"https:\/\/techvidvan.com\/tutorials\/wp-content\/uploads\/sites\/2\/2023\/08\/online-car-rental-project.webp\")
<\/a><\/p>\n