国开电大《Python程序设计#》形考任务1-5参考答案.docx

国开电大《Python程序设计#》形考任务1-5参考答案

形考任务1

实训一：设计系统主页作业

1.题目

设计系统主页。

2.目的

(1)熟悉Web前端项目开发环境。

(2)掌握如何建立Web前端项目，学会规划项目结构。

(3)掌握动态生成页面内容的方法。

(4)理解如何使用Flash显示图片新闻。

(5)会在应用系统中编写播放动态新闻的程立项目结构，并设计一个系统的主页，在主页中嵌入Flash播放新闻。

4.要求

(1)建立Web前端项目，规划好程序结构。

(2)使用document.write()方法生成播放Flash的JavaScript代码。

(3)可以方便地增减播放的图片新闻数量。

(4)单击图片时能够打开对应的新闻页面。参考答案：

!DOCTYPEhtml

htmlhead

metacharset=UTF-8/head

body

script

//定义新闻数据

constnewsData=[

{

title:新闻1,

imageUrl:news1.jpg,link:news1_page.html

},

{

title:新闻2,

imageUrl:news2.jpg,link:news2_page.html

},

//可以根据需要添加更多新闻];

//生成播放Flash的JavaScript代码

letflashCode=scripttype=text/javascriptsrc=swfobject.js/script;flashCode+=divid=flashContent/div;

flashCode+=script;

flashCode+=varflashvars={};;

flashCode+=varparams={wmode:transparent};;flashCode+=varattributes={};;

flashCode+=swfobject.embedSWF(news.swf,flashContent,300,200,9.0.0,false,flashvars,params,attributes);;

flashCode+=/script;

document.write(flashCode);//生成新闻列表

newsData.forEach(news={

document.write(`ahref=${news.link}imgsrc=${news.imageUrl}alt=${news.title}/a`);

});

/script/body

/html

形考任务2

实训二：显示数据列表

1.题目

显示数据列表。

2.目的

(1)掌握流程控制语句的使用。

(2)掌握函数的使用。

(3)理解闭包的概念。

(4)应会设计基本的应用程序。

3.内容

在所设计的项目中，实现显示数据列表。数据以表格的方式显示，不同的行显示不同的颜色。当单击每行数据的标题时，将会弹出窗口，显示详细信息。

4.要求

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

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

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

参考答案：

!DOCTYPEhtmlhtml

body

tableid=dataTable/tablescript

//数据存放在数组中constdata=[

{id:1,title:Item1,description:DescriptionofItem1},{id:2,title:Item2,description:DescriptionofItem2},

{id:3,title:Item3,description:DescriptionofItem3}];

//定义工具函数，包含窗口函数consttools=(function(){

functionshowDetails(id){

alert(`Detailsforitemwithid${id}:${data.find(item=item.id===id).description}`);

}

return{

showDetails:showDetails};

})();

//生成数据行并添加到表格中data.forEach((item,index)={

constrow=document.createElement(tr);

if(index%2===0){

row.style.backgroundColor=#f2f2f2;}else{

row.style.backgroundColor=#ffff;

}

consttitleCell=document.createElement(td);titleCell.textCon