ДокументацияПервые шаги
Учебник Nexy: шаг за шагом создайте приложение для заметок
Учебное пособие Nexy создает одно приложение для заметок из пустой папки в производственную сборку, по одной части за раз, и каждая часть заканчивается запуском приложения.
Впервые в Некси? Быстрый запуск показывает, что он заработает через три минуты; вернитесь сюда, чтобы узнать, как это работает.
Как работает учебник
- Одно приложение, которое растет. Каждая часть добавляет одну функцию к приложению заметок предыдущей части.
- Ваш маршрутизатор. Детали соответствуют маршрутизатору, выбранному в верхней части меню: файловому, модульному или индивидуальному. Переключите его туда, и вместе с ним изменяются файлы каждой части.
- Код, который работает. Каждый файл с именем над ним представляет собой целый файл, и набор тестов воспроизводит его части по порядку в новом проекте: что вы копируете, то и запускается.
- Остановитесь где угодно. Каждая часть занимает от 10 до 20 минут и заканчивается тем, что нужно проверить в браузере.
Части
Блок 1: основы
| Часть | Что вы добавляете | Что вы узнаете |
|---|---|---|
| 1. Создайте проект | проект, который работает | nexy new, nexy dev |
| 2. Страницы и макеты | страница заметок | страницы, просмотры, макет |
| 3. Динамические маршруты и API | /notes/1 и /api/notes |
Сегменты URL, маршруты JSON, notFound |
| 4. Компоненты | карта на банкноту | .nexy компоненты и их реквизиты |
Блок 2: данные
| Часть | Что вы добавляете | Что вы узнаете |
|---|---|---|
| 5. Сохраните заметки в папке SQLite | модель, миграция, семя | SQLModel, nx migrate |
| 6. Создайте заметку из формы | форма, которая сохраняет заметку | Действия, формы без JavaScript |
| 7. Показать ошибки проверки | сообщение над формой | правила в действии, 303, useSearchParams |
| 8. Редактировать и удалить заметку | формы заметки | несколько действий на странице, скрытые поля |
| 9. Разбивка заметок на страницы | пять заметок на странице | offset и limit, ссылки между страницами |
Блок 3: пользователи
| Часть | Что вы добавляете | Что вы узнаете |
|---|---|---|
| 10. Создайте учетную запись и войдите в нее | зарегистрироваться, войти, выйти | сеансы, хеширование паролей |
| 11. Дайте каждому пользователю свои заметки | заметки, принадлежащие пользователю | внешние ключи, redirect, 401 |
| 12. Сброс забытого пароля по электронной почте | ссылка для сброса, отправленная по электронной почте | smtplib, подписанные токены, срок действия которых истекает. |
Блок 4: интерактивность
| Часть | Что вы добавляете | Что вы узнаете |
|---|---|---|
| 13. Ищите заметки по мере ввода | поле поиска, которое фильтрует по мере ввода | React острова, реквизит из Python |
| 14. Отметьте заметку без перезагрузки страницы | кнопка «Готово» на каждой заметке | прогрессивное улучшение, одно действие для формы и для fetch |
Далее
| Единица | Что дает приложение |
|---|---|
| 5. Помимо запроса | заметки, отправляемые по электронной почте в фоновом режиме, ежедневный дайджест, обновления в реальном времени |
| 6. Корабль | тесты, страницы ошибок и журналы, заголовки безопасности, сборка Docker |
Следующие шаги
- Часть 1: создаем проект
- Основные понятия: слова, используемые в руководстве.