Быстрый и грязный Django Drag & Drop Bootstrap Build с Layoutit.com

Alay Alliteration

Вещи, которые вы должны знать.

1. Я новичок в Джанго, то есть. не эксперт.
2. Это инструкции для нового проекта Django. Я делаю учебник Re: добавление представлений в существующий проект с этим методом, но я еще не там. Тем временем – умно, я верю в тебя.
3. Re: Статические файлы, если вы собираетесь развернуть этот проект для производства Djangoproject говорит: « Этот метод чрезмерно неэффективен и, вероятно, небезопасен, поэтому оно не подходит для производства. ” ТАК. Посмотреть здесь для разрешения.
4. Вероятно, не нужно говорить, но на всякий случай: name_of_project / name_of_app . Показывать несколько раз и нужно заменять своими глубоко творческими альтернативами.
5. Django 2+
6. Bootstrap 4+

Полезные сайты

• DjangoProject.com ” Написание вашего первого приложения Django “
• https://docs.djangoproject.com/en/2.2/

Добираться до точки уже

1. Виртуальная среда (Я рекомендую это, но я не полицейские – делай то, что вам нравится.)
2. PIP Установить Django Django-bootstrap4
3. Django-admin startproject name_of_project
4. CD name_of_project.
5. python manage.py startapp name_of_app
6. Создать name_of_app/шаблоны/name_of_app
7. Создать name_of_app/static/name_of_app

8. Внести необходимые изменения в name_of_app/settings.py.

   • Добавить запись в Stall_apps : 'name_of_app.capps. Nameofappconfig ',
   • Добавить запись в ШАБЛОН ‘s Варианты Dict, используя контент в Связанный раздел ниже Отказ

9. Сделайте дополнительные изменения в name_of_app/settings.py.

   • Базы данных
   • ЧАСОВОЙ ПОЯС
10. Python Manage.py мигрировать
11. Макет сборки на Макет , скачать и расстевать.
12. Скопировать layoutit_dir/layout/src/index.html к name_of_project/name_of_app/шаблоны/name_of_app Отказ
13. Скопируйте CSS/Fonts/JS Dirs в layoutit_dir/layout/src к name_of_project/name_of_app/static/name_of_app Отказ
14. Создать base.html в name_of_app/шаблоны/name_of_app , заполните с контентом от Связанный раздел ниже Отказ
15. Открыть name_of_app/шаблоны/name_of_app/index.html Сделайте замены в Связанный раздел ниже Отказ
16. Открыть name_of_app/просмотр .py и добавить вид, используя содержимое от Связанный раздел ниже Отказ
17. Создать name_of_app/urls.py и заполните содержанием от Связанный раздел ниже Отказ

18. Открыть name_of_project/urls.py и:

    • Добавить включить к django.urls Импорт (например от импорта Django.url включают, путь )
    • Добавить импорт От name_of_app Импорт представлений
    • Добавить путь к списку URLPatterns: Путь ('name_of_app/', включить ('name_of_app.urls'))
19. Python Manage.py Runserver
20. Откройте браузер к http://localhost: 8000/name_of_app/

8. [Шаблон] [Опции] Вход

            'builtins': [
                'django.contrib.staticfiles.templatetags.staticfiles',
            ],

Я

TEMPLATES = [
    {
        'BACKEND': 'django.template.backends.django.DjangoTemplates',
        'DIRS': [],
        'APP_DIRS': True,
        'OPTIONS': {
            'context_processors': [
                'django.template.context_processors.debug',
                'django.template.context_processors.request',
                'django.contrib.auth.context_processors.auth',
                'django.contrib.messages.context_processors.messages',
            ],
            'builtins': [ ### NEW ENTRY ###
                'django.contrib.staticfiles.templatetags.staticfiles',
            ],
        },
    },
]

14. base.html.

{% load static %}






    
    
    
    
    



    {% block content %}{% endblock %}

15. index.html замены

Заменять

С участием

{% extends 'name_of_app/base.html' %}

{% block content %}

потом Заменять

С участием

{% endblock %}

16. views.py Метод

from django.shortcuts import render

def index(request):
    # gather data
    # model_class = Model.objects....

    # create context
    context = {}

    return render(request,'name_of_app/index.html',context)

17. urls.py

from django.urls import path

from . import views

app_name = 'name_of_app'
urlpatterns = [
    path('',views.index,name='index')
]

Оригинал: “https://dev.to/williamlake/how-to-make-a-django-site-with-bootstrap4-and-layoutit-com-40op”