Лаогуан каждый день заходит на ProductHunt — зарубежную платформу для поиска интересных продуктов.

Платформа теперь является лучшим местом для пользователей, чтобы открыть для себя новые продукты, предпринимателей, чтобы получить вдохновение, инвесторов, чтобы найти новые возможности, и учредителей, чтобы продвигать свои продукты.

В последнее время платформа ProductHunt выпустила множество популярных новинок, большинство из которых имеют пометку low code.

Low-code — это концепция визуального создания приложений, которая характеризуется гораздо меньшим количеством кода, чем традиционная разработка, или даже полным отсутствием кода, что позволяет значительно повысить эффективность разработки. Сегодня low-code не ограничивается только разработкой программных приложений, пока он помогает пользователям выполнять работу посредством визуального взаимодействия, он относится к категории low-code.

Если вы до сих пор не понимаете, что такое low code, можете взглянуть на проекты с открытым исходным кодом, упомянутые в этой статье. В этой статье перечислены 10 самых популярных проектов с открытым исходным кодом с низким кодом на GitHub и Code Cloud, не забудьте их собрать.

01.Быстро создавайте страницы H5

Любань H5 Строитель

Luban H5 — это платформа для быстрого создания страниц на основе Vue 2.0, которая может быстро завершить создание страницы с помощью простого перетаскивания, аналогично таким платформам, как Yiqixiu, Maka и Baidu H5.

Левая сторона — это часто используемые компоненты, правая сторона — интерфейс настройки свойств компонента, а средняя область — область редактирования и предварительного просмотра. Luban H5 содержит множество компонентов на выбор, в том числе:

Радарные диаграммы, линейные диаграммы, гистограммы, круговые диаграммы, воронкообразные диаграммы
Изображения, рейтинги, формы, текст, карты, видео и т. д.

Значки и компоненты карты

Компонент линейной диаграммы

Платформа с низким кодом для личных работ

Этот проект основан на технологическом стеке Vue.js.Главная страница платформы разделена на четыре части: панель инструментов, список компонентов, холст и область свойств. Перетащите компоненты в область холста.

Пользователи могут перетаскивать компоненты списка компонентов на холст, чтобы редактировать элементы на холсте. Это всего лишь демонстрационная версия, а другие более богатые компоненты можно разрабатывать дважды.

Создание страниц Визуальный редактор

Существует также демо-версия визуализации страниц, в которой создается редактор визуализации страниц на основе next.js. Логика R&D всего редактора представляет собой библиотеку компонентов для разработки интерфейса, редактор считывает компоненты для завершения построения страницы и отправляет данные страницы на сервер для сохранения. Получите доступ к странице, извлеките данные страницы с сервера и отобразите страницу во внешнем интерфейсе.

Редактор микросцен Xixinxiu версии H5

Функции редактора: перетаскивание, масштабирование, поворот, анимация, отмена, повтор, группировка элементов.

Компоненты: материал, текст, изображение, вызов языка QQ, фон, карта, звуковой эффект, шаблон, видео, искусство слова.

H5-factory

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

https://juejin.cn/post/6844903858401968136

Мобильная платформа H5 с низким кодом

vue3.x vite2.x vant element-plus H5 бюджетный мобильный интернет lowcode визуальные коды перетаскивание визуальный редактор визуальный редактор аналогичное производство H5 ECHINFO show, инструменты станции, сборка инструментов визуализации

02.генератор плакатов

В крайнем левом углу редактора постеров находится список компонентов. Вы можете выбрать компоненты в крайнем левом углу, такие как текст, QR-коды, изображения и т. д., чтобы добавить их в область холста посередине, и настроить стиль добавленных компонентов с помощью панели настройки свойств справа.

Быстро: три шага для завершения работы по разработке плаката: запустить сервис > отредактировать плакат > сгенерировать код

Простой: богат компонентами, поддерживает перетаскивание, копирование, WYSIWYG, загрузку и другие функции.

Динамический: вы можете получить последний постер, изменив постер прямо в редакторе без изменения кода.

загрузить аватар

сделать предварительный просмотр

Получить код: щелкните код, чтобы просмотреть код вызова соответствующего интерфейса.

03.Платформа разработки с низким кодом JEECG BOOT

JeecgBoot — это платформа с низким кодом, основанная на генераторах кода! Интерфейсная и серверная архитектура разделения SpringBoot2.x, SpringCloud, Ant Design&Vue, Mybatis-plus, Shiro, JWT, поддержка микросервисов. Мощный генератор кода позволяет одним щелчком генерировать интерфейсные и серверные коды, что позволяет разрабатывать с минимальным кодом!

Разработка онлайн-форм, онлайн-отчет, возможность настройки отчетов, онлайн-дизайн диаграмм, дизайн большого экрана, возможность мобильной настройки, дизайнер форм, процесс онлайн-дизайна, настройка автоматизации процессов, возможность подключения (подключаемого) и многое другое!

04.инструменты amis с низким кодом

Автор считает, что: для большинства распространенных страниц следует использовать самый простой метод реализации, даже без изучения интерфейсных фреймворков и инструментов.

amix — такой инструмент с низким кодом. Он может генерировать различные фоновые страницы с помощью конфигурации JSON, что значительно снижает затраты на разработку и даже не требует знания внешнего интерфейса. Его уникальные преимущества:

Вы можете сделать профессиональный и сложный back-end интерфейс, не зная front-end, что невозможно для всех других front-end UI библиотек;
Не зависит от обновлений интерфейсных технологий;
Страницы можно делать полностью с помощью визуального редактора страниц;

05. Seezoon Stack

Seezoon Stack — это платформа разработки с низким кодом, основанная на текущих реализациях внешнего интерфейса и внутреннего интерфейса. Стек внешних технологий основан на Vue3 + Vite + Antdv, а стек внутренних технологий основан на загрузке Spring.

Он нацелен на быструю разработку и делает определенные компромиссы между скоростью разработки и структурой кода.В любом случае вы увидите использование очень идиоматических сред разработки Java. Проект использует основную структуру разработки, а упаковка, компиляция и развертывание выполняются в соответствии со стандартами крупных компаний и постоянно совершенствуются.

Эти проекты с открытым исходным кодом: Любань h5: Адрес:GitHub.com/utilize525/luban…

Личные работы низкий код: адрес:GitHub.com/I Love 3From/vis U…

Визуализация страницы сборки: адрес:GitHub.com/фантастические ИТ…

Бесплатное шоу: Адрес:GitHub.com/Dragon Zontal Knight…

h5-завод: адрес:GitHub.com/Цыпленок с артишоками/Также 5…

Мобильная платформа с низким кодом H5:GitHub.com/Буччи несправедливость/ви…

Генератор постеров: Адрес:git ee.com/Вито замечательно/быстро…

jeecg-boot: адрес:git ee.com/сумма превышает/сумма превышает…

друг:gitee.com/baidu/amis

Seezoon-стек: адрес:git ee.com/Доктор Хуан/см.…

Наконец, чтобы эту статью не нашли, вы можете добавить ее в закладки и поставить лайк, чтобы упростить просмотр и поиск. Добро пожаловать в официальный аккаунт и посетите GitHub (ggGithub).