我正在使用HTML和jQuery Mobile(JQM)开发一个webapp,所以我对此很新.我在这里要做的是用名单列表填充JQM列表视图.这些名称中的每一个都将链接到显示个人数据的新页面(全名,地址,出生日期等).
目前,由于我缺乏知识,我为每个人手动创建一个新的.html文件(例如johnDoe.html为一个虚构的角色John Doe先生).然后我通过函数将列表元素物理链接到这个html文件.
问题是现在我有100个人填充该列表视图.我认为有一种更简单的方法可以做到这一点,而不是手动为所有这些人创建100多个html文件吗?
我听说过这个JSON的东西可能有用,但是从零计算知识的背景来看,我真的不明白它是如何工作的.有人请说明我该怎么办?
非常感谢!
编辑:我正在使用Dreamweaver CS5.5进行编码.对于我负责开发的这个webapp,我得到了一个使用JQM和Backbone.js的"模板"或排序.因此,单个HTML文件的"多页"结构似乎不起作用.从我在模板中看到的,每个HTML文件都有一个相应的JS文件,其代码如下所示:
define(['jquery',
'underscore',
'backbone',
'helper',
'views/phr/list',
'text!templates/vpr2.html'
],
function ($,
_,
Backbone,
Helper,
phrListView,
tmpVpr2) {
var view = Backbone.View.extend({
transition: 'fade',
reverse: true,
initialize: function () {
this.phrlistview = new phrListView();
},
render: function () {
$(this.el).append(_.template(tmpVpr2, {}));
console.log("Rendering subelements...");
Helper.assign(this, {
'#phrListView': this.phrlistview
});
return this.el;
}
});
return view;
});
Run Code Online (Sandbox Code Playgroud)
对于HTML页面,它们都以<div data-role=header>标签开头,然后以a开头,之后<div data-role=content>以a <div data-role=footer>开头,在开始和结束标签中都有各自的内容.
对于我的列表视图,listview的JQM代码将在<div data-role=content>HTML文件的一部分内.如何用JSON数据填充此列表视图呢?
(抱歉,如果我在这听起来非常棒,因为我真的很>.<非常感谢帮助!)