Отчаянно ищите примеры чистого JS (ES5) & Vue управляемого данными генератора страниц - PullRequest
0 голосов
/ 15 октября 2019

Я ищу указатели на документацию или пример кода для создания генератора страниц, ориентируясь преимущественно на формы, но, возможно, также на страницы, не относящиеся к формам.

Должно быть:

  • На основе Vue (из-за основных структур Vue говорит, что его можно добавлять постепенно)
  • Только ES5 - без ES6, Webpack,NPM, или аналогичный процесс сборки и т. Д. - просто чистый JS.
  • Способен генерировать полные страницы, а не просто формировать входные данные

Идея состоит в том, чтобы создать управляемый данными генератор страниц, в котором потокis:

  • код загружается в жизнь в браузере
  • он получает макет страницы с сервера через ajax
  • он отображает страницу с помощью Vueэлементы управления (намеренно избегая термина «компоненты», но это может быть частью решения - функции рендеринга?)
  • если это форма, то есть некоторая проверка, тогда пользовательские данные, когда они представлены, доступны для объединения в пакетбыть отправленным на сервер. По крайней мере, я уверен в этом.
  • Какой-то простой механизм маршрутизации может преобразовать маршрут в ключ для извлечения управляемой данными компоновки целевой «страницы» ... затем промыть и повторить.

Причина только для ES5 и отсутствия процесса webpack / build состоит в том, чтобы избежать зависимостей.

Из моего собственного исследования я нашел одного кандидата в

  • Reef - Легкая библиотека для создания реактивных компонентов на основе состояния и пользовательского интерфейса.

Может ли кто-нибудь указать мне на других?

[Для тех, кто завис надкнопка 'flag-to-close']

Я понимаю, что это широкий и плохо определенный вопрос, однако я думаю, что он стоит оставить, потому что:

  • требование реально
  • Я не ищу субъективных ответов, я ищу ссылки на материал, чтобы дать мне отправную точку для построения
  • Я не оспариваю npm / webpack / buildрабочий процесс - просто поиск тощей альтернативы
  • есть стоимость для пакетов NPM - см. Эту статью Пакеты NPM: они не бесплатны, вы знаете, , который расширяется в этой точке
  • Я обновлю вопрос срабочий фрагмент, чтобы проиллюстрировать результат, если я когда-нибудь его найду.
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...