Рубрики
Без рубрики

Как построить веб-приложение на вашем телефоне – Python & Pydroid Android-приложение Учебное пособие

Автор оригинала: Precious Oladele.

Привет, как дела? Я 18-летний разработчик Backend и инженерский инженер-обучение машины. И в этой статье я собираюсь писать о том, как создать веб-приложение на вашем телефоне, используя Python 😁. Давайте погрузимся в это.

Требования

Первое, что нам нужно здесь, это телефон Android, по крайней мере, версия 6,0 и вверх. Но что, если я сказал вам, что все, что нам нужно? Кажется слишком хорошим, чтобы быть правдой.

Теперь следующее, что нам нужно сделать, это установить мобильное приложение на свой телефон под названием Pydroid 3.

Как видите, Pydroid3 – это мобильное приложение, которое позволяет писать Python на своем мобильном телефоне, поэтому идите вперед и установите его.

Следующее, что нам нужно сделать, это установить Django. Если вы не знакомы с Django, пожалуйста, проверьте Django Docs здесь Отказ

Чтобы установить Django, нам нужно открыть боковую навигацию в нашем Pydroid3 и выберите Терминал:

Затем нажмите на него, и мы должны увидеть это:

Как только это сделано, все, что вам нужно сделать, это введите следующую команду:

pip install django

И вы должны получить ниже. Я получаю сообщение «Довольные требования», потому что у меня уже установлено.

Он успешно установил, но давайте подтвердим это. В типе терминала Django-admin и нажмите ввод.

Вы должны получить это:

Это означает, что он на самом деле уже установлен.

Как построить наш проект

Итак, давайте начнем с создания нашего проекта. Откройте свой терминал и введите следующую команду:

Django-Admin StartProject MyApp

Это создает приложение Django под названием MyApp в вашей корневой папке.

Изменить каталог на него, набрав CD MyApp и введите Python Manage.py Runserver Отказ Тогда вы должны получить это:

Теперь сервер начался. Далее, чтобы проверить его в браузере Посетите 127.0.0.1:8000 Отказ

И бум! Вы должны увидеть, что Django успешно установлено.

Следующее, что нам нужно сделать, это создать наше приложение Django. В Django папка Project служит корнем, пока приложение служит самим приложением.

Чтобы создать приложение Django, убедитесь, что вы все еще в каталоге, затем введите Python Manage.py StartApp Todo Отказ Это создает приложение TO-DO в нашем проекте MyApp, как это:

Затем внутри папки Todo мы должны увидеть что-то вроде этого:

Мы сделаем дальнейшее посмотрите на файлы, когда начнем работать с ними.

Как настроить приложение

Теперь давайте сделаем это возможным для обслуживания проекта Django. Прежде всего, откройте свой settings.py Файл в папке MyApp и добавьте «TODO» К установленным приложениям, как это:

Далее нам нужно открыть наши URLS.PY и добавьте следующее в свой код:

from django.urls import path, include

path('', include('todo.urls'))

Что на самом деле произошло, было то, что я добавил включить от django.urls Путь импорта. А ниже пути ( admin ), мы создали пустой путь, который указывает на или включает в себя URLS.PY Файл в каталоге Todo App. Я надеюсь, что это ясно.

Далее нам нужно создать новый файл в каталоге файла TODO с именем URLS.PY и добавьте следующий код в нем:

from django.urls import path
from . import views

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

Мы импортировали путь от Django.urls а также импортировано Виды из корневого каталога. Тогда мы создали наши URLPatterns с первой частью корневой ссылки. Как видите, Views.index просто означает, что указываем этот вид на функцию индекса в на просмотр .py файл. Вы увидите, как это работает в Jiffy.

Давайте идти вперед к нашему просмотр .py Файл и добавьте код.

Наверх, импорт Httpresponse как это:

от Django.http Импорт httpresponse

И добавьте это под ним:

def index(request):
	return HttpResponse('Hello')

Как видите, мы создали функцию индекса, которую мы позвонили в нашу URLS.PY И мы передали параметр запроса в него. Тогда мы вернули Httpresponse Отказ

Но до Httpresponse Можно работать, мы должны импортировать его из django.http Импорт httpresponse – так же просто, как ABC. Давайте попробуем это: откройте свой терминал и CD в MyApp и введите Python Manage.py Runserver Чтобы проверить это.

Как видите, он вернул ответ. Так что дальше мы загрузим наш шаблон HTML-файлы.

Чтобы загрузить наши HTML-файлы, нам нужно создать такую папку в каталоге TODO в этом порядке:

TODO/Шаблоны/Todo

В каталоге Todo создайте папку с именем шаблонов. Внутри этой папки создайте папку, называемую TODO, так же просто.

Тогда продолжайте и создайте простой HTML-файл под названием Index.html и напишите это в нем:

Hello World

Загрузить его просмотр .py код выглядеть так:

def index(request):
	return render(request, 'todo/index.html')

Теперь вместо возврата ответа мы вернули визуализацию визуализации, которое позволяет нам сделать наш HTML-шаблон сейчас, сохранить этот откройте свой клеммный CD в MyApp и запустить его. У нас должно быть это

Как вы можете видеть, это работает хорошо – на следующий шаг.

Как настроить статические файлы

Теперь, чтобы настроить статические файлы, создайте новую папку в каталоге Todo и назовите его Static. Внутри этой папки создайте папку и назвать ее TOO.

Так что это должно быть так: /Static/Todo/ Отказ

В каталоге Todo создайте файл и назовите его main.csss Отказ Тогда давайте напишем небольшой стиль в нем:

body {
background-color: red;
}

И сохранить это.

Теперь давайте повторно отредактируем нашу index.html Файл, написав этот код:

{% load static %}




My page



Hello

И теперь давайте запустим это:

Если вы использовали вместе со мной, то у вас должно быть выше.

Как загрузить модели и панель администратора

Теперь загрузить нашу панель администратора, нам нужно создать суперпользователь. Это просто сделать – просто откройте свой терминал и CD в папку MyApp, затем введите Python Manage.py CreateSuperUser и нажмите ввод. Вы должны увидеть это:

Мы получаем ошибку, потому что мы не работали Python Manage.py Миграция еще. Так что наберите это и нажмите Enter, и вы должны иметь что-то вроде этого:

Теперь введите Python Manage.py CreateSuperUser и нажмите Enter:

Просто заполните учетные данные. Следующее, что нам нужно сделать, это управлять нашим сервером и указать на 127.0.0.1:8000/Admin.

Войти, и вы будете направлены на приборную панель:

Теперь, когда мы сделали панель администратора, давайте работать с моделью (базой данных). Мы создадим модель, которая собирает содержимое. Так что откройте свой Models.py Файл и введите этот код:

class Post(models.Model):
	content = models.CharField(max_length=255, null=False)
    
    def __str__(self):
    	return self.content

Мы создаем класс, который имеет параметр модели. Model и дает переменную Содержание который держит Шарфилд () , больше похоже на текстовое поле. Наконец, мы создаем волшебство утра Это возвращает имя модели вместо объекта.

Так что дальше нам нужно провести миграцию. Откройте свой терминал, CD в MyApp, и введите Python Manage.py Makemigrations Отказ Вы должны увидеть это:

Это означает, что он создал почтовый стол в нашей базе данных. Тогда и запустите Python Manage.py Миграция который приведет к следующему:

Это означает, что все ясно. Теперь, чтобы добавить его на страницу администратора, откройте admin.py И введите этот код:

from .models import *

admin.site.register(Post)

Мы импортировали все классы модели из модели и зарегистрировали модель Post на панели администратора. Теперь, если мы открываем панель администратора, мы должны увидеть сообщение и сохранить некоторые данные.

Обратите внимание, что сейчас в списке приложений Todo:

После нажатия на него вы должны увидеть это:

Тогда вы можете создать пост, если хотите.

Как визуализации данных из БД для просмотра

Наконец, мы получим наши данные из БД. Для этого нам нужно обновить наши просмотр .py следующим образом:

from .models import *

def index(request):
	content = Post.objects.all()
    context = {'content': content}
    return render(request, 'todo/index.html', context)

Это так просто: мы импортировали все из Models.py создал переменную под названием Содержание и восстановил все данные из поста таблицы. Затем мы передали его как словарь на наш взгляд. Так что в нашем index.html заставить его работать просто добавить это:

{% for contents in content %}
{{content.content}}
{% endfor %}

Здесь мы написали петлю, используя тег шаблонов и выделил все содержимое данных. Теперь откройте свой терминал, CD в MyApp и запустите сервер, чтобы увидеть магию:

Это работает, но давайте подтвердим, что это делает:

И результат должен быть следующим:

Violà – это работает нормально. Наконец, вы можете просто добавить перерыв на линии, чтобы вы могли прочитать его более четко. И мы закончили!

Спасибо за чтение. Если вы хотите пройти через углубленный учебник Django, пожалуйста, посетите мой канал YouTube DevStack и подписаться.