Однажды я дам тебе печень, возьми 100 дизайнеров форм ~~

внешний интерфейс Element Vue.js

Когда босс использует свой мозг, мастер ломает себе пояс

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

"Большой брат, я тоже читал эту статью, не говори так, так пронзительно написано!"

«Я смотрю это уже в третий раз. Быть фронтендером действительно непросто. Такая смена формы выглядит грандиозно…»

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

"Это не так, добавление кнопки нужно перепроверить и отпустить. Глаза открываются и закрываются, а день прошел~~ Вой"

«Большой брат, как ты думаешь, мы можем создать новое колесо для формы, чтобы спасти фронтенд xdjm от огня и воды?»

"Это можно сделать, но колесиков на форме довольно много, их 8 вместо 10."

«Если вы хотите это сделать, вам нужно сделать что-то уникальное. Это называется дифференцированная конкуренция!»

"Нравиться?"

«Прежде всего, это должно быть легко начать работу. Форма конфигурации устарела. Кто может запомнить столько свойств? Так что это должно быть перетаскивание, и вы можете использовать его, когда начнете».

"Хорошо, пойми"

«Во-вторых, необходимо удовлетворить сложную логику взаимодействия. Как форма без взаимодействия может иметь душу!?»

"Хорошо, это тоже устроено!"

«Конечно, проверку данных формы также следует рассматривать комплексно, и следует организовать регулярную проверку и таможенную проверку!»

"Удовлетворено, это должно быть удовлетворено!"

«Кроме того, стили CSS тоже должны быть встроенными, форма некрасивая, а стили сойдутся!»

"Я не знаком с CSS, я подумаю об этом~~"

"О чем думать? Не ждите, начните сегодня, а я проверю товар через два месяца!"

"..."

=================== Разделительная линия, вот золотая разделительная линия ===================

VForm молодой

После двух месяцев рытья и засыпки котлована мастер на славу выполнил задачу по прокатке нового колеса - VForm выпущен.Полное название VForm не VueForm, а VariantForm (оно точно не популярно).

variant

Английский [ˈveəriənt]

красота [veriənt]

n.

вариация; вариация; деформация;

adj.

Вариантный, разный, непохожий, непоследовательный, разнообразный, изменчивый, неопределенный;

Здесь Вариант расширен, чтобы быть гибким, изменчивым и неосязаемым.Что бы ни изменились ваши потребности, я останусь прежним.

Что за бред, сразу к галантерее:Нажмите здесь, чтобы испытать это сейчас

Начнем с анимации:

Давайте сделаем еще одну анимацию, чтобы почувствовать взаимодействие (щелкните мышью, чтобы увеличить масштаб):

Почувствуйте расширенное взаимодействие (щелкните мышью, чтобы увеличить масштаб):

====================Разделительная линия, вот линия золотого сечения 2=====================

Особенности VForm

1. WYSIWYG, дизайн с перетаскиванием, 0 начальных затрат;

2. Поддерживает богатые контейнерные компоненты и полевые компоненты, до 20 видов;

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

4. Поддержка пользовательских стилей CSS, пользовательских функций;

5. Поддержка богатых интерактивных событий и методов API;

6. Прямой экспорт исходного кода компонента Vue или исходного кода HTML и интеграция с существующими проектами за одну минуту;

Больше возможностей:woohoo.v/…

Общие сценарии применения VForm

VForm можно применять в следующих сценариях:

1. Дизайн формы рабочего процесса;

2. Редактирование справочной формы управления бизнесом;

3. CRUD новая/редактированная форма;

4. Сбор данных (регистрационная форма, анкета, ежедневник здоровья и т.д.);

5. Анкетный опрос;

6. Платформа разработки с низким кодом;

Финальная подача твердых блюд

репозиторий библиотечных файлов(без исходного кода):GitHub.com/vvideosadmin/VF…

резервный репозиторий gitee:git ee.com/v короткое видео admin/VF…

Работа с документацией:woohoo.v/…

онлайн демо:http://120.92.142.115/

Самое главное поставить его последним,У вас есть исходный код? имеют! ! ! (Это объясняется в документации)

Это все для сегодняшнего введения.В следующем выпуске будет подробно объяснен процесс кодирования реализации VForm и различных пит-экспериментов, а также прослушаем следующую декомпозицию.