国开电大 《JavaScript程序设计》(版本2) 形考实训二：显示数据列表.pdf

国开电大《JavaScript程序设计》（版本2）

形考实训二：显示数据列表

显示数据列表

1.题目

显示数据列表。

2.目的

（1）掌握流程控制语句的使用。

（2）掌握函数的使用。

（3）理解闭包的概念。

（4）应会设计基本的应用程序。

3.内容

在所设计的项目中，实现显示数据列表。数据以表格的方式显示，不

同的行显示不同的颜色。当单击每行数据的标题时，将会弹出窗口，

显示详细信息。

4.要求

（1）数据存放在数组中，用程序实现数据显示。

（2）以闭包的方式定义工具，窗口函数封装在工具中。

（3）通过循环生成数据行，用条件判断实现不同行显示不同的颜色。

整个页面包括：列表数据、数据总数、当前页数、每页显示数据个数、

列表总页数、当前索引数

新建Page类，包含以上6个属性。其中总页数和当前索引值可

以通过计算得出，所以可以注释掉
1privateList<T>

2data;//后台数据

3库查询出来

4privateinttotalRec

5ord;//表示总共有

6多少记录，从数据

7库中查询出来

8

//privateint

totalPage;//表示

总共有多少页，计

算得到！

//privateint

index;//表示当前

索引值，计算出来

的！

privateintpageNu

mber;//表示的是

当前页码，这个参

数是从页面传递过
来的！

privateintpageSize;

//表示的是每页

显示多少条数据，

在servlet中设置

的！

计算总页数：

1publicintgetTotalPage(){

2/**

3*totalPage:表示总共有几页！

4*

5*总页

6数totalRecord[总记录

7数]pageSize

8*510

92

1*59

02

1*48

12

1
2

1

3

1

4