Бэкэнд-технологии для таких передовых технологий, как Twitter Bootstrap - PullRequest
18 голосов
/ 02 марта 2012

Это похожий на нуб вопрос, но здесь мы идем.Я читал о Twitter Bootstrap (среди прочих презентационных фреймворков), который дает дизайнеру / программисту инструменты для простого создания внешнего интерфейса веб-приложения.Чего я не знаю, так это как интегрировать это, например, с бэкэндом Java EE.Я имею в виду, позволяют ли эти структуры представления интегрировать их с какой-либо бэкэнд-технологией (такой как Java, PHP, Python и т. Д.)?или они связаны с определенной технологией?

Я создал несколько веб-приложений на Java EE, используя GWT для уровня представления и Java на стороне сервера;но, как я уже указывал ранее, я до сих пор не понимаю, как будет интегрироваться Bootstrap с Java, например.

Я знаю, что это очень общий вопрос, но я был бы признателен за любую помощь.

Ответы [ 4 ]

16 голосов
/ 02 марта 2012

Twitter Bootstrap - это инструментарий внешнего интерфейса, поэтому в основном это CSS и HTML.Это означает, что он не привязан к какой-либо конкретной бэкэнд-технологии.

Из сообщения в блоге , объявляющего об этом:

По своей сути Bootstrap - это просто CSS, но этопостроенный с Less, гибким препроцессором, который предлагает гораздо больше мощности и гибкости, чем обычный CSS.С помощью Less мы получаем ряд функций, таких как вложенные объявления, переменные, миксины, операции и функции цвета.Кроме того, поскольку Bootstrap является чисто CSS при компиляции с помощью Less, мы получаем два важных преимущества:

Во-первых, Bootstrap остается очень простым в реализации;просто вставьте его в свой код и уходите.Компиляция Less может быть выполнена с помощью Javascript, неофициального приложения Mac или с помощью Node.js (подробнее об этом можно узнать по адресу http://lesscss.org).

Во-вторых, после выполнения Bootstrap не содержит ничего, кроме CSS, что означает отсутствие лишних изображений., Flash или Javascript. Все, что остается, - это простой и мощный CSS для ваших нужд веб-разработки.

Это означает, что вы можете использовать его любым способом. Вы можете создать сервер разметки.С другой стороны, и предоставляя его клиенту (например, JSP), вы можете подавать статический файл с сервера и добавлять динамический контент через ajax (бэкэнд может быть сервлетом или какой-то более высокой абстракцией, такой как Spring MVC или Jersey), или что-то среднее между ними.как на стороне сервера, сгенерированный «base» с некоторым динамическим контентом / поведением через JavaScript / ajax. Другой выбор может состоять в том, чтобы отбросить контейнер сервлета все вместе и использовать что-то вроде Play! Framework .

Редактировать:

Я не думаю, что Bootstrap создает элементы HTML для вас,он создает CSS, используя Less.Вы должны сами написать разметку на сервере и использовать стили и идиомы, описанные в документации: twitter.github.com/bootstrap/components.html Вы добавляете динамические значения из Java с помощью таких технологий, как JSP, или шаблонизаторов, таких как Velocity, Freemarker., StringTemplate и т. Д. Чтение значений от пользователей осуществляется путем обработки действий HTTP GET / POST и чтения атрибутов.Обычно вы обрабатываете GET с помощью

  1. Чтение параметров
  2. Выбор шаблона / JSP по URL-адресу
  3. Интерполяция динамических значений, рассчитанных с помощью Java.

Например, если пользователь выполняет GET для ./order.html?orderId=1, вы выбираете шаблон order.html, интерполируете значения из orderService.getOrder(1).Взгляните на примеры Freemarker , чтобы понять, как работает механизм шаблонов.В основном вы передаете Map<String, Object>, и значение, связанное с $ {key}, отображается на странице перед отправкой в ​​браузер.

4 голосов
/ 26 декабря 2012

Если вы склонны к Java, вам может понравиться Tobacco, который я сделал только для этого: http://tobacco.noroutine.me/.

В основном это шаблон проекта maven с последними js libs и последней версией Twitter Bootstrap.

Есть несколько похожих вещей, подобных этому. Наиболее близким к вашим потребностям может быть resthub , особенно их стек Backbone может представлять интерес.

0 голосов
/ 07 февраля 2017

Вот пример .
Он показывает простую веб-страницу с внешним интерфейсом начальной загрузки, интегрированным с java-backend service.
Или в другом посте упоминается интеграция бутстрапа с пружиной.

0 голосов
/ 03 июня 2014

Как сказал ebaxt, Bootstrap - это только модульная технология. Ваш вопрос касается визуальной части приложения на основе Java EE.

Он будет в основном иметь дело с шаблонами MVC и их реализацией / технологиями (EJB, Spring MVC).

И тогда вы, наконец, разберетесь с технологиями презентаций: написанием на страницах .jsp, использованием технологий JSF или Struts или GWT или (конечно же) BootStrap (как и любой другой код js и css) для получения визуальных результатов и доступности. Сделав это, вы получите полностью хорошо структурированное приложение.

Извините за английские ошибки, если я их сделал, я француз.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...