基于WEB的师生教学学习交流平台设计与实现

红太狼 2024-04-03 11:58 66阅读 0赞

目 录  
1 引言 1  
1.1课题的背景和研究的目的 1  
1.2 国内外研究状况 1  
1.3 可行性分析 1  
1.3.1 技术可行性分析 1  
1.3.2 操作可行性分析 2  
1.3.3 经济可行性分析 2  
2 课题相关技术介绍 3  
2.1 MyEclipse开发工具介绍 3  
2.2 Tomcat介绍 3  
2.3 WEB介绍 4  
2.4 JSP、Servlet技术介绍 4  
2.5 js技术和html技术介绍 5  
2.6 数据库介绍 6  
3 功能介绍及设计成果 7  
3.1 功能介绍 7  
3.2 设计成果 8  
4 系统的体系结构 9  
4.1 系统结构介绍 9  
4.2 系统的用户分类 9  
4.3 系统功能结构图 9  
4.4 系统E-R图 10  
4.5 数据字典 12  
4.6 系统开发和运行环境 18  
5 师生互动系统–教师功能子系统主要功能模块的实现 19  
5.1 后台登录页面 19  
5.2 登录成功以后菜单页面 19  
6 系统研究的意义及优缺点 28  
7 结论 29  
参 考 文 献 30  
致 谢 32  
3 功能介绍及设计成果  
3.1 功能介绍  
师生互动系统由三大子系统组成，即超级管理员功能子系统，教师功能子系统，学生功能子系统。在这里，重点介绍一下教师功能子系统以及超级管理员功能子系统。  
首先，简单地介绍一下学生功能子系统。学生功能子系统在该系统中属于前台页面。前台页面的实现功能有：系统公告、文字资料、系统简介、在线测试、资料下载、讨论答疑、学习视频、站内搜索、友情链接等。  
1.当学生未进行登录时，功能实现有：  
系统公告：即显示一些重要的对外开放的信息。  
文字资料：关于文字的一些简介。  
学习视频：学生未登录时仅限于根据视频编号、名称、课程、主讲人进行查询，可以查看所有资料的编号、名称、课程、主讲人  
资料下载：学生未登录时仅限于根据资料编号、名称、类别、课程进行查询，可以查看所有资料的编号、名称、类别、课程  
2.只有当学生注册信息并登录后才能实现以下功能：  
学习视频：学生成功登录后对教师上传的视频进行观看及下载  
讨论答疑：学生成功登录后可以进行提问及参与师生互动，浏览所有人的留言及回复信息。  
资料下载：学生成功登录后可对教师上传的资料进行下载  
在线测试： 学生成功登录后可以根据条件如科目：难度、类型在题库中筛选出符合要求的试题，并进行测试。  
3.教师功能子系统和超级管理员功能子系统都属于后台功能。这俩个功能子系统实现的功能几乎一样，共同功能有：  
文字资料添加、查询：对文件资料及资料的类型进行增、删、改、查  
课程信息添加、查询：对课程信息及课程的类型进行增、删、改、查  
资料下载添加、查询：对资料下载进行增、删、改、查  
学习视频添加、查询：对学习视频及视频的类型进行增、删、改、查  
注册用户管理：用户即学生，对学生进行查询、删除、修改  
试题、组卷的添加、查询：对试题、组卷进行增、删、改、查  
留言管理：对学生留言进行回复、删除  
友情链接添加、查询：对友情链接进行增、删、改、查  
4.教师功能子系统与超级管理员功能子系统唯一不同的功能是：只有超级管理员可以对教师进行管理，本文转载自http://www.biyezuopin.vip/onews.asp?id=13866教师相当于普通管理员。  
管理员用户管理：对普通管理员及教师进行增、删、改、查  
3.2 设计成果  
该师生互动系统是一款为很多高校的教学管理提供师生互动的平台。分为前台界面为学生提供服务，后台界面为管理员提供服务。该师生互动系统可以推进教育教学网络计算机化，从而突出网页使用与技术融合为一体的师生互动学习平台。平台建设的成功经验，可为别的院校相关学习平台的建设进行参考、引用和推广。

<%@ page language="java"  pageEncoding="gb2312"%>
    <%
    String path = request.getContextPath();
    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
    %>
    <%@ page language="java" import="java.sql.*" %>
    <jsp:useBean id="connDbBean" scope="page" class="db.db"/>
    
    <html>
    <head>
    <title>师生互动系统</title>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312"><LINK href="qtimages/style.css" type=text/css rel=stylesheet>
    <style type="text/css">
    
    </style></head>
    <body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
    
    <table width="1003" height="1100" border="0" align="center" cellpadding="0" cellspacing="0" id="__01">
    	<tr>
    		<td>
    <%@ include file="qttop.jsp"%></td>
    	</tr>
    	<tr>
    		<td><table id="__01" width="1003" height="694" border="0" cellpadding="0" cellspacing="0">
              <tr>
                <td><%@ include file="qtleft.jsp"%></td>
                <td valign="top"><table id="__01" width="757" height="466" border="0" cellpadding="0" cellspacing="0">
                  <tr>
                    <td height="247"><table id="__01" width="757" height="247" border="0" cellpadding="0" cellspacing="0">
                      <tr>
                        <td width="757" height="34" background="qtimages/1_02_02_01_01.gif"><table width="100%" height="21" border="0" cellpadding="0" cellspacing="0">
                          <tr>
                            <td width="22%" align="center" valign="bottom"><span class="STYLE1">文字资料</span></td>
                            <td width="78%"> </td>
                          </tr>
                        </table></td>
                      </tr>
                      <tr>
                        <td><table id="__01" width="757" height="205" border="0" cellpadding="0" cellspacing="0">
                          <tr>
                            <td><img src="qtimages/1_02_02_01_02_01.gif" width="13" height="205" alt=""></td>
                            <td width="491" height="205" valign="top"><table class="newsline" cellspacing="0" cellpadding="0" width="98%" 
                      align="center" border="0">
                              <tbody>
                                <%
    							String sql="";
    							sql="select top 7 id,biaoti,addtime from xinwentongzhi order by id desc";
    							 String id="";
     String biaoti="";
     String addtime="";
     int i=0;
      ResultSet RS_result=connDbBean.executeQuery(sql);
    							while(RS_result.next()){
        
     i=i+1;
     id=RS_result.getString("id");
    biaoti=RS_result.getString("biaoti");
     addtime=RS_result.getString("addtime");
     
     
    							
    							%>
                                <tr>
                                  <td width="3%" height="24" class="STYLE4"><img height="7" 
                                    src="qtimages/1.gif" 
                                    width="7" /></td>
                                  <td width="81%"><a 
                            href="gg_detail.jsp?id=<%=id%>"><%=biaoti%></a>  </td>
                                  <td width="16%">
                                    <%
                                  
    out.print(addtime.substring(0,10));
    %>                             </td>
                                </tr>
                                <%
    							}
    							%>
                              </tbody>
                            </table></td>
                            <td width="226" height="205">
    						<SCRIPT type=text/javascript>
    var focus_width=226;
    var focus_height=180;
    var text_height=20;
    var swf_height = focus_height+text_height;
    var pics="";
    var links="";
    var texts="";
    <%
    	String sqlbht;
    	sqlbht="select top 5 id,biaoti,shouyetupian from xinwentongzhi where shouyetupian<>'' and shouyetupian<>'null' order by id desc";
    	ResultSet RS_resultbht=connDbBean.executeQuery(sqlbht);
    	String idbht="";
    	String biaotibht="";
    	String shouyetupianbht="";
    	 while(RS_resultbht.next()){
        
     shouyetupianbht=shouyetupianbht+RS_resultbht.getString("shouyetupian")+"|";
     idbht=idbht+"gg_detail.jsp?id="+RS_resultbht.getString("id")+"|";
     biaotibht=biaotibht+RS_resultbht.getString("biaoti")+"|";
     }
     shouyetupianbht=shouyetupianbht.substring(0,shouyetupianbht.length()-1);
     idbht=idbht.substring(0,idbht.length()-1);
     biaotibht=biaotibht.substring(0,biaotibht.length()-1);
    %>
    pics="<%=shouyetupianbht%>";
    links="<%=idbht%>";
    texts="<%=biaotibht%>";
    document.write('<embed src="qtimages/pixviewer.swf" wmode="opaque" FlashVars="pics='+pics+'&links='+links+'&texts='+texts+'&borderwidth='+focus_width+'&borderheight='+focus_height+'&textheight='+text_height+'" menu="false" bgcolor="#ffffff" quality="Best" width="'+ focus_width +'" height="'+ swf_height +'" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer">');
    
    </SCRIPT>						</td>
                            <td><img src="qtimages/1_02_02_01_02_04.gif" width="27" height="205" alt=""></td>
                          </tr>
                        </table></td>
                      </tr>
                      <tr>
                        <td><img src="qtimages/1_02_02_01_03.gif" width="757" height="8" alt=""></td>
                      </tr>
                    </table></td>
                  </tr>
                  
                  <tr>
                    <td height="219"><table id="__01" width="757" height="219" border="0" cellpadding="0" cellspacing="0">
                      <tr>
                        <td width="757" height="37" background="qtimages/1_02_02_02_01.gif"><table width="100%" height="21" border="0" cellpadding="0" cellspacing="0">
                            <tr>
                              <td width="22%" align="center" valign="bottom"><span class="STYLE1">系统简介</span></td>
                              <td width="78%"> </td>
                            </tr>
                        </table></td>
                      </tr>
                      <tr>
                        <td><table id="__01" width="757" height="174" border="0" cellpadding="0" cellspacing="0">
                            <tr>
                              <td><img src="qtimages/1_02_02_02_02_01.gif" width="14" height="174" alt=""></td>
                              <td width="714" height="174" align="left">
                                <%
    							 sql="select content from dx where leibie='系统简介'";
      String neirong="";
       RS_result=connDbBean.executeQuery(sql);
      while(RS_result.next()){
        
    neirong=RS_result.getString("content");
       %>
                            
                                <%=neirong %>
                                <%}%></td>
                              <td><img src="qtimages/1_02_02_02_02_03.gif" width="29" height="174" alt=""></td>
                            </tr>
                        </table></td>
                      </tr>
                      <tr>
                        <td><img src="qtimages/1_02_02_02_03.gif" width="757" height="8" alt=""></td>
                      </tr>
                    </table></td>
                  </tr>
                </table></td>
              </tr>
            </table></td>
    	</tr>
    	<tr>
    		<td width="1003" height="116" background="qtimages/1_03.gif"><%@ include file="qtdown.jsp"%></td>
    	</tr>
    </table>
    
    </body>
    </html>

![在这里插入图片描述][bf1d0be57c7943f3a51f779dae4a2257.jpeg_pic_center]  
![在这里插入图片描述][2e794f04582b40779cb431b3c6eaedc9.png_pic_center]  
![在这里插入图片描述][6d992d65cfc44b19af58c8fd7511f2be.png_pic_center]  
![在这里插入图片描述][5fe52ae3c0f9495c91f4e8eda7e64d7f.png_pic_center]  
![在这里插入图片描述][308d1e78994244569efb88d387dd52f6.jpeg_pic_center]  
![在这里插入图片描述][6e18a85895f54e349c0e747f9b48a585.png_pic_center]  
![在这里插入图片描述][e1cb041b113840f2b44b5e7131f70eb9.jpeg_pic_center]  
![在这里插入图片描述][46ca6844530747a3804ae05ef9ab2b18.jpeg_pic_center]  
![在这里插入图片描述][ac0d44c2f3464e98ad48d001a12a8178.png_pic_center]  
![在这里插入图片描述][0dbf1aab8ebc41cdbcf0504b1ed33bbd.png_pic_center]  
![在这里插入图片描述][cf111bbec5d143979860c381467c386a.jpeg_pic_center]  
![在这里插入图片描述][14a953722b2249c3b3250d9d5d9f1e0c.jpeg_pic_center]  
![在这里插入图片描述][a145dcf442be4bebb13c3f05a9c8af5a.png_pic_center]  
![在这里插入图片描述][e2e1f2b4d0c84afebbe012c8759aecbd.png_pic_center]  
![在这里插入图片描述][5a2c61602ca845b7a36b56e2b6d7b9f1.png_pic_center]  
![在这里插入图片描述][5d5c9ba64b0a4ebebde9aac1221fb5dd.jpeg_pic_center]  
![在这里插入图片描述][9acef8c6291e4728a4b1b75cd536ac59.jpeg_pic_center]  
![在这里插入图片描述][c8614714af024f639cb9b6fae338e5a5.png_pic_center]  
![在这里插入图片描述][9f8de7c0305a40fe838a4778aca6a08c.jpeg_pic_center]  
![在这里插入图片描述][8b87d2015b7b4ce892c50e97ecd6093f.png_pic_center]

[bf1d0be57c7943f3a51f779dae4a2257.jpeg_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/74157c097219410b87a4dc0dcce7f694.jpeg
[2e794f04582b40779cb431b3c6eaedc9.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/4f15f54f9a224c5f81a6ef351222cc5b.png
[6d992d65cfc44b19af58c8fd7511f2be.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/13cba2eec4164b19943b9a3a22449507.png
[5fe52ae3c0f9495c91f4e8eda7e64d7f.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/7286b680b0ac41fdb9d1854ffd273268.png
[308d1e78994244569efb88d387dd52f6.jpeg_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/2756521571aa4c0199b48f4af5b9ef26.jpeg
[6e18a85895f54e349c0e747f9b48a585.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/5c0b1cfe80704755ae4a5a52dceb1636.png
[e1cb041b113840f2b44b5e7131f70eb9.jpeg_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/fab10c61f1ef4865b2590223dcb57f91.jpeg
[46ca6844530747a3804ae05ef9ab2b18.jpeg_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/69d6088ac25d4522a07f887541c73b6f.jpeg
[ac0d44c2f3464e98ad48d001a12a8178.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/e9b0359e154148bf8a510b53b2a0cf25.png
[0dbf1aab8ebc41cdbcf0504b1ed33bbd.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/e052b0d3c04542548d164d67676529c0.png
[cf111bbec5d143979860c381467c386a.jpeg_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/2fb5204f5d0d4687a9f77f0083d38ac5.jpeg
[14a953722b2249c3b3250d9d5d9f1e0c.jpeg_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/d8b61ca3c6a24719abe1126e70e1754c.jpeg
[a145dcf442be4bebb13c3f05a9c8af5a.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/3eb73ad35a5841dfb2d14d6a6f0f9823.png
[e2e1f2b4d0c84afebbe012c8759aecbd.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/f3ee868e12754ad898c962f58494237a.png
[5a2c61602ca845b7a36b56e2b6d7b9f1.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/47e637bc6dc648b9a7ed9f9e8ac25d3f.png
[5d5c9ba64b0a4ebebde9aac1221fb5dd.jpeg_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/65fbfcddd62f4c5f8ed56e9633b08292.jpeg
[9acef8c6291e4728a4b1b75cd536ac59.jpeg_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/50adda9687fe487abc412515aa8e3b60.jpeg
[c8614714af024f639cb9b6fae338e5a5.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/8e086115f541465381bffb0acf578f0a.png
[9f8de7c0305a40fe838a4778aca6a08c.jpeg_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/fbc1df3285464ad59b9f0c61ea3492b2.jpeg
[8b87d2015b7b4ce892c50e97ecd6093f.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/b9b117ad7d6543b4a271b5b660850248.png