Заключение

Долгое время пользователям приходилось выбирать динамические CMS с базами данных только потому, что перспектива редактирования нескольких десятков страниц статического сайта приводила их в ужас. Добавился или изменился один пункт в меню, которое отображается на всех страницах? Надо редактировать все страницы. А уж если нужно изменить дизайн.

Генератор статических сайтов снимает проблемы редактирования и смены дизайна: эти операции Pelican выполняет так же быстро, как динамическая CMS. Гибкость и простота Pelican позволяют использовать его с любыми шаблонами. Нашли свежую Bootstrap-тему с трендовыми анимационными эффектами? Pelican наполнит броский шаблон контентом и превратит его в быстрый, функциональный, масштабируемый сайт, которому подойдет самый простой хостинг.

Материалы по теме

• �� Регулярные выражения в Python за 5 минут: теория и практика для новичков и не только
• �� Конкурентность и параллелизм в Python: в чем разница?
• ���� Как «оживлять» графики и впечатлять всех красивыми анимациями с помощью Python

Создавай управляемые данными веб-сайты с помощью платформы Python Django

Используйте Django для создания управляемых данными веб-сайтов.

Из этой схемы обучения вы узнаете, как с помощью Django сделать следующее:

• создать приложение;
• создать базу данных и управлять ей;
• настроить суперпользователя для сайта администрирования;
• Создавайте динамические HTML-страницы с помощью шаблонов.
• разработать формы, управляемые данными.

Предварительные требования

• Промежуточные знания Python:
  • Управление пакетами
  • Наследование и смешивание

  Модули, включенные в эту схему обучения

  Django является одной из наиболее популярных веб-платформ Python. Она особенно удобна при работе с приложением на основе данных, где основной целью является предоставление внешнего интерфейса для базы данных. Django поставляется с множеством встроенных функций для упрощения процесса разработки. В этом модуле мы рассматриваем преимущества Django, способы ее установки и создание первого проекта.

  Платформа Django ориентирована на приложения на основе данных, поэтому она предоставляет собственный объектно-реляционный модуль сопоставления (ORM). Мы рассмотрим основные понятия ORM и принципы работы Django ORM. Мы создадим собственные модели и настроим базу данных.

  Вероятно, самой популярной особенностью фреймворка Python Django является встроенный сайт администратора, который позволяет внутренним пользователям управлять данными без необходимости создания специальной утилиты. Мы рассмотрим, как настроить пользователей для использования этого сайта и как настроить сам сайт.

  Как и у любой другой веб-платформы, у Django есть подсистема создания шаблонов для динамического HTML. Сведения, к которым пользователь хочет получить доступ, создаются этой подсистемой и отображаются в представлениях. Мы рассмотрим работу подсистемы и процесс создания представлений в Django.

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

  Чтобы приложение было доступно по всему миру, его необходимо где-то разместить. Здесь вы узнаете, как развернуть приложение в Azure и создать для него базу данных.

  • Светлая
  • Темная
  • Высокая контрастность
  • Предыдущие версии
  • Блог
  • Участие в доработке
  • Конфиденциальность
  • Условия использования
  • Товарные знаки
  • © Microsoft 2023
  • Светлая
  • Темная
  • Высокая контрастность
  • Предыдущие версии
  • Блог
  • Участие в доработке
  • Конфиденциальность
  • Условия использования
  • Товарные знаки
  • © Microsoft 2023

  Создание веб-сайта с помощью Python 5 мин для чтения

  

  Flask — это фреймворк для веб-разработки. В Python есть два модуля, которые можно использовать для веб-разработки: Django и Flask. Однако Flask более легкий и легкий в освоении. В этой статье мы создадим очень простой веб-сайт, используя модуль Python Flask.

  Для начала устанавливаем Flask:

  pip install flask

  Шаг # 1: минимальное веб-приложение

  Минимальное приложение можно найти по адресу https://flask.palletsprojects.com/en/2.0.x/quickstart/#a-minimal-application. Это веб-страница, на которой отображается «Hello World». Первым делом мы создали экземпляр Flask() с аргументом «__name__». Декоратор маршрута используется для того, чтобы сообщить Flask URL-адрес, который активирует написанную нами функцию.

  from flask import Flask app = Flask(__name__) @app.route('/') def index(): return "Hello World" if "__name__" == "__main__": app.run(debug=True)

  Затем в терминале PyCharm введите следующее (где имя моего файла Python — main.py; в вашем случае замените main.py именем вашего файла Python):

  set FLASK_APP=main.py $env:FLASK_APP = "main.py" flask run

  Как только вы запустите «flask run», терминал выдаст URL-адрес с портом. Этот URL: PORT — это место, где загружается веб-страница. Вы всегда можете нажать Control+c, чтобы выйти. В нашем случае написано: «Запуск на http://127.0.0.1:5000/ (нажмите CTRL + C, чтобы выйти)». Итак, откройте свой веб-браузер, скопируйте и вставьте указанный URL. В моем случае мы скопировали и вставили «http://127.0.0.1:5000/». Также обратите внимание, что предыдущие строки должны запускаться каждый раз, когда вы перезапускаете PyCharm, чтобы он работал.

  Шаг № 2: Добавление HTML

  Первое, что вам нужно сделать, это открыть папку, в которой находится скрипт Python, и создать папку под названием «templates». Когда мы впервые запустили это, мы попытались указать имя «templates» в качестве имени папки, и вся программа вылетела и не работала. Поэтому обязательно назовите папку «templates». В этой папке «templates» создайте файл index.html с вашим HTML-кодом. Затем используйте render_template() и передайте index.html в качестве аргумента. Теперь, если вы запустите «flask run» в терминале, ваш HTML-код должен отобразиться:

  Читать Как комментировать в Python

  html-код (index.html) на данный момент выглядит следующим образом:

         
  Мое резюме Эта страница будет содержать мое резюме
    

  И код файла Python (main.py) выглядит следующим образом:

  from flask import Flask, render_template app = Flask(__name__) @app.route('/') def index(): return render_template("index.html") if "__name__" == "__main__": app.run(debug=True)

  Последний будет отображать простую HTML-страницу.

  Шаг № 3: Добавление CSS

  Теперь я хочу добавить CSS в свой HTML. Для этого создайте папку с именем «static» и создайте файл с именем «main.css». Здесь имя фактического файла CSS может быть любым. Мы решили назвать наш «main.css». Однако имя папки должно быть «static»! Фактически, в «static» папке можно разместить все, что является статическим, например CSS, JavaScript и изображения. Итак, если вы собираетесь размещать изображения, JavaScript и CSS, вы можете создать подпапки.

  Сначала напишем нужный CSS (main.css):

  body < margin:0; color: #333 font-family: verdana; font-size: 20px; background-color: rgb(201, 76, 76); >.styled

  Здесь, в index.html, нам нужно написать >”> в заголовке HTML-файла. Здесь filename — это имя файла CSS (у нас main.css). Если, например, «main.css» находится с подпапкой «css», вы должны написать следующее:

  После этого вы можете использовать созданный вами CSS. Например, мы создали один под названием «styled» и использовал его в классе h1.

  Файл index.html будет следующим:

       >">  
  Мое резюме Эта страница будет содержать мое резюме
    

  Главный файл Python — main.py — остается прежним.

  from flask import Flask, render_template app = Flask(__name__) @app.route('/') def index(): return render_template("index.html") if "__name__" == "__main__": app.run(debug=True)

  Шаг 4: Добавление изображения

  

  Теперь давайте добавим изображение на созданную HTML-страницу! Для этого мы используем созданную нами папку «static». Внутри папки «static» мы создали другую папку под названием «images». В папке изображений мы поместили изображение. Теперь давайте добавим изображение в HTML-код следующим образом: . В этом случае мы установили высоту изображения 200, но вы можете изменить ее на все, что захотите, и добавить CSS, если хотите.

  Читать Проблемы с практикой Python. Приготовьтесь к следующему собеседованию

  HTML-код будет выглядеть следующим образом:

       >">   
  Мое резюме
   Эта страница будет содержать мое резюме 

  В качестве альтернативы можно также использовать следующее:

  .

  В этом случае HTML-код будет выглядеть так:

       >">  
  Мое резюме
   Эта страница будет содержать мое резюме 

  Шаг № 5: Добавление JavaScript

  Есть два способа добавить JavaScript. В этой первой демонстрации я создам кнопку. Когда кнопка нажата, она активирует функцию myFunction(), которая будет JavaScript (находится в теге ). Для этого настройте кнопку. Затем установите тег скрипта в заголовке HTML-кода и определите в нем функцию. В нашем случае мы определили функцию, которая будет добавлять «все резюме» к элементу p при нажатии кнопки.

  Вы можете добавить его в файл index.html следующим образом:

       >"> function myFunction()   
  Мое резюме
   Эта страница будет содержать мое резюме 
   
   Click to see Resume  

  Однако в большинстве случаев файлы JavaScript, как правило, сами по себе являются документами, а не однострочниками. В таких случаях у нас будет файл .js, который нужно связать. В нашем случае мы бы написали: . Итак, как и в случае с файлом изображения, мы связываем файл js следующим образом:

       >">     
  Мое резюме
   Эта страница будет содержать мое резюме 
   
   Click to see Resume  

  В качестве альтернативы вы также можете использовать это: . Последний сгенерирует этот HTML-код:

       >">    
  Мое резюме
   Эта страница будет содержать мое резюме 
   
   Click to see Resume  

  Читать 9 лучших языков программирования для изучения в 2020 году

  Заключение

  Flask — это микро-фреймворк, который удобен в использовании и отлично подходит для начинающих. В частности, сама документация великолепна, и ее можно найти по адресу https://flask.palletsprojects.com/en/2.0.x/quickstart/#static-files. В этой статье мы узнали, как создать простой веб-сайт, добавить CSS, добавить изображения и добавить JavaScript на веб-сайт с помощью модуля Python Flask. Мы надеемся, что эта статья оказалась для вас полезной, и, пожалуйста, ознакомьтесь с Linux Hint для получения более информативных статей.

  Если вы нашли ошибку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.