Отлично, теперь у нас есть проект на Django и сервер запущен, теперь мы можем начинать создавать нашу первую страницу, на которой будет наше портфолио.
Для начала, создадим файл для нашей страницы. Откройте папку проекта и создайте новую папку "templates". Внутри нее создайте еще одну папку "portfolio". В этой папке создайте файл "index.html", который будет содержать нашу страницу портфолио.
Откройте файл "index.html" в текстовом редакторе, и добавьте следующий код:
<!DOCTYPE html>
<html>
<head>
<title>Мое портфолио</title>
</head>
<body>
<h1>Добро пожаловать на мою страницу портфолио</h1>
<p>Здесь будет мое портфолио с проектами и работами</p>
</body>
</html>
Этот код создаст базовую страницу, на которой будет заголовок и немного текста. Теперь нужно сообщить Django, что мы хотим использовать этот файл для нашей страницы.
Откройте файл "views.py" в папке нашего проекта. Этот файл содержит функции, которые определяют, как будут отображаться страницы на сайте. Добавьте следующий код:
from django.shortcuts import render
def portfolio(request):
return render(request, 'portfolio/index.html')
Этот код определяет функцию "portfolio", которая будет вызываться, когда пользователь откроет страницу портфолио. Она вызывает функцию "render", которая отображает наш файл "index.html".
Теперь мы должны добавить URL-адрес для нашей страницы. Откройте файл "urls.py" в папке нашего проекта. Добавьте следующий код:
from django.urls import path
from . import views
urlpatterns = [
path('portfolio/', views.portfolio, name='portfolio'),
]
Этот код определяет URL-адрес для нашей страницы портфолио. Когда пользователь перейдет по адресу "http://127.0.0.1:8000/portfolio/", Django вызовет функцию "portfolio" из файла "views.py" и отобразит нашу страницу "index.html".
Теперь мы готовы увидеть нашу страницу портфолио в действии! Откройте браузер и введите адрес "http://127.0.0.1:8000/portfolio/" в адресной строке. Вы должны увидеть заголовок и немного текста на странице.
Теперь вы можете добавить свои проекты и работы на страницу, изменить дизайн, добавить изображения и многое другое!
Оглавление:
0. Что такое джанго?
1. Создаем первый проект на Django
2. Создаем страницу портфолио (текущая)