AppML 案例研究 - 文本文件
HTML 页面
这是 HTML 源代码:
<!DOCTYPE html>
<html lang="en-US">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<script src="https://www.w3schools.com/appml/2.0.3/appml.js"></script>
<body>
<div class="w3-container" appml-data="appml.html?model=model_cd_from_txt">
<h1>CD 收藏</h1>
<h3>从逗号分隔的文本文件中提取</h3>
<div appml-include-html="inc_listcommands_nofilter.htm"></div>
<table class="w3-table-all">
<tr>
<th>标题</th>
<th>艺术家</th>
<th>价格</th>
</tr>
<tr appml-repeat="records">
<td>{{标题}}</td>
<td>{{艺术家}}</td>
<td>{{价格}}</td>
</tr>
</table>
</div>
</body>
</html>
PHP »
。网 ”
该模型
这是应用程序中使用的模型:
模型
{
“每页行数” : 7,
“数据” : {
“类型”:“csv文件”,
“文件名”:“cd_catalog.txt”,
“项目” : [
{"name" : "标题", "index" : 1},
{"name" : "艺术家", "index" : 2},
{“名称”:“价格”,“指数”:5}
]
}
}
文件
这是以逗号分隔的文本文件:
CD目录.txt
帝国滑稽表演,鲍勃·迪伦,美国,哥伦比亚,10.90,1985
Hide your heart,Bonnie Tyler,英国,CBS Records,9.90,1988
最热门歌曲,多莉·帕顿,美国,RCA,9.90,1982
依然有蓝调,加里·摩尔,英国,维珍唱片,1990 年 10 月 20 日
Eros,Eros Ramazzotti,EU,BMG,9.90,1997
一夜情,Bee Gees,英国,Polydor,10.90,1998
西尔维亚的母亲,胡克博士,英国,CBS,1973 年 10 月 8 日
Maggie May,Rod Stewart,英国,匹克威克,8.50,1990
帝国滑稽表演,鲍勃·迪伦,美国,哥伦比亚,10.90,1985
Hide your heart,Bonnie Tyler,英国,CBS Records,9.90,1988
最热门歌曲,多莉·帕顿,美国,RCA,9.90,1982
依然有蓝调,加里·摩尔,英国,维珍唱片,1990 年 10 月 20 日
Eros,Eros Ramazzotti,EU,BMG,9.90,1997
一夜情,Bee Gees,英国,Polydor,10.90,1998
西尔维亚的母亲,胡克博士,英国,CBS,1973 年 10 月 8 日
Maggie May,Rod Stewart,英国,匹克威克,8.50,1990
帝国滑稽表演,鲍勃·迪伦,美国,哥伦比亚,10.90,1985
Hide your heart,Bonnie Tyler,英国,CBS Records,9.90,1988
最热门歌曲,多莉·帕顿,美国,RCA,9.90,1982
依然有蓝调,加里·摩尔,英国,维珍唱片,1990 年 10 月 20 日
Eros,Eros Ramazzotti,EU,BMG,9.90,1997
一夜情,Bee Gees,英国,Polydor,10.90,1998
ylvias 母亲,Dr.Hook,英国,CBS,1973 年 10 月 8 日
Maggie May,Rod Stewart,英国,匹克威克,8.50,1990
帝国滑稽表演,鲍勃·迪伦,美国,哥伦比亚,10.90,1985
Hide your heart,Bonnie Tyler,英国,CBS Records,9.90,1988
最热门歌曲,多莉·帕顿,美国,RCA,9.90,1982
依然有蓝调,加里·摩尔,英国,维珍唱片,1990 年 10 月 20 日
Eros,Eros Ramazzotti,EU,BMG,9.90,1997
一夜情,Bee Gees,英国,Polydor,10.90,1998
西尔维亚的母亲,胡克博士,英国,CBS,1973 年 10 月 8 日
Maggie May,Rod Stewart,英国,匹克威克,8.50,1990