Разработка с низким кодом — это визуальный метод разработки приложений.
Благодаря разработке с минимальным кодом разработчики с любым уровнем опыта могут создавать веб-приложения и мобильные приложения, используя компоненты перетаскивания и логику на основе моделей через графический пользовательский интерфейс.
Платформа разработки с низким кодом освобождает нетехнических разработчиков от работы по кодированию и поддерживает профессиональных разработчиков, абстрагируясь от утомительных базовых архитектурных и инфраструктурных задач разработки приложений. В этой статье рекомендуются 5 проектов с открытым исходным кодом, которые получили высокую оценку на GitHub.
01. конструктор веб-страниц
Это простой конструктор страниц с низким кодом для создания красивых веб-сайтов без написания кода. Вам просто нужно выбрать нужный модуль в области компонентов справа и перетащить его в область редактирования слева. Таким образом, простой веб-сайт может быть создан посредством простого взаимодействия.
Если вы хотите внедрить этот редактор веб-сайтов в другие проекты, вы можете выполнить следующие шаги, сначала установив зависимости:
yarn add blocks-ui @mdx-js/react @blocks/reactnpm i blocks-ui @mdx-js/react @blocks/react
Далее нужно просто встроить в проект следующий код:
import React from 'react'import Editor from 'blocks-ui'const JSX = `import React from 'react'import { HeaderBasic } from '@blocks/react'export default () => ( <Blocks.Root> <HeaderBasic> <HeaderBasic.Logo to="/">Hello</HeaderBasic.Logo> <HeaderBasic.Nav> <HeaderBasic.Link to="/about">About</HeaderBasic.Link> <HeaderBasic.Link to="/blog">Blog</HeaderBasic.Link> <HeaderBasic.Link to="/contact">Contact</HeaderBasic.Link> </HeaderBasic.Nav> </HeaderBasic> </Blocks.Root>)`export default () => <Editor src={JSX} />
02. Библиотека инструментов JavaScript для визуализации процессов
iMove — это логически повторно используемая, функционально-ориентированная библиотека инструментов JavaScript для визуализации процессов. Этот проект с открытым исходным кодом ориентирован на фронтенд-разработчиков, и основным решением является проблема повторного использования сложной логики.
iMove состоит из 2-х частей: canvas и imove-sdk. Запустите холст, запустив службу HTTP локально, завершите написание кода и размещение узлов на холсте и, наконец, экспортируйте процесс в dsl, поместите его в проект, вызовите и выполните его через imove-SDK.
Применимо ко всем сценариям JavaScript: например, событиям кликов во внешнем интерфейсе, запросам Ajax и внутренним API-интерфейсам Node.js и т. д.
03. Интерфейсные инструменты с низким кодом
Создайте проект Vue.js, перетащив компоненты непосредственно в визуальный редактор, а затем изменив их размер с помощью простых взаимодействий. Объедините дизайн и прототипирование в один процесс. Когда вы создаете удовлетворительный интерфейс с помощью перетаскивания, интерфейсный код также пишется для вас, вам просто нужно загрузить код.
04. Веб-конструктор
Просто посмотрите на картинку ниже, вы можете быстро создать веб-страницу, отредактировав ее на веб-странице.Если вы хотите изменить текст, вы можете изменить его прямо на веб-странице, добавить баннер, список изображений и т. д. , просто перетащив его. Студенты, которые занимаются фронтендом, могут сосредоточиться на изучении этого проекта, и такие технологии будут в центре внимания будущей разработки.
05. Платформа разработки с низким кодом
rtvue-lowcode — это платформа разработки с низким кодом, основанная на инфраструктуре uniapp и библиотеке компонентов uview.Проект предоставляет визуальный редактор перетаскивания, который подходит для разработки приложений, небольших программ и других проектов. Для разработчиков клиент/браузер это действительно работает из коробки! В настоящее время проект находится в стадии разработки, и реализованы следующие функции: компоненты формы, пользовательские формы, лотерейные вертушки и диаграммы.
Я считаю, что после завершения разработки этот проект станет очень хорошим инструментом, который может значительно снизить стоимость разработки корпоративного приложения.