在javascript中为用户创建详细页面
所以我基本上是在尝试制作个人资料页面。我有一个JavaScript文件,其中包含一个对象,其中包含所有“用户”(这是一个学校项目,所以这些都是我自己创建的假用户)。我还有一个HTML页面,列出了所有这些用户(我使用的是Jekyll、Handlebar和JavaScript的组合)。在每个用户配置文件图片下,我添加了一个按钮,可以链接到每个用户的详细信息页面。像这样:在javascript中为用户创建详细页面,javascript,jquery,html,handlebars.js,jekyll,Javascript,Jquery,Html,Handlebars.js,Jekyll,所以我基本上是在尝试制作个人资料页面。我有一个JavaScript文件,其中包含一个对象,其中包含所有“用户”(这是一个学校项目,所以这些都是我自己创建的假用户)。我还有一个HTML页面,列出了所有这些用户(我使用的是Jekyll、Handlebar和JavaScript的组合)。在每个用户配置文件图片下,我添加了一个按钮,可以链接到每个用户的详细信息页面。像这样: <p><a class="btn btn-default" href="profile.html?id={{id
<p><a class="btn btn-default" href="profile.html?id={{id}}" role="button">View details »</a></p>
这很好,每个用户都有自己的页面。我的问题是,我不知道如何显示用户特定的内容,因为我(必须)使用相同的页面(profile.html)
以下是我列出所有用户的方式:
<script id="users-template" type="text/x-handlebars-template">
{% raw %}
{{#each this}}
<div class="col-md-3">
<div class="user">
<img src="{{picture}}" class="profpic"/>
<h4>{{firstName}} {{surName}}</h4>
<p><a class="btn btn-default" href="profile.html?id={{id}}" role="button">View details »</a></p>
</div>
</div>
{{/each}}
{% endraw %}
</script>
{%raw%}
{{{#每个这个}
{{firstName}}{{姓氏}
{{/每个}}
{%endraw%}
是否有一种方法可以使用手柄仅选择其中一个用户并在该页面上显示内容?还有,我如何确保我的新页面知道我当前正在查看的用户ID?任何帮助都将不胜感激。据我所知,您基本上是在问如何使用JavaScript读取URL参数:嗯,也许,但到目前为止,我最大的问题是如何在一个页面上获取用户特定的内容,而不向每个用户显示所有配置文件。据我所知,
这是一个用户数组。所以你需要做的就是使用{{this[id].firstName}}
等等,对吗?我不是车把专家,但似乎双括号包含JS对象。不幸的是,车把不是这样工作的。。。这似乎更像是一种常规的JavaScript方法(如果可以的话,也可以),我查看了文档,似乎可以在编译模板时提供上下文对象。如果你的用户对象是一个id为键的数组,只需将users[id]
作为上下文传递给模板,你就可以在模板中使用{{firstName}}
,也许,但到目前为止,我最大的问题是如何在一个页面上获取特定于用户的内容,而不向每个用户显示所有配置文件。据我所知,这是一个用户数组。所以你需要做的就是使用{{this[id].firstName}}
等等,对吗?我不是车把专家,但似乎双括号包含JS对象。不幸的是,车把不是这样工作的。。。这似乎更像是一种常规的JavaScript方法(如果可以的话,也可以),我查看了文档,似乎可以在编译模板时提供上下文对象。如果用户对象是一个id为键的数组,只需将users[id]
作为上下文传递给模板,就可以在模板中使用{{firstName}
。