\n<\/p>\n
<\/p>\n
Django is an open-source web framework that allows developers to build dynamic and scalable web applications quickly and efficiently. With its “batteries-included” philosophy, Django provides a robust set of tools and libraries to streamline many aspects of web development.<\/p>\n
<\/p>\n
This guide will walk you through the process of building your first web application using Django. By the end of this tutorial, you will have a solid understanding of some core Django concepts and how to deploy your application.<\/p>\n
<\/p>\n
<\/p>\n
Before we start, make sure you have the following prerequisites:<\/p>\n
<\/p>\n
<\/p>\n
<\/p>\n
<\/p>\n
\n <\/ul>\n
<\/p>\n
<\/p>\n
The first step is to set up your development environment. For this, we will use <\/p>\n <\/p>\n <\/p>\n Activate your virtual environment:<\/p>\n <\/p>\n <\/p>\n <\/p>\n <\/p>\n <\/p>\n <\/p>\n Now that your virtual environment is activated, install Django using pip:<\/p>\n <\/p>\n <\/p>\n <\/p>\n With Django installed, it’s time to create your first project.<\/p>\n <\/p>\n <\/p>\n This command creates a new directory called <\/p>\n <\/p>\n <\/p>\n Change into the project directory and run the development server:<\/p>\n <\/p>\n <\/p>\n <\/p>\n Open your browser and go to <\/p>\n <\/p>\n Django projects can contain multiple applications. Let’s create a new app called <\/p>\n <\/p>\n This will create a new directory structure like this:<\/p>\n <\/p>\n <\/p>\n <\/p>\n Now, let’s define a simple model for our blog posts. Open <\/p>\n <\/p>\n <\/p>\n To manage your blog posts via the Django admin interface, you will need to register your model. Open <\/p>\n <\/p>\n <\/p>\n Next, you need to let your project know about the new app. Open <\/p>\n <\/p>\n <\/p>\n We need to create the database tables for our new model. Run the following commands:<\/p>\n <\/p>\n <\/p>\n <\/p>\n <\/p>\n To access the Django admin site, you need to create a superuser:<\/p>\n <\/p>\n <\/p>\n Follow the prompts to set a username, email, and password.<\/p>\n <\/p>\n <\/p>\n Now that you’ve created your superuser, run the development server again:<\/p>\n <\/p>\n <\/p>\n Visit <\/p>\n <\/p>\n Next, let’s create views and templates to display our blog posts on the front end.<\/p>\n <\/p>\n <\/p>\n Open <\/p>\n <\/p>\n <\/p>\n Create a directory called <\/p>\n <\/p>\n <\/p>\n Next, map your view to a URL. Open <\/p>\n <\/p>\n <\/p>\n Now that everything is set up, visit <\/p>\n <\/p>\n Finally, once you are happy with your application, you may want to deploy it. There are several options for deploying Django applications:<\/p>\n <\/p>\n <\/p>\n <\/p>\n \n <\/ul>\n <\/p>\n For simplicity, we recommend starting with Heroku:<\/p>\n <\/p>\n <\/p>\n <\/p>\n <\/p>\n <\/p>\n \n <\/ol>\n <\/p>\n <\/p>\n Congratulations! You\u2019ve built your first web application using Django. You learned how to set up your environment, create models, views, templates, and even deploy your app. Django’s modular nature and built-in features make it a powerful choice for developing web applications.<\/p>\n <\/p>\n As you continue to explore Django, consider diving deeper into features such as user authentication, REST APIs, and additional third-party libraries that can enhance your projects. With practice, you can leverage Django to create complex and dynamic web applications that cater to various user needs.<\/p>\n <\/p>\n Keep building, keep learning, and enjoy the journey of web development!<\/p>\n \n <\/div>\n <\/p>\n\n","protected":false},"excerpt":{"rendered":" Introduction Django is an open-source web framework that allows developers to build dynamic and scalable web applications quickly and efficiently. With its “batteries-included” philosophy, Django provides a robust set of tools and libraries to streamline many aspects of web development. This guide will walk you through the process of building your first web application using […]<\/p>\n","protected":false},"author":2,"featured_media":2751,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"fifu_image_url":"","fifu_image_alt":"","footnotes":""},"categories":[132],"tags":[75,85,290,88,175,74],"class_list":["post-2750","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-mobile-app","tag-app","tag-building","tag-django","tag-guide","tag-stepbystep","tag-web"],"_links":{"self":[{"href":"https:\/\/kmfinfotech.com\/blogs\/wp-json\/wp\/v2\/posts\/2750","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kmfinfotech.com\/blogs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kmfinfotech.com\/blogs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kmfinfotech.com\/blogs\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/kmfinfotech.com\/blogs\/wp-json\/wp\/v2\/comments?post=2750"}],"version-history":[{"count":0,"href":"https:\/\/kmfinfotech.com\/blogs\/wp-json\/wp\/v2\/posts\/2750\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kmfinfotech.com\/blogs\/wp-json\/wp\/v2\/media\/2751"}],"wp:attachment":[{"href":"https:\/\/kmfinfotech.com\/blogs\/wp-json\/wp\/v2\/media?parent=2750"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kmfinfotech.com\/blogs\/wp-json\/wp\/v2\/categories?post=2750"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kmfinfotech.com\/blogs\/wp-json\/wp\/v2\/tags?post=2750"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}venv<\/code>, which is Python’s built-in module for creating isolated environments.<\/p>\nCreating a Virtual Environment<\/h3>\n
python -m venv myprojectenv<\/code><\/pre>\nOn Windows:<\/h4>\n
myprojectenv\\Scripts\\activate<\/code><\/pre>\nOn macOS\/Linux:<\/h4>\n
source myprojectenv\/bin\/activate<\/code><\/pre>\nInstalling Django<\/h3>\n
pip install django<\/code><\/pre>\nStep 2: Creating a New Django Project<\/h2>\n
django-admin startproject myproject<\/code><\/pre>\nmyproject<\/code> with the following structure:<\/p>\n
\nmyproject\/
\n manage.py
\n myproject\/
\n __init__.py
\n settings.py
\n urls.py
\n asgi.py
\n wsgi.py
\n <\/code><\/pre>\nStep 3: Running the Development Server<\/h2>\n
cd myproject<\/code><\/pre>\npython manage.py runserver<\/code><\/pre>\nhttp:\/\/127.0.0.1:8000<\/code> to see your new Django project in action!<\/p>\nStep 4: Creating a Django App<\/h2>\n
blog<\/code>:<\/p>\npython manage.py startapp blog<\/code><\/pre>\n
\nblog\/
\n migrations\/
\n __init__.py
\n admin.py
\n apps.py
\n models.py
\n tests.py
\n views.py
\n<\/code><\/pre>\nStep 5: Defining Models<\/h2>\n
models.py<\/code> in the blog<\/code> directory and add the following code:<\/p>\nfrom django.db import models
class Post(models.Model):
\n title = models.CharField(max_length=100)
\n content = models.TextField()
\n created_at = models.DateTimeField(auto_now_add=True)
def __str__(self):
\n return self.title
\n<\/code><\/pre>\nStep 6: Registering the Model with Admin<\/h2>\n
admin.py<\/code> in the blog<\/code> directory and add:<\/p>\nfrom django.contrib import admin
\nfrom .models import Post
admin.site.register(Post)
\n<\/code><\/pre>\nStep 7: Configuring the App<\/h2>\n
settings.py<\/code> in the myproject<\/code> directory and add 'blog',<\/code> to the INSTALLED_APPS<\/code> list:<\/p>\nINSTALLED_APPS = [
\n ...
\n 'blog',
\n]
\n<\/code><\/pre>\nStep 8: Running Migrations<\/h2>\n
python manage.py makemigrations<\/code><\/pre>\npython manage.py migrate<\/code><\/pre>\nStep 9: Creating a Superuser<\/h2>\n
python manage.py createsuperuser<\/code><\/pre>\nStep 10: Running the Server Again<\/h2>\n
python manage.py runserver<\/code><\/pre>\nhttp:\/\/127.0.0.1:8000\/admin<\/code> and log in with the credentials you just created. You should see your Post<\/code> model available for you to manage!<\/p>\nStep 11: Creating Views and Templates<\/h2>\n
Creating a View<\/h3>\n
views.py<\/code> in the blog<\/code> directory and add the following code:<\/p>\nfrom django.shortcuts import render
\nfrom .models import Post
def post_list(request):
\n posts = Post.objects.all()
\n return render(request, 'blog\/post_list.html', {'posts': posts})
\n<\/code><\/pre>\nCreating a Template<\/h3>\n
templates<\/code> inside the blog<\/code> directory, and then create another directory named blog<\/code> inside that. Finally, create a file called post_list.html<\/code>:<\/p>\n<!DOCTYPE html>
\n<html lang=\"en\">
\n<head>
\n <meta charset=\"UTF-8\">
\n <title>Blog Posts<\/title>
\n<\/head>
\n<body>
\n <h1>Blog Posts<\/h1>
\n <ul>
\n {% for post in posts %}
\n <li><a href=\"#\">{{ post.title }}<\/a> - {{ post.created_at }}<\/li>
\n {% endfor %}
\n <\/ul>
\n<\/body>
\n<\/html>
\n<\/code><\/pre>\nStep 12: Updating URLs<\/h2>\n
urls.py<\/code> in the myproject<\/code> directory and set up URL routing:<\/p>\nfrom django.contrib import admin
\nfrom django.urls import path
\nfrom blog.views import post_list
urlpatterns = [
\n path('admin\/', admin.site.urls),
\n path('', post_list, name='post_list'),
\n]
\n<\/code><\/pre>\nStep 13: Test Your Web App<\/h2>\n
http:\/\/127.0.0.1:8000<\/code> to see the list of blog posts!<\/p>\nStep 14: Deploying Your Application<\/h2>\n
<\/p>\n
<\/p>\n
heroku create<\/code>.<\/li>\npip freeze > requirements.txt<\/code>.<\/li>\nheroku run python manage.py migrate<\/code>.<\/li>\ngit push heroku master<\/code>.<\/li>\nConclusion<\/h2>\n