Html, Css, JavaScript, Bootstrap, Python Django.<\/p>\n
Features<\/strong>:<\/p>\n Please download the source code of python online shopping system from the following link: Online Shopping System Python Django Project<\/strong><\/a><\/p>\n Steps for Online Shopping System Python Project:<\/p>\n Models.py<\/strong> :<\/p>\n Code Explanation:<\/strong><\/p>\n So, there are a total of 7 models created for this project.<\/p>\n It saves the basic data of the customers when they register themselves.<\/p>\n It saves the data of the product. The admin can add a new product very easily using this model.<\/p>\n The admin can select the product and write any features about it. And all the features of that product will be visible to the users when they view a specific product.<\/p>\n All the customers can write a review about a product which the customers can read before buying it.<\/p>\n It stores the order details about the customer, mainly the order id.<\/p>\n It stores the order id of the customer from the order model and the products with their quantity.<\/p>\n It stores mainly the exact address where the order is to be delivered.<\/p>\n After creating the models, we need to go to the admin panel to access the created models. Hence, we need a superuser who can access the models from the admin panel. The superuser can make any changes inside the models.<\/p>\n For creating the superuser use the following command:<\/p>\n python manage.py createsuperuser<\/strong><\/p>\n Then, you can give the username, email and password.<\/p>\n Urls.py file<\/strong><\/p>\n Code Explanation:<\/strong><\/p>\n Above mentioned are the app urls. Hence, create a file for the urls inside the app. The last three urls are for the user authentication that is register, login and logout. The other urls consist of the entire project.<\/p>\n Views.py:<\/strong><\/p>\n Home page with the customer logged in:<\/strong><\/p>\n Code Explanation:<\/strong><\/p>\n From the Product model, using a for loop all the products are displayed on the home screen with the image, name and price of the products. Two buttons are also created, one is for adding the item inside the cart and the other is to view the product. If the customers are not logged in then they are not able to add the item inside their cart. They can just see all the products. On the add to cart button, login to add the item will be written.<\/p>\n Views.py:<\/strong><\/p>\n Code Explanation:<\/strong><\/p>\n The customers can directly search for the product that they want on the search option given on the navigation bar. Whatever the customers write on the search bar will be sent through a post request and then saved inside a variable.<\/p>\n Afterwards, from the Product model the product name is filtered to the search value. The result is then displayed in the same cards as on the home page.<\/p>\n Views.py:<\/strong><\/p>\n\n
Download Online Shopping System Django Project<\/h3>\n
Project File Structure<\/h3>\n
class Customer(models.Model):\r\n user = models.OneToOneField(User, on_delete=models.CASCADE)\r\n name = models.CharField(max_length=100)\r\n email = models.CharField(max_length=100)\r\n phone_number = models.CharField(max_length=10, null=True, blank=True)\r\n \r\n def __str__(self):\r\n return self.name\r\n \r\nclass Product(models.Model):\r\n name = models.CharField(max_length=100)\r\n price = models.FloatField()\r\n image = models.ImageField(upload_to=\"images\", default=\"\")\r\n \r\n def __str__(self):\r\n return self.name\r\n \r\nclass Feature(models.Model):\r\n product = models.ForeignKey(Product, on_delete=models.CASCADE)\r\n feature = models.CharField(max_length=1000, null=True, blank=True)\r\n \r\n def __str__(self):\r\n return str(self.product) + \" Feature: \" + self.feature\r\n \r\nclass Review(models.Model):\r\n customer = models.ForeignKey(Customer, on_delete=models.CASCADE) \r\n product = models.ForeignKey(Product, on_delete=models.CASCADE)\r\n content = models.TextField()\r\n datetime = models.DateTimeField(default=now)\r\n \r\n def __str__(self):\r\n return str(self.customer) + \" Review: \" + self.content\r\n \r\nclass Order(models.Model):\r\n customer = models.ForeignKey(Customer, on_delete=models.SET_NULL, null=True)\r\n date_ordered = models.DateTimeField(auto_now_add=True)\r\n complete = models.BooleanField(default=False)\r\n transaction_id = models.CharField(max_length=100)\r\n \r\n def __str__(self):\r\n return str(self.id)\r\n \r\n @property\r\n def get_cart_total(self):\r\n orderitems = self.orderitem_set.all()\r\n total = sum([item.get_total for item in orderitems])\r\n return total\r\n \r\n @property\r\n def get_cart_items(self):\r\n orderitems = self.orderitem_set.all()\r\n total = sum([item.quantity for item in orderitems])\r\n return total\r\n \r\nclass OrderItem(models.Model):\r\n product = models.ForeignKey(Product, on_delete=models.SET_NULL, null=True)\r\n order = models.ForeignKey(Order, on_delete=models.SET_NULL, null=True)\r\n quantity = models.IntegerField(default=0)\r\n date_added = models.DateTimeField(auto_now_add=True)\r\n \r\n def __str__(self):\r\n return str(self.order)\r\n \r\n @property\r\n def get_total(self):\r\n total = self.product.price * self.quantity\r\n return total\r\n \r\nclass CheckoutDetail(models.Model):\r\n customer = models.ForeignKey(Customer, on_delete=models.SET_NULL, null=True)\r\n order = models.ForeignKey(Order, on_delete=models.SET_NULL, null=True)\r\n phone_number = models.CharField(max_length=10, blank=True, null=True)\r\n total_amount = models.CharField(max_length=10, blank=True,null=True)\r\n address = models.CharField(max_length=300)\r\n city = models.CharField(max_length=100)\r\n state = models.CharField(max_length=100)\r\n zipcode = models.CharField(max_length=100)\r\n date_added = models.DateTimeField(auto_now_add=True)\r\n \r\n def __str__(self):\r\n return self.address\r\n<\/pre>\n
Customer model:<\/h4>\n
Product model:<\/h4>\n
Feature model:<\/h4>\n
Review model:<\/h4>\n
Order model:<\/h4>\n
OrderItems model:<\/h4>\n
Checkout Details model:<\/h4>\n
Create superuser:<\/h3>\n
Creating superuser :<\/h4>\n
from django.urls import path\r\nfrom . import views\r\nurlpatterns = [\r\n path(\"\", views.index, name=\"index\"),\r\n path(\"cart\/\", views.cart, name=\"cart\"),\r\n path(\"checkout\/\", views.checkout, name=\"checkout\"),\r\n path(\"update_item\/\", views.updateItem, name=\"update_item\"),\r\n path(\"product_view\/<int:myid>\/\", views.product_view, name=\"product_view\"),\r\n path(\"search\/\", views.search, name=\"search\"),\r\n path(\"contact\/\", views.contact, name=\"contact\"),\r\n path(\"loggedin_contact\/\", views.loggedin_contact, name=\"loggedin_contact\"),\r\n \r\n path(\"register\/\", views.register, name=\"register\"),\r\n path(\"change_password\/\", views.change_password, name=\"change_password\"),\r\n path(\"login\/\", views.Login, name=\"login\"),\r\n path(\"logout\/\", views.Logout, name=\"logout\"),\r\n]\r\n<\/pre>\n
1. Home Page (index.html):<\/h3>\n
<div class=\"container mt-2 mb-3\">\r\n \r\n <div class=\"row\">\r\n {% for product in products %}\r\n <div class=\"col-lg-4 my-4\">\r\n <div class=\"card shadow align-items-center\" style=\"width: 20rem; height: 25rem;\">\r\n <img src=\"\/media\/{{product.image}}\" class=\"card-img-top\" style=\"width: 170px; height: 260px;\" alt=\"...\">\r\n <div class=\"card-body\">\r\n <h5 class=\"card-title\">{{product.name}}<\/h5>\r\n <hr>\r\n {% if request.user.is_authenticated %}\r\n <button data-product=\"{{product.id}}\" data-action=\"add\" class=\"btn add-btn update-cart\"\r\n style=\"background-color: #8c5d4f; color: white;\">Add To Cart<\/button>\r\n <a href=\"\/product_view\/{{product.id}}\/\" class=\"btn btn-outline-secondary\">View<\/a>\r\n {% else %}\r\n <button class=\"btn\" style=\"background-color: #8c5d4f; color: white;\">Login to add the item<\/button>\r\n {% endif %}\r\n <h4 style=\"display: inline-block; float: right;\"> \u20b9{{product.price}}<\/h4>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n {% endfor %}\r\n <\/div>\r\n<\/div>\r\n<\/pre>\ndef index(request):\r\n data = cartData(request)\r\n items = data['items']\r\n order = data['order']\r\n cartItems = data['cartItems']\r\n \r\n products = Product.objects.all()\r\n return render(request, \"index.html\", {'products':products, 'cartItems':cartItems})\r\n<\/pre>\n![\"python](\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2021\/09\/python-online-shopping-home.jpg\")
<\/a><\/p>\n2. Search Product functionality (search.html):<\/h3>\n
<div class=\"container mt-2 mb-3\">\r\n \r\n <div class=\"row\">\r\n {% for product in products %}\r\n <div class=\"col-lg-4 my-4\">\r\n <div class=\"card shadow\" style=\"width: 20rem; height: 23rem;\">\r\n <img src=\"\/media\/{{product.image}}\" class=\"card-img-top\" alt=\"...\" height=\"230px\">\r\n <div class=\"card-body\">\r\n <h5 class=\"card-title\">{{product.name}}<\/h5>\r\n <hr>\r\n {% if request.user.is_authenticated %}\r\n <button data-product=\"{{product.id}}\" data-action=\"add\" class=\"btn add-btn update-cart\" style=\"background-color: #8c5d4f; color: white;\">Add To Cart<\/button>\r\n <a href=\"\/product_view\/{{product.id}}\/\" class=\"btn btn-outline-success\">View<\/a>\r\n {% else %}\r\n <button class=\"btn\" style=\"background-color: #8c5d4f; color: white;\">Login to add the item<\/button>\r\n {% endif %}\r\n <h4 style=\"display: inline-block; float: right;\">\u20b9{{product.price}}<\/h4>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n {% endfor %}\r\n <\/div>\r\n<\/div>\r\n{% else %}\r\n<h1>You forgot to search<\/h1>\r\n{% endif %}\r\n<\/pre>\ndef search(request):\r\n data = cartData(request)\r\n items = data['items']\r\n order = data['order']\r\n cartItems = data['cartItems']\r\n if request.method == \"POST\":\r\n search = request.POST['search']\r\n products = Product.objects.filter(name__contains=search)\r\n return render(request, \"search.html\", {'search':search, 'products':products, 'cartItems':cartItems})\r\n else:\r\n return render(request, \"search.html\")\r\n<\/pre>\nsearch = request.POST['search']\r\n products = Product.objects.filter(name__contains=search)\r\n<\/pre>\n
3. Product View Page (product_view.html):<\/h3>\n
<div class=\"container mt-4\">\r\n <div class=\"row\">\r\n <div class=\"col-md-4\">\r\n <div class=\"row\">\r\n<img src=\"\/media\/{{product.image}}\" alt=\"\" style=\"width: 300px; height: 400px;\">\r\n <\/div>\r\n <br>\r\n <div class=\"row\">\r\n <button data-product=\"{{product.id}}\" data-action=\"add\" class=\"btn add-btn update-cart\"\r\n style=\"background-color: #8c5d4f; color: white; width: 15rem;\">Add To Cart<\/button> <\/div>\r\n<\/div>\r\n<div class=\"col-md-8\">\r\n <h3>{{product.name}}<\/h3>\r\n <p style=\"font-size: 25px;\"><b>\u20b9 {{product.price}}<\/b><\/p>\r\n <br>\r\n <h5>Key Features:<\/h5>\r\n <ul>\r\n {% for i in feature %}\r\n <li>{{i.feature}}<\/li>\r\n {% endfor %}\r\n <\/ul>\r\n <br>\r\n <h2>Add Reviews Here<\/h2>\r\n <form method=\"POST\" action=\"\/product_view\/{{product.id}}\/\"> {% csrf_token %}\r\n <div class=\"form-floating\">\r\n <textarea class=\"form-control\" placeholder=\"Leave a comment here\" id=\"floatingTextarea2\"\r\n style=\"height: 100px\" id=\"content\" name=\"content\"><\/textarea>\r\n <label for=\"floatingTextarea2\">Leave a feedback about the {{product.name}} here.<\/label>\r\n <br>\r\n <button type=\"submit\" class=\"btn btn-primary\">Add Review<\/button>\r\n <\/div>\r\n <\/form>\r\n<\/div>\r\n<\/div>\r\n<div class=\"container mt-2\">\r\n <h2>All Reviews ({{reviews.count}})<\/h2>\r\n \r\n {% for review in reviews %}\r\n <div class=\"card\">\r\n <div class=\"card-header\">\r\n <span style=\"font-size: 22px;\">{{review.customer}} <\/span> <span\r\n style=\"font-size: 12px;\">{{review.datetime | naturaltime}}<\/span>\r\n <\/div>\r\n <div class=\"card-body\">\r\n <h6 class=\"card-text\">{{review.content}}<\/h6>\r\n <\/div>\r\n <\/div>\r\n <br>\r\n {% endfor %}\r\n <\/div>\r\n<\/div>\r\n<\/div>\r\n<\/pre>\ndef product_view(request, myid):\r\n product = Product.objects.filter(id=myid).first()\r\n feature = Feature.objects.filter(product=product)\r\n reviews = Review.objects.filter(product=product)\r\n data = cartData(request)\r\n items = data['items']\r\n order = data['order']\r\n cartItems = data['cartItems']\r\n \r\n if request.method==\"POST\":\r\n content = request.POST['content']\r\n review = Review(customer=customer, content=content, product=product)\r\n review.save()\r\n return redirect(f\"\/product_view\/{product.id}\")\r\n return render(request, \"product_view.html\", {'product':product, 'cartItems':cartItems, 'feature':feature, 'reviews':reviews})\r\n<\/pre>\n
![\"product](\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2021\/09\/product-view.jpg\")
<\/a><\/p>\n![\"cart\"](\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2021\/09\/cart.jpg\")
<\/a><\/p>\n