-
Notifications
You must be signed in to change notification settings - Fork 1
/
mock-demo.html
66 lines (66 loc) · 1.5 KB
/
mock-demo.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Users List</title>
<link rel="stylesheet" href="css/style.css">
<script type="text/javascript" src="./bower_components/zepto/zepto.min.js"></script>
<script src="js/mock-user.js"></script>
</head>
<body>
<h1>Users List</h1>
<input onclick="getUsersList()" type="button" value="Reload Users List">
<hr>
<div class="flex-wrap">
<ul id="users-list" style="width:230px"></ul>
<div class="flex-item user-info">
<p>
<span class="label">UserID:</span>
<span id="userId"></span>
</p>
<p>
<span class="label">Name:</span>
<span id="name"></span></p>
<p>
<span class="label">Age:</span>
<span id="age"></span>
</p>
<p>
<span class="label">Sex:</span>
<span id="sex"></span>
</p>
<p>
<span class="label">Weight:</span>
<span id="weight"></span>
</p>
<p>
<span class="label">Height:</span>
<span id="height"></span>
</p>
<p>
<span class="label">Bio:</span>
<span id="bio"></span>
</p>
</div>
</div>
<hr>
<h2>怎么做到的呢?</h2>
<p>你只要在.justreq文件添加如下规则,并编写相应的getUsersList.jrs、getUsersInfo.jrs文件即可</p>
<pre>
{
...
"rules": [
{
"href": "getUsersList.do",
"subs": "getUsersList.jrs"
},
{
"href": "getUsersInfo.do",
"subs": "getUsersInfo.jrs"
}
]
}
</pre>
<p class="tips">本示例所使用jrs文件位于“.jr/subs/jrs/”</p>
</body>
</html>