Мы все потратили время на создание внутренних инструментов, которые могут быть приложениями CRUD, административными панелями или сложными рабочими процессами. Такие внутренние инструменты используются для:
- Аналитика и отчетность
- Просмотры данных клиентов для групп продаж и поддержки
- Менеджеры конфигурации для клиентского пользовательского интерфейса, используемого техническими и нетехническими людьми
- Многоэтапные рабочие процессы данных, в которых участвуют несколько участников (например, инструменты модерации контента или клиентские KYC в Fin-Tech Startups)
Эти инструменты часто не очень интересны для создания из -за повторяющейся работы, связанной с такими, как создание пользовательского интерфейса, написание API CRUD, создание аутентификации и управление развертываниями. Я решил создать приложение, потому что Я не мог найти проект, который сделал большую часть работы для меня, а также легко настраиваемое .
Как работает Appsmith?
Первая настройка приложения с использованием Docker. Прочитайте инструкции здесь для процесса настройки в 2 минуты. ( https://docs.appsmith.com/quick-start#docker ). Или попробуйте наш онлайн -песочница
Перейти к https://localhost или публичный IP вашей машины, чтобы увидеть страницу входа в систему. Онлайн -песочница Анкет
Создайте новое приложение и назовите его.
Подключитесь к базе данных или API. Сегодня поддерживаются MySQL, Mongo, Postgres и REST. GIF ниже показывает меня, подключающееся к API.
Перейдите в раздел Canvas и выберите виджет пользовательского интерфейса. Appsmith отправляется с 16 компонентами, такими как таблицы, разные диаграммы, зритель карты, формы и т. Д. В примере ниже я использовал компонент таблицы.
Измените свойство таблицы, чтобы отобразить результаты вашего запроса, написав
{{QueryName.data}}Анкет Вы можете кодировать в JS и использовать функции Lodash внутри{{}}АнкетЗапустите действие через такие события, как Onclick, OntextChange, On SelectedRow и т. Д. Для операций CRUD.
Нажмите Deploy, чтобы увидеть ваше приложение в URL. (Вы можете настроить пользовательский домен в сценарии настройки)
Пригласите пользователей после назначения им роль. Они могут зарегистрироваться с помощью входа в форму или с помощью своих учетных записей Google/Github. Сделайте ваше приложение общедоступным, чтобы разрешить доступ без входа в систему.
Так что вы создаете простое приложение менее чем за 10 минут. Доступ к приложению, которое я построил на Appsmith Здесь Анкет
Appsmith является первым проектом с открытым исходным кодом, который создает внутренние инструменты. Если вам нравится проект, пожалуйста, Star нашего проекта GitHub Анкет
Какие функции мы должны добавить в Appsmith?
TL; DR: Appsmith – это структура с открытым исходным кодом для создания приложений для аналитики, рабочих процессов или операций CRUD. Замените все свои внутренние инструменты одним проектом. Смотрите GitHub Repo или попробуйте Пример приложения здесь Анкет
Оригинал: “https://dev.to/appsmith/show-dev-open-source-tool-to-build-admin-panels-crud-apps-internal-tools-13fh”