2015-04-14 4 views
1

У меня проблема с интеграцией реакции JS и пружины. Я знаю java очень хорошо, но я новичок в технологиях frontend.Весна и реакция интеграции

У меня есть контроллер весны, который просто возвращает представление index.html, в котором есть тег script с файлом main.js.

В начале это было просто и работало, но потом я решил использовать реагировать маршрутизаторы компонент, который требует этого:

var Router = require('react-router'); 

В браузере я получил следующее сообщение об ошибке: ReferenceError: требует не определен

Я сделал некоторые reasarch google, и я обнаружил, что мне нужны библиотеки, такие как gulp, browsify и т. Д. (Я не знаком с ними прямо сейчас). Я нашел также много примеров, но эти примеры - это только примеры js, где мне нужно запустить файл gulp и т. Д.

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

+0

Вам нужно что-то использовать для «сборки» ваших JS-файлов. Browserify, webpack, gulp - это то, что вы можете использовать. Вы должны их изучить. – AndersNS

+0

Я думаю, что вы хотите сделать клиентский пакет с браузером/webpack при компиляции вашего проекта. Вы можете делать это вручную в качестве команды терминала каждый раз, или вы можете добавить его в любую используемую структуру упаковки, например, Gradle или Maven. На их сайтах есть много документации, которая поможет вам. – magnudae

+0

Я прочитал кое-что об этих технологиях, и я нашел, как настроить сервер узлов и запустить gulp для подключения браузера и т. Д., Но он будет работать на другом порту, чем тот, который используется tomcat, где развернута моя Java-логика. – Pamon

ответ

1

Вот руководство по использованию среагировать-маршрутизатор, где вы можете найти как добавить зависимостей и построить фронтэнда: https://github.com/reactjs/react-router-tutorial/tree/master/lessons Вам также нужно настроить пружины для работы в качестве SPA, который вы можете сделать в контроллере : @RequestMapping(value="/**", method=HTTPMethod.GET) public String index(){ return "index" }

Смежные вопросы