12 подписчиков

Создаем свою страничку для портфолио

24 февраля 202324 фев 2023

1 мин

Отлично, теперь у нас есть проект на Django и сервер запущен, теперь мы можем начинать создавать нашу первую страницу, на которой будет наше портфолио.

Для начала, создадим файл для нашей страницы. Откройте папку проекта и создайте новую папку "templates". Внутри нее создайте еще одну папку "portfolio". В этой папке создайте файл "index.html", который будет содержать нашу страницу портфолио.

Откройте файл "index.html" в текстовом редакторе, и добавьте следующий код: <!DOCTYPE html>

<html>

<head>

<title>Мое портфолио</title>

</head>

<body>

<h1>Добро пожаловать на мою страницу портфолио</h1>

<p>Здесь будет мое портфолио с проектами и работами</p>

</body>

</html> Этот код создаст базовую страницу, на которой будет заголовок и немного текста. Теперь нужно сообщить Django, что мы хотим использовать этот файл для нашей страницы.

Откройте файл "views.py" в папке нашего проекта. Этот файл содержит функции, которые определяют, как будут отображаться страницы на сайте. Доб

Откройте файл "index.html" в текстовом редакторе, и добавьте следующий код: <!DOCTYPE html>

<html>

<head>

<title>Мое портфолио</title>

</head>

<body>

<h1>Добро пожаловать на мою страницу портфолио</h1>

<p>Здесь будет мое портфолио с проектами и работами</p>

</body>

Отлично, теперь у нас есть проект на 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/" в адресной строке. Вы должны увидеть заголовок и немного текста на странице.

Теперь вы можете добавить свои проекты и работы на страницу, изменить дизайн, добавить изображения и многое другое!

Создаем свою страничку для портфолио

Оглавление: