唐天振：基于SSH的精品公开课程网站的设计

开始课件管理 添加添加删除删除是否删除 是否返回课件管理页面录入课件信息删除成功录入成功结束

图 5-16 课件管理流程图

3．核心代码：

onMouseOut=\

onclick=\

function docAdd(){

var url=\ window.location.href=url; }

function down1(fujianPath,fujianYuashiMing){

var url=\fujianPath+\ url=encodeURI(url);

- 30 -

安徽工程大学毕业设计（论文）

url=encodeURI(url); window.open(url,\}

4.程序效果图如下图5-17,5-18所示

图 5-17 课件管理页面

图 5-18 课件上传页面

5.2.3视频管理

1.描述：管理教学视频信息，包括视频上传、删除等，点击播放按钮，可以在线播放视频

2.流程图：

- 31 -

唐天振：基于SSH的精品公开课程网站的设计

开始教学视频管理 添加添加删除删除是否删除 是否返回视频管理页面录入视频信息删除成功录入成功结束 图 5-19 视频管理流程图

3.核心代码： function shipinDel(shipinId){

if(confirm('您确定删除吗？')){

window.location.href=\

+shipinId;

} }

function shipinAdd(){

var url=\ window.location.href=url; }

function shipinBofang(fujian){

var url=\ var n=\

var w=\ var h=\

var s=\ openWin(url,n,w,h,s); }

function down1(fujianPath,fujianYuashiMing){

var url=\

+fujianPath+\

url=encodeURI(url);

- 32 -

安徽工程大学毕业设计（论文）

url=encodeURI(url);

window.open(url,\ }

function up(){

var pop=new Popup({ contentType:1,isReloadOnClose:false,width:400,height:200}); pop.setContent(\pop.setContent(\文件上传\pop.build(); pop.show(); }

function check(){

alert(document.formAdd.fujianYuanshiming.value); if(document.formAdd.shipinName.value==\ alert(\请输入视频名称\ return false; }

if(document.formAdd.shipinPath.value==\ alert(\请上传视频\ return false; }

return true; }

4.程序效果图如图5-20,5-21所示

图 5-20 视频管理页面

图 5-21 视频上传页面

- 33 -

唐天振：基于SSH的精品公开课程网站的设计

5.2.4试题管理

1.描述：管理试题信息，以供学生下载，首先输入试题名称，试题是以附件的形式上传。

2.流程图：

开始试题管理 添加上传删除删除是否删除 是否返回试题管理页面上传试题删除成功上传成功结束

图 5-22 试题管理流程图

3.核心代码：

function shitiAdd(){

var url=\ window.location.href=url; }

function down1(fujianPath,fujianYuashiMing){

var url=\

+fujianPath+\

url=encodeURI(url); url=encodeURI(url); window.open(url,\

}

function down1(fujianPath,fujianYuashiMing){

var url=\

+fujianPath+\

url=encodeURI(url); url=encodeURI(url); window.open(url,\

}

- 34 -