代码之家 › 专栏 › 技术社区 › Mohammed Haydar

如何在另一个html页面中访问spring模型的数据?

spring-thymeleaf thymeleaf spring-boot html java

Mohammed Haydar · 技术社区 · 3 年前

PlaceController。Java语言

@GetMapping("/places")
    public String listPlaces(Model model, HttpSession session) {
        //keys and values , access this key using thymeleaf syntax ${listPlaces}
        model.addAttribute("listPlaces", placeService.getAllPlaces());
        return "place/places";
    }

我需要从places获取listPlaces数据。要索引的html。html我试图创建会话,但无法从索引页调用它

            <tbody>
                <tr  th:each="place: ${listPlaces}" >
                    <td th:text="${place.place_id}">Place Id</td>
                    <td th:text="${place.name}">Place Name</td>
                    <td th:text="${place.city_name}">City Name</td>
                    <td th:text="${place.description}">Place Description</td>
                    <td th:text="${place.longitude}">Place Longitude</td>
                    <td th:text="${place.latitude}">Place Latitude</td>
                    <td><img th:src="${'data:image/png;charset=utf-8;base64,' + place.byteToString(place.image)}" height="150px" width="150px" alt="img"></td>
                    <td th:text="${place.category}">Place Category</td>
                    <td>
                        <a th:href="@{/places/edit/{id}(id=${place.place_id})}" class="btn btn-primary">Update</a>
                        <a th:href="@{/places/{id}(id=${place.place_id})}" class="btn btn-danger">Delete</a>
                    </td>
                </tr>
            </tbody>
        </table>

2 回复 | 直到 3 年前

Mohammed Haydar 3 年前

我在控制器索引中添加了一个带有listPlaces的模型属性。html

 @RequestMapping("/index")
    public String index(Model model) {
        model.addAttribute("listP", placeService.getAllPlaces());
        return "index";
    }

然后我在索引中使用。html

<script th:inline="javascript">
        /*<![CDATA[*/
        // Initialize and add the map
        function initMap() {
            var places = [[${listP}]];
</script>

贷项至 boris-ivanov

Valerij Dobler 3 年前

我想你在问两件事。

如何返回两个端点的相同位置?
如何在我所有的位置上重复使用桌子?

第一个问题的答案是使用IndexController,它以与PlaceController相同的方式填充模型。您可以创建CommonAttributeService,它可以提供一种方法来填充公共属性,如下所示:

@Service
public class CommonAttributesService
{
    private PlaceService placeService;
    public CommonAttributesService(PlaceService placeService)
    {
        this.placeService = placeService;
    }

    public void fillCommonAttributes(Model model)
    {
        model.addAttribute("listPlaces", placeService.getAllPlaces());
    }
}

这样,就不需要复制逻辑。

第二个问题的答案是 thymeleaf templates 。

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

5 月前

Jamie · 在CSS链接的文件名中添加Jinja占位符

5 月前

ptownbro · 重叠分区标签,同时保持以下所有分区和内容就位

5 月前

Luke Frost IEng MIMechE · Bootstrap 5.3在Div中的项目位置没有如我所期望的那样显示

5 月前

Reegan · 使用Angular ngFor指令在html中渲染嵌套对象值

5 月前

wqyutv · 当找不到文件时,任何破坏错误的东西都不会出现,我该怎么解决这个问题?

5 月前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

5 月前

Gukkey · 在React中明确隐藏日期类型输入后,如果我单击父div,如何显示日期选择器?

5 月前

Lorenzo Bertolaccini · 在Angular项目中通过对话框后,在控制台中显示但在HTML中不显示的数据数组

5 月前

john Rizzo · 按钮背景颜色、悬停和活动状态存在问题

5 月前