ReSQL.ru
     
powered by simpleCommunicator - 2.0.59     © 2025 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / Java [игнор отключен] [закрыт для гостей] / JSP: Как обновить таблицу по нажатию кнопки?
25 сообщений из 45, страница 1 из 2
  1  все
JSP: Как обновить таблицу по нажатию кнопки?
    #39602562
Anton Romanov
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Anton Romanov
Гость
Есть простое приложение. Контроллер организован так:

Код: java
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
@Controller
public class MainController {

   private static List<Rss.Channel.Item> items = new LinkedList<>();

    static {
        for(Rss.Channel.Item its : test()){
            items.add(its);
        }
    }


Собственно для странички /Personlist выдача выполняется так:

Код: java
1.
2.
3.
4.
5.
@RequestMapping(value = { "/personList" }, method = RequestMethod.GET)
    public String viewPersonList(Model model) {
        model.addAttribute("persons", items);
        return "personList";
    }




test() - не важно. Некая функция заполнения.

JSP вообще простой:

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
<div>
    <table border="1">
        <tr>
            <th>First Name</th>
            <th>Last Name</th>
        </tr>
        <c:forEach  items="${persons}" var ="person">
            <tr>
                <td>${person.title}</td>
            </tr>
        </c:forEach>
    </table>
</div>




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

Спасибо!
...
Рейтинг: 0 / 0
15.02.2018, 17:55
| Ответить | Цитировать | Написать  
JSP: Как обновить таблицу по нажатию кнопки?
    #39602574
Фотография Blazkowicz
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Blazkowicz
Участник
Для того чтобы обновлять страницу динамически вам нужны технологии основаные на DHTML. JSP таковой не является. JSP рендерит HTML код на сервере и отадёт в браузер. Про ваши клики в браузере JSP ничего не знает.
Подыщите технологию поактуальнее.

Лично я не понимаю почему изучающие Java игнорируют такие потрясающие достижения современности как Spring Boot и JHipster, да я бы кипятком писал если бы такое существовало в нулевых. Нажал пару кнопок - получил работающее приложение, а дальше только логику и UI допиливать.
...
Рейтинг: 0 / 0
15.02.2018, 18:03
| Ответить | Цитировать | Написать  
JSP: Как обновить таблицу по нажатию кнопки?
    #39602577
Anton Romanov
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Anton Romanov
Гость
Blazkowicz,

я забыл написать!!!!! Чорт, приложение полностью на спрингбуте! Это как-то мне поможет?
...
Рейтинг: 0 / 0
15.02.2018, 18:05
| Ответить | Цитировать | Написать  
JSP: Как обновить таблицу по нажатию кнопки?
    #39602595
Фотография Blazkowicz
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Blazkowicz
Участник
Anton Romanov,

Да, что-то я просмотрел спринговый контроллер под вечер.

Тогда
1. Контроллер переделать с MVC на REST, чтобы возвращать голые данные.

2. Определится что вы хотите иметь в качестве морды
- К вашей JSP можно просто прикрутить готовый JS заместо JSTL https://datatables.net/, правда, толку тогда от JSP, если оно в HTML превращается.
- Перейти на Angular или ещё что-то аналогичное
- Удариться в экзотику JSF, Vaadin и т.п.
...
Рейтинг: 0 / 0
15.02.2018, 18:34
| Ответить | Цитировать | Написать  
JSP: Как обновить таблицу по нажатию кнопки?
    #39602596
Фотография Petro123
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Petro123
Участник
Anton RomanovИтого задача: как прикрутить кнопку, обновляющую табличку без перезагрузки самой страницы.вы меняете кусок кода а не всю страничку. Значит в ветку js.
...
Рейтинг: 0 / 0
15.02.2018, 18:36
| Ответить | Цитировать | Написать  
JSP: Как обновить таблицу по нажатию кнопки?
    #39602598
Фотография Blazkowicz
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Blazkowicz
Участник
https://medium.com/@gustavo.ponce.ch/spring-boot-jquery-datatables-a2e816e2b5e9
...
Рейтинг: 0 / 0
15.02.2018, 18:36
| Ответить | Цитировать | Написать  
JSP: Как обновить таблицу по нажатию кнопки?
    #39602599
Leonid Kudryavtsev
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Leonid Kudryavtsev
Участник
Вам поможет форум JavaScript ( ключевое слово AJAX )
...
Рейтинг: 0 / 0
15.02.2018, 18:37
| Ответить | Цитировать | Написать  
JSP: Как обновить таблицу по нажатию кнопки?
    #39602614
Anton Romanov
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Anton Romanov
Гость
Blazkowicz,
.
кстати, ваадин мне подходит. Надо только понять как это сделать. В остальном - спасибо огромное!
...
Рейтинг: 0 / 0
15.02.2018, 18:55
| Ответить | Цитировать | Написать  
JSP: Как обновить таблицу по нажатию кнопки?
    #39602620
Anton Romanov
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Anton Romanov
Гость
Blazkowicz,

Судя по этому ( http://www.mkyong.com/spring-mvc/spr...world-example/) кажется я вкурил: мы не лезем из js в java к какому-то там классу (оно и понятно - это же сторона клиента, откуда она знает о каких-то классах), а пишем на джаве рест, аякс стучится по ссылке, забирает данные и пихает в таблицу. Но получается нам сам функционл как бы надо писать два раза. один раз при первичной загрузке и второй раз, когда аякс будет распихивать полученные данные в те же ячейки таблицы.

Я верно (хотя бы приближенно) понимаю механизм?
...
Рейтинг: 0 / 0
15.02.2018, 19:06
| Ответить | Цитировать | Написать  
JSP: Как обновить таблицу по нажатию кнопки?
    #39602628
Фотография Blazkowicz
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Blazkowicz
Участник
Anton RomanovНо получается нам сам функционл как бы надо писать два раза. один раз при первичной загрузке и второй раз, когда аякс будет распихивать полученные данные в те же ячейки таблицы. Я верно (хотя бы приближенно) понимаю механизм?
Поэтому для простоты первый вариант писать не обязательно. Это уже оптимизация будет, если вдруг потребуется.
...
Рейтинг: 0 / 0
15.02.2018, 19:20
| Ответить | Цитировать | Написать  
JSP: Как обновить таблицу по нажатию кнопки?
    #39602632
Фотография Petro123
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Petro123
Участник
Anton Romanov,
Возьми готовую таблу.
Потом
Table.refresh
Т.е. 3 пути:
- ваадин
- аскетичный гуи
- иди в js
...
Рейтинг: 0 / 0
15.02.2018, 19:23
| Ответить | Цитировать | Написать  
JSP: Как обновить таблицу по нажатию кнопки?
    #39602633
andreykaT
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
andreykaT
Участник
жсп отрисовывается на бэке. и о том что там на фронте он понятия не имеет. это просто генерация готового хтмл целиком и всё.
хочешь обновлять куски таблицы по частям - есть два варианта: кривой-косой и правильный.

кривой-косой: ты делаешь основной хтмл документ в него вкорячиваешь айфрейм, который показывает только таблицу. нажимая кнопку этот айфрейм тупо рефрешится и всё.

вариант правильный: хтмлки отдельно спринг отдельно. спринг не отрисовывает никаких хтмлок вообще. они хранятся на другом уеб-сервере а с хтмлок делаются тупо рест запросы к твоему рест сервису тип гет /юзерз - и на хтмлку отдается голый джейсон и ВСЁ. а дальше хтмлка джаваскриптом раскладывает полученные данные по табличке. ну или че там у тебя.

ваадин - ну хз наверное тоже тема. но по-сути он делает тоже самое - создает хтмл+джаваскрипт документ из твоего джава-кода. если цель не касаться хтмл и джей-эс вообще, а задачу выполнить -- то как вариант да.
...
Рейтинг: 0 / 0
15.02.2018, 19:24
| Ответить | Цитировать | Написать  
JSP: Как обновить таблицу по нажатию кнопки?
    #39602637
andreykaT
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
andreykaT
Участник
Anton RomanovBlazkowicz,

Судя по этому ( http://www.mkyong.com/spring-mvc/spr...world-example/) кажется я вкурил: мы не лезем из js в java к какому-то там классу (оно и понятно - это же сторона клиента, откуда она знает о каких-то классах), а пишем на джаве рест, аякс стучится по ссылке, забирает данные и пихает в таблицу. Но получается нам сам функционл как бы надо писать два раза. один раз при первичной загрузке и второй раз, когда аякс будет распихивать полученные данные в те же ячейки таблицы.

Я верно (хотя бы приближенно) понимаю механизм?

воспринимай хтмл страничку как клиентское ПРИЛОЖЕНИЕ. что и как там отрисовывается серверную часть ВООБЩЕ интересовать не должно. ну.. это если по науке делать. бэк отдает голые объекты по запросу. и всё. больше ни-че-го.
...
Рейтинг: 0 / 0
15.02.2018, 19:26
| Ответить | Цитировать | Написать  
JSP: Как обновить таблицу по нажатию кнопки?
    #39602638
Фотография Petro123
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Petro123
Участник
Anton Romanov,
Кстати, ты пост на форуме sql.ru аяксом обновляешь?
)))
...
Рейтинг: 0 / 0
15.02.2018, 19:28
| Ответить | Цитировать | Написать  
JSP: Как обновить таблицу по нажатию кнопки?
    #39602645
andreykaT
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
andreykaT
Участник
аяксом не выйдет - КОРС словит ))
...
Рейтинг: 0 / 0
15.02.2018, 19:50
| Ответить | Цитировать | Написать  
JSP: Как обновить таблицу по нажатию кнопки?
    #39602660
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
вадя
Участник
andreykaT,
по ajax запросу на сервере сформировать HTML строку содержащую tbody
отправить в таблицу
...
Рейтинг: 0 / 0
15.02.2018, 21:10
| Ответить | Цитировать | Написать  
JSP: Как обновить таблицу по нажатию кнопки?
    #39602663
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
вадя
Участник
Anton Romanovзагрузке и второй раз, когда аякс будет распихивать полученные данные в те же ячейки таблицы.не надо так. надо серверным рендерингом сформировать готовую html тело таблицы с заполненными данными и отправить ответом клиенту, там простым innerHTML вставить
...
Рейтинг: 0 / 0
15.02.2018, 21:19
| Ответить | Цитировать | Написать  
JSP: Как обновить таблицу по нажатию кнопки?
    #39602668
andreykaT
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
andreykaT
Участник
...и обязательно аут.принтлном прям в сокет печатать. Ога.
...
Рейтинг: 0 / 0
15.02.2018, 21:54
| Ответить | Цитировать | Написать  
JSP: Как обновить таблицу по нажатию кнопки?
    #39602670
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
вадя
Участник
andreykaT...и обязательно аут.принтлном прям в сокет печатать. Ога.
ты думай о чем пишешь....
для начала изучи сервлеты
юморист
...
Рейтинг: 0 / 0
15.02.2018, 22:06
| Ответить | Цитировать | Написать  
JSP: Как обновить таблицу по нажатию кнопки?
    #39602699
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
вадя
Участник
andreykaT...и обязательно аут.принтлном прям в сокет печатать. Ога.а ты знаешь какой командой java отправляет данные ответом по ajax?
...
Рейтинг: 0 / 0
16.02.2018, 06:35
| Ответить | Цитировать | Написать  
JSP: Как обновить таблицу по нажатию кнопки?
    #39602859
Anton Romanov
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Anton Romanov
Гость
Petro123, я взял ваадин. В принципе уже накрутил хеллоуворлд с лейаутом на спрингбуте, вставил грид. Теперь надо понять, как сделать функцию заполняющую ее какими-то значениями, пусть пока даже какой-то белибердой рандомной по нажатию кнопки.
...
Рейтинг: 0 / 0
16.02.2018, 12:08
| Ответить | Цитировать | Написать  
JSP: Как обновить таблицу по нажатию кнопки?
    #39602860
Anton Romanov
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Anton Romanov
Гость
andreykaT, да да. я уже втыкнул. Спасибо. Я решил для самообучения попробовать три варианта:

- ваадин
- ваш
- ангуляр.

Пока мучаюсь с ангуляром
...
Рейтинг: 0 / 0
16.02.2018, 12:10
| Ответить | Цитировать | Написать  
JSP: Как обновить таблицу по нажатию кнопки?
    #39602862
Anton Romanov
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Anton Romanov
Гость
andreykaT,

я понял. Меня видимо вначале ввело в заблуждение то, что в jsp мы можем втыкать какие-то переменные/ропертис/параметры, как хочешь их назови, в которые контроллер кидает сырые данные. Но теперь я фишку вкурил. спасибо
...
Рейтинг: 0 / 0
16.02.2018, 12:12
| Ответить | Цитировать | Написать  
JSP: Как обновить таблицу по нажатию кнопки?
    #39602863
Anton Romanov
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Anton Romanov
Гость
Petro123,

хаха..... нет. F5 ))))
...
Рейтинг: 0 / 0
16.02.2018, 12:12
| Ответить | Цитировать | Написать  
JSP: Как обновить таблицу по нажатию кнопки?
    #39602865
Anton Romanov
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Anton Romanov
Гость
andreykaT, КОРС - это что?
...
Рейтинг: 0 / 0
16.02.2018, 12:12
| Ответить | Цитировать | Написать  
25 сообщений из 45, страница 1 из 2
  1  все
Форумы / Java [игнор отключен] [закрыт для гостей] / JSP: Как обновить таблицу по нажатию кнопки?
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение
NoSQL.ru       Новости, Чат       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=59&msg=39602859&tid=2122248]:
 0ms
get settings:
 8ms
get forum list:
 12ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 170ms
get topic data:
 11ms
get forum data:
 3ms
get page messages:
 61ms
get tp. blocked users:
 2ms
others: 265ms
total:  538ms
созд. / загр.: 538ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]