如何使用Thymeleaf按"ID“选择列表项并定向到另一个详细页？
Thymeleaf是一种用于Java和Spring框架的模板引擎，它可以在服务器端生成HTML页面。使用Thymeleaf按"ID"选择列表项并定向到另一个详细页，可以通过以下步骤实现：
- 在HTML页面中，使用Thymeleaf的语法渲染列表项。假设你有一个包含多个列表项的HTML表格，每个列表项都有一个唯一的ID。你可以使用Thymeleaf的循环语句来遍历列表项，并使用Thymeleaf的属性绑定功能将每个列表项的ID绑定到HTML元素上。
- 在HTML页面中，使用Thymeleaf的语法渲染列表项。假设你有一个包含多个列表项的HTML表格，每个列表项都有一个唯一的ID。你可以使用Thymeleaf的循环语句来遍历列表项，并使用Thymeleaf的属性绑定功能将每个列表项的ID绑定到HTML元素上。
- 在上面的代码中，
${items}是一个包含所有列表项的模型属性。${item.id}和${item.name}分别表示每个列表项的ID和名称。@{/details/{id}(id=${item.id})}是一个Thymeleaf表达式，用于生成详情页的URL，并将当前列表项的ID作为参数传递。 - 在后端代码中，创建一个处理详情页请求的控制器方法。该方法应该接受一个ID参数，并根据该ID获取相应的详细信息。你可以使用Spring框架的注解来定义该方法，并使用Thymeleaf的模板渲染功能将详细信息填充到HTML页面中。
- 在后端代码中，创建一个处理详情页请求的控制器方法。该方法应该接受一个ID参数，并根据该ID获取相应的详细信息。你可以使用Spring框架的注解来定义该方法，并使用Thymeleaf的模板渲染功能将详细信息填充到HTML页面中。
- 在上面的代码中，
@Controller注解表示这是一个控制器类。@Autowired注解用于自动注入ItemService，你可以根据自己的需求替换为实际的服务类。@GetMapping("/details/{id}")注解表示该方法处理的是/details/{id}路径的GET请求。@PathVariable("id")注解表示将URL路径中的ID参数绑定到方法的id参数上。Model参数用于传递数据到HTML页面。 - 创建一个用于显示详细信息的HTML模板。你可以使用Thymeleaf的语法在模板中渲染详细信息。
- 创建一个用于显示详细信息的HTML模板。你可以使用Thymeleaf的语法在模板中渲染详细信息。
- 在上面的代码中，
${item.name}和${item.description}分别表示详细信息中的名称和描述。
以上就是使用Thymeleaf按"ID"选择列表项并定向到另一个详细页的步骤。请注意，这只是一个简单的示例，实际应用中可能需要根据具体需求进行适当的修改和扩展。
腾讯云相关产品和产品介绍链接地址：
相关·内容
1回答
在鼠标上显示描述
c#、jquery、asp.net-mvc、razor
当鼠标悬停在表中的name属性顶部时，我需要在表中的description列中显示内容。这是模型类。
我有一个表，它有列名称、类型和描述。我需要使用列描述作为我在索引视图中的悬停文本。
public class mouseover
{
public int ID { get; set; }
public string name { get; set; }
public string type { get; set; }
public string description { get; set; }
}
视图
@model IEnumerable<descr
浏览 1提问于2015-09-28得票数 3
回答已采纳
2回答
asp.net javascript函数无法运行
javascript、jquery、asp.net、razor-2
我正在尝试获取一个javascript函数，以便在asp.net环境中通过jquery运行。但是，无论我怎么尝试，当按钮被单击时，函数都不会运行。我试着不使用jquery，并将html输入控制器id设为非动态。然而，似乎什么都不起作用。任何帮助都是非常感谢的，这里是代码。
@model IEnumerable<NotesWebApp.Models.Product>
@{
ViewBag.Title = "Index";
}
<h2>Index</h2>
<p>
@Html.ActionLink("C
浏览 6提问于2016-05-23得票数 0
1回答
以比表mvc asp.net更好的格式显示数据库中的记录列表
c#、html、asp.net、model-view-controller、asp.net-mvc-5
我正在寻找一种更好的方式来在视图中显示我的数据库中的记录列表，而不是使用普通的表和"for each“循环，如下所示：
<table class="table">
<tr>
<th>
@Html.DisplayNameFor(model => model.date)
</th>
<th>
@Html.DisplayNameFor(model => model.name)
</th>
<th></th
浏览 0提问于2019-02-26得票数 0
3回答
使用Web返回ASP.NEt视图的Razor
c#、html、asp.net-mvc、razor、asp.net-web-api
如何使控制器返回的视图和由Razor生成的视图从api中获取数据我想保留剃刀引擎的视图并使用api原始的mvc控制器返回带有数据作为参数的视图现在我需要从api中获取数据
MVC控制器
public class ProductController : Controller
{
public ActionResult Index()
{
return View();
}
Api控制器
public class ProductsController : ApiController
{
private ApplicationDbContext db =
浏览 0提问于2014-03-03得票数 18
回答已采纳
2回答
理解基于对象的视图语法ASP.NET MVC
c#、asp.net-mvc
嗨，我使用Visual模板创建了View，它应该显示对象列表。下面是Visual生成的语法：
@model IEnumerable<TestMVCApplication.Models.Product>
@{
ViewBag.Title = "Index";
}
<h2>Index</h2>
<p>
@Html.ActionLink("Create New", "Create")
</p>
<table>
<tr>
&l
浏览 3提问于2015-09-21得票数 3
2回答
在ASP.NET MVC中访问不同模型的表中的字段
c#、asp.net-mvc
我有一个页面，它根据传递给页面的用户显示一个过滤表。我也想在页面顶部显示用户的信息，但这来自一个不同的表(从帐户模型)。当我在其他控制器/视图中工作时，有没有一种方法可以访问这个表中的字段？ 下面是我的代码： @{
ViewBag.Title = "User Profile";
}
@model IEnumerable<FTv2.Models.Trade>
@{
ViewBag.Title = "Active Trades";
ViewBag.ImgUrl = ViewBag.Name + ".png";
浏览 2提问于2013-06-24得票数 0
2回答
如何在ASP.NET MVC 4中显示从模型到另一个视图的列表
c#、asp.net-mvc、asp.net-mvc-4
我有一个Topic的列表。每个Topic都有一个Message列表。当我点击“详细信息”时，我想打开一个新视图，显示主题中的Message列表。
我希望我需要修改这一行：(这就是我到目前为止的情况)。
@Html.ActionLink("Details", "Details", new { id=item.Id }, null)
Message是由item.Message访问的。
和细节视图中的第一行
@model IEnumerable<Models.TopicMessage>
这是我的主题视图：
@model IEnumerable&l
浏览 1提问于2013-09-20得票数 1
回答已采纳
1回答
胸腺-表tr th:每一个条件为th:if
spring、html-table、thymeleaf
我想做一张有条件的桌子。如果项目低于库存的0.33%，行颜色必须设置为红色。如果项目大于0.33%，低于0.66%，则行颜色必须设置为橙色，如果项大于0.66%，则行颜色必须设置为黄色。
我在每个标签TR中使用th:每一行，并给th:if，但只显示了一行股票大于0.66%
<tr th:each="item: ${items}" th:if="${item.sisa/item.stok < 33/100 }" style="background-color:red" >
浏览 1提问于2015-12-14得票数 2
3回答
ASP.NET MVC2生成的列表/索引视图
templates、asp.net-mvc-2、view、metadata
对于自动利用元数据和编辑器(或显示)模板的编辑视图(使用EditorForModel)和详细视图(使用DisplayForModel)，ASP.NET MVC2具有强大的功能，用于生成与模型相关的内容：
<% using (Html.BeginForm()) {%>
<%= Html.ValidationSummary(true) %>
<fieldset>
<legend><%= Html.LabelForModel() %></legend>
<%= Html.
浏览 1提问于2010-03-23得票数 7
回答已采纳
2回答
如何在html和angular中创建动态表
html、angular、typescript
我需要在Html中呈现一个动态表格，我不知道每行的模板是什么:有时它包含2列，有时包含4列……
我需要这样的东西：
<div>
<h1>Angular HTML Table Example</h1>
<table>
<thead>
<tr>
<th>#ID</th>
<th>Name</th>
<th>Email</th>
浏览 0提问于2020-07-14得票数 0
2回答
ASP.NET核心MVC如何通过使href链接在html页面上基于UserId的UserId来限制href可以编辑什么？
asp.net、asp.net-mvc、asp.net-core-webapi、asp.net-core-3.1
值得一提的是，在创建新产品时，将动态将当前登录用户的UseId添加到数据库中。
但是，如果当前登录用户的<a asp-action="Edit" asp-route-id="@item.Id">Edit</a>与条目的UserId不匹配，则im试图找到一种方法使其链接到dissapear(请参阅下面的模板)。
我试着跟踪这篇文章，但是我认为这不会使任何链接变得不明智。
模型
public class Product
{
public int Id { get; set; }
public strin
浏览 5提问于2020-09-08得票数 0
回答已采纳
3回答
如何在运行时从强类型列表脚手架视图的Display(Name=) DataAnnotation获取列标题？
asp.net-mvc、asp.net-mvc-3、razor
如何在列表脚手架视图的输出中呈现某个标题“[Display(Name="Some Title")] DataAnnotations”？
我为这个类创建了一个强类型的list scaffold视图：
public class CompanyHoliday
{
[Key]
public int Id { get; set; }
[Required]
[Display(Name = "Datum")]
[DataType(System.ComponentModel.DataAnnotations.DataType.Date)]
浏览 3提问于2011-02-10得票数 17
2回答
ASP.NET MVC 5垂直表头
jquery、css、asp.net、asp.net-mvc
请有人建议我将标题从上到左垂直切换。我也想知道，如果有任何jquery插件可以直接从网格编辑这样的表，例如:)因为我是一个新手.
<table class="table table-striped table-hover">
<tr>
<th>
@Html.DisplayNameFor(model => model.Name)
</th>
<th>
@Html.DisplayNameFor(model
浏览 1提问于2014-05-30得票数 0
回答已采纳
3回答
Thymeleaf:可点击的行
html、hyperlink、thymeleaf
我想在html + thymeleaf中生成可点击的表行，但我有以下问题。AFAIK它不能用链接包装tr元素(a-tag)，因为一个表只能直接包含tr-subtag。所以我必须包装每个td标签的内容，但这些值是由thymeleaf动态创建的！
将每行链接(链接每行的每个td-tag )到生成的url的最佳方法是什么？是否有一些th:text - prefix/suffix功能？
<tr th:each="item : ${itmes}">
<td th:text="${{item.name}}">some name</td&
浏览 3提问于2014-12-15得票数 9
回答已采纳
1回答
Spring表示在尝试删除数据库项时，请求方法' delete‘不受支持
java、spring、jpa
我正在做一个学校项目，您可以将Todo-items添加到数据库中，显示它们，并授予用户访问为每个项目创建的单个页面的权限。我使用的是Spring和Delete按钮，也没有显示特定任务的单独页面。在这个项目中，我们使用JPA来处理数据库。
这是我的TodoItemDatabaseController：
package wad.tododatabase;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import or
浏览 0提问于2017-11-14得票数 1
1回答
如何检查Razor视图中对象的类型？
asp.net-mvc、asp.net-mvc-5.1
我有一个Employee类，它是从Person派生的。我把它们列在索引页上：
@foreach (var item in Model) {
<tr>
<td>
@Html.DisplayFor(modelItem => item.Name)
</td>
<td>
@Html.ActionLink("Details", "Details", new { id=item.Id })
</
浏览 2提问于2014-12-12得票数 2
1回答
基于复选框的jQuery DataTable订单表
javascript、jquery、datatable
我有张桌子：
<table id="Equipment-Table" class="table table-bordered table-hover">
<thead>
<tr>
<th class="text-center">
@Html.DisplayNameFor(model => model.TypeOfEquipment)
</th>
<t
浏览 0提问于2017-10-05得票数 2
回答已采纳
1回答
可编辑的"GridView“类控件在ASP.NET MVC中
asp.net-mvc、gridview
我试图使用视图中的以下代码构建可编辑的GridView类控件(Order列)：
<table>
<tr>
<th>
Name
</th>
<th>
Order
</th>
<th>
<img alt="Save order" src="<%= Url.Content("~/Content/minisave.pn
浏览 2提问于2009-03-18得票数 3
回答已采纳
1回答
如何显示模型和列表视图ASP.NET MVC
c#、.net、model-view-controller
我遵循以下教程创建了第一个ASP.NET MVC项目：
(在本例中，它是关于电影的，但我想创建存储)所以在完成所有步骤之后，一切都很正常(CRUD操作、搜索等)
但现在我想创建一个表格，其中将显示产品添加到购物车…
这是我的模型：
namespace TypeqastShopProject.Models
{
public class ProductModel
{
public int Id { get; set; }
public string Name { get; set; }
[Column(TypeName = "
浏览 15提问于2021-05-26得票数 1
1回答
如何将派生类型的集合作为ViewModel在Asp.Net MVC中使用？
c#、asp.net-mvc-4
我有一个强类型视图，视图(简化)如下所示。
@model List<PatientCategory>
<table class="table table-striped table-bordered">
<tr>
<th>
@Html.DisplayNameFor(model => model.Code)
</th>
浏览 3提问于2015-10-05得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频活动推荐
腾讯云开发者
