网络课程开发与管理系统(四)

图4.5  内容添加模块界面
 如图4.5所示的内容添加界面，后面课程管理界面里内容修改功能的界面也运用类似文件。下面就是从代码进行分析。进入内容添加界面时，文章内容添写框为iframe，下面就是对应的程序段：
<script language="java script">
  document.write('<iframe bgcolor=red src="text.jsp" id=message width=90% height=400 marginheight=0 marginwidth=0 ></iframe>'); 
  frames.message.document.designMode = "On";
</script>
 其中，src="text.jsp" 表示iframe中的内容由text.jsp显示。当然新增的时候，内容是空的。代码frames.message.document.designMode = "On" 表示iframe的编辑功能打开，可以对内部显示的内容进行编辑。这里之所以采用iframe作为课程模块内容的编辑窗口，一方面是因为它的编辑功能比较强大，能够实现在编辑的文章中插入flash、视频文件等以及对格式的各种控制；另一方面，这种编辑方式很容易上手，符合本系统的面向非计算机专业教师的初衷。
 当填写完所要填写的信息之后，单击“提交”按钮，进行新增内容的操作。执行提交操作时，由action="new.jsp"可知提交到本页面，而onsubmit="submitonce(this);"表明提交同时执行submitonce脚本函数，下面就是对应函数的程序段。
 function submitonce(theform)
 {
  if (document.all||document.getElementById)
  {
   for (i=0;i<theform.length;i++)
   {
    var tempobj=theform.elements[i];
if(tempobj.type.toLowerCase()=="submit"||tempobj.type.toLowerCase()=="reset")
    tempobj.disabled=true;  //设置“完成”和“重写”为不能操作
   }
  }
         //取得所填写的模块内容放到隐藏框
  document.all.content.value = frames.message.document.body.innerHTML;
 }
 以上代码设置了frames中功能权限并把frames中的所有内容添加到调用页面的隐藏框中。
4.2.4 课件排序模块的设计
 课程的目录需要按一定的顺序显示，这样才可以让学生有条理地选择自己要看的课程内容。而教师上传课件时不能保证按顺序添加，而且课程后期管理有时需要添加新的课件内容或删除不必要的课件，因此有必要对要显示的课件进行排序。具体排序过程如下（界面如图4.6）：
 首先获取课程目录下的所有课件名称，并将其显示在列表框中供教师选择。选择其中一个或多个课件名称通过单击“添加”按钮，保存到另一个显示列表框和文本框中（课件名之间用“，”分隔）。或者选择显示列表框中已有的课件名称，通过单击“删除”按钮，取消给列表框和文本框中相应的课件名称。按下“提交”按钮后，将文本框中内容（即按顺序排好的课件名称）添加到数据库该课程的相应字段中。
 
 
 
 
 
 
 
 
 
 

 图4.6  课件排序模块界面

如下为用java script编写的课程排序代码：
<script language="java script">
function moveOption(e1, e2){
 try{
  for(var i=0;i<e1.options.length;i++){
   if(e1.options[i].selected){
    var e = e1.options[i];
    e2.options.add(new Option(e.text, e.value));
    e1.remove(i);
    i=i-1
   }
  }
  document.myform.filedir.value=getvalue(document.myform.list2);
 }
 catch(e){}
}
function getvalue(geto){
 var allvalue = "";
 for(var i=0;i<geto.options.length;i++){
  allvalue +=geto.options[i].value + ",";
 }
 return allvalue;
}
</script>
 该程序段定义了moveOption(e1, e2)和getvalue(geto)两个功能函数。其中，moveOption(e1, e2)函数实现了课件名称在两个列表框中的转移；getvalue(geto)函数实现了把排好序的列表框中课件名称保存到文本框中，并用“，”分隔。
 
4.2.5 讨论区模块的设计
 讨论区是提供给学生与教师或学生与学生之间交流的一个平台。借助这个平台学生可以发帖子向其他学生或课程教师提出学习过程中遇到的疑问，其他学生或教师通过回复帖子的形式给予解答或发表自己想法进行讨论。教师或管理员可以对讨论区中的留言进行查看、回复以及删除等操作。
 获取信息的方法主要有两种：一是单条记录的信息；二是多条记录的信息。获取单条记录时，直接将数据保存在Form中后用Session对象传递到要用到数据的页面中即可。获取多条记录时，由于记录不是直接保存在Form中（具体保存方法见本文P22,获取所有记录的函数的编程思想），需要通过循环函数将保存在List中每条记录信息保存到相应的Form中，并在页面中显示，如List为空则显示相关提示。具体数据操作功能函数有：
public void getonemessage()

首页 上一页 1 2 3 4 5 下一页 尾页 4/5/5