版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
1、 题目: 班级网站设计 学生姓名: 邵园园 专 业: 软件技术 班 级: 11软1 学 号: 201101080029 指导教师: 日期:2103 年 1 月 8 日 第一章 绪论 摘 要 在21世纪这个信息高度发达、高速流通的时代,计算机的普及以及计算机网络的广泛应用,让普通人能够接触到比以往更多的知识。面对信息时代的信息大“爆炸”现象,怎样才能使教育跟上时代的步伐,而不至于被时代抛在后面?很多专家一直都在思考这个问题“如何把教育资源移置到网络上去,使更多的人可以享有这些资源”。作为一个以传播知识为主要职能的机构,学校建立一个自己的网站是十分必要的事情,这不仅能使更多的人享用宝贵的教育资料源
2、,同时也对于提升学校自身的知名度,提高学生自学能力,有相当大的帮助。本系统的开发是基于JSP的班级网站的设计与实现,采用JSP程序设计语言、JavaScript、Html语言及JavaBean、Servlet语言,采用Tomcat服务器技术,并采用MySQL数据库进行开发。首先对班级网站做了详细的需求分析;然后给出了网站所需的功能,重点探讨了班级网站的设计法案;最后对班级网站进行了较详细的设计,并给出了具体实现步骤;通过测试分析,该系统的运行稳定、可靠,具有一定的可观价值。关键词:班级网站,JSP,MySQL数据库1.2 设计思想 通过设计班级网站,我们要全年宣传、展示班级风采、优点与特色,发
3、布班级的重大活动安排,增强同学之间的相互联系,提高办事效率。网站结构图:班级介绍同学信息班级相册留言板学校风貌主页 图1-1:网站结构图1.3 开发工具的选用及介绍 1.3.1 JSP技术分析JSP(Java Server Pages)是由Sun Microsystems公司倡导、许多公司参与一起建立的一种动态网页技术标准。JSP技术使用Java编程语言编写类XML的tags和scriptlets,来封装产生动态网页的处理逻辑。网页还能通过tags和scriptlets访问存在于服务端的资源的应用逻辑。JSP将网页逻辑与网页设计和显示分离,支持可重用的基于组件的设计,使基于Web的应用程序的开
4、发变得迅速和容易。JSP与Java Servlet一样,是在服务器端执行的,通常返回该客户端的就是一个HTML文本,因此客户端只要有浏览器就能浏览。JSP页面由HTML代码和嵌入其中的Java代码所组成。服务器在页面被客户端请求以后对这些Java代码进行处理,然后将生成的HTML页面返回给客户端的浏览器。Java Servlet 是JSP的技术基础,而且大型的Web应用程序的开发需要Java Servlet和JSP配合才能完成。JSP具备了Java技术的简单易用,完全的面向对象,具有平台无关性且安全可靠,主要面向因特网的所有特点。自JSP推出后,众多大公司都支持JSP技术的服务器,如IBM、O
5、racle、Bea公司等,所以JSP迅速成为商业应用的服务器端语言。JSP的优势如下:(1)一次编写,到处运行。在这一点上Java比PHP更出色,除了系统之外,代码不用做任何更改。(2)系统的多平台支持。基本上可以在所有平台上的任意环境中开发,在任意环境中进行系统部署,在任意环境中扩展。相比ASP/PHP的局限性是显而易见的。第二章 网站总体分析与设计21网站系统分析根据前面的设计思想进行分析,按照系统开发的基本观点对网站进行分解,从内容上可对网站作如下划分:(1)班级首页(2)班级介绍(3)同学信息(4)班级相册(5)留言板(6)学样风貌22主页设计 页采用静、动相结合的方式,即静态的主画面
6、和动态的图片相结合,体现班级的勃勃生气,静态主页方式介绍班级风采、优点特色,就得利用JSP与数据库结合的技术建立数据库查询管理系统,采用交互式的动态的web画面来实现。23 数据库设计 本网站采用的数据库是Microsoft Access,建立库文件,包含如下几个表文件:Claim 网站公告信息表Loginfo 来访登录时间信息表Mssg 留言信息表Photo 图文内容说明信息表User 成员地址信息表第三章 详细设计31本站首页 图2-1:网站首页 代码如下:<head><meta http-equiv="Content-Type" content=&q
7、uot;text/html; charset=utf-8" /><title>11软1</title><style type="text/css"><!-.STYLE1 color: #0000FF-></style></HEAD><!-a:link text-decoration: none;color: #0000CC;a:visited text-decoration: none;color: #FF0000;a:hover text-decoration: underlin
8、e;color: #FF0000;a:active text-decoration: none;color: #0000FF;h1,h2,h3,h4,h5,h6 font-family:软件0905班;-></style><BODY text=#000000 bgColor=#ffffff leftMargin=0 topMargin=0 marginheight="0" marginwidth="0"><div align="center">bordercolor="#FFFFFF
9、"> <div align="center"><a href="首页.html">本站首页</a></div> </td> <a href="#">班级介绍</a></div></td> <td width="135" bordercolor="#FFFFFF" background="images/btn1.gif" bgcolor="
10、#FFFFFF"><div align="center" class="STYLE1"><a href="#">同学信息</a></div></td> <td width="135" bordercolor="#FFFFFF" background="images/btn1.gif" bgcolor="#FFFFFF"><div align="cente
11、r"><a href="#">班级相册</a></div></td> bgcolor="#FFFFFF"><div align="center" class="STYLE1"><a href="#">雁过留声</a></div></td> bgcolor="#FFFFFF"> <div align="center"
12、class="STYLE1"> <a href="#">学校风貌</a></div> </td> </tr> <tr> <td height="465" colspan="7" valign="top" bordercolor="#CCFF33"><table width="788" border="0" cellpadding="
13、0" cellspacing="0" height="463"> <!-DWLayoutTable-> <tr> <td valign="top" width="200"><table width="200" border="1" bordercolor="#FFFFFF" style="border-collapse: collapse" height="417&qu
14、ot;> collapse" height="463" bordercolor="#CCFF33"><tr><td height="20" background="images/col1.gif" bgcolor="#FFFFFF">班级动态</td> </tr><tr><td height="100"></td></tr><tr><td h
15、eight="21" background="images/col1.gif" bgcolor="#FFFFFF">班级介绍</td></tr><tr><td height="176"> <p align="center" class="style6"><font face="华文新魏" color="#800080" size="5">
16、</font><font face="华文新魏" size="5"><span class="STYLE3">天空湛蓝,鸟语花香,一群充满活力的年轻人11软1的同学们在美丽的学院里演绎着一个个富有激情的青春故事。这是一个团结奋进、朝气蓬勃、温暖和谐的集体。</span></font></p></td></tr><tr><td height="20" background="images/col
17、1.gif" bgcolor="#FFFFFF">学校通知</td></tr><tr><p><font size="2">Copyright <A href="#">11软件技术1班</A><BR> E-mail:<A href="mailto:87380305">87380305 </A>联系地址:<a href="#">潍坊科技学院/a>&
18、lt;br><script language="JavaScript"><!- visits = 1else visits = parseInt(visits) + 1setCookie("counter", visits, now)document.write("欢迎您第 " + visits + " 次来到本站点")/ -></script></font><font size="2" color="#99FF33"
19、;><BR> </font></p></div></td> </tr></table></div></body></html>32班级介绍 图2-2:班级介绍代码如下:<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>潍坊科技学院11软1</title></HEAD
20、><title>软件0905班</title><BODY text=#000000 bgColor=#ffffff leftMargin=0 topMargin=0 marginheight="0" marginwidth="0"><div align="center"> <tr bordercolor="#FFFFFF"> <td colspan="7" bordercolor="#CCFF33">
21、;<img src="images/01.png" alt="tp" width="788" height="190" /></td></tr> <tr bordercolor="#FFFFFF" bgcolor="#0066FF"> <td bordercolor="#FFFFFF" background="images/btn1.gif" bgcolor="#FFFFF
22、F"><div align="center"><a href="首页.html" class="STYLE1">本站首页</a></div></td> <td bordercolor="#FFFFFF" background="images/btn1.gif" bgcolor="#FFFFFF"><div align="center"> <a href
23、="班级介绍.html" class="STYLE1">班级介绍</a></div></td> <td bordercolor="#FFFFFF" background="images/btn1.gif" bgcolor="#FFFFFF"><div align="center"><a href="同学信息.html" class="STYLE1">同学信息&
24、lt;/a></div></td> <td bordercolor="#FFFFFF" background="images/btn1.gif" bgcolor="#FFFFFF"><div align="center"><a href="#" class="STYLE1">班级相册</a></div></td> <td bordercolor="#FFFFF
25、F" background="images/btn1.gif" bgcolor="#FFFFFF"><div align="center"> <a href="留言板.html" class="STYLE1">雁过留声</a></div></td> <td colspan="2" bordercolor="#FFFFFF" background="images/bt
26、n1.gif" bgcolor="#FFFFFF"><div align="center"> <a href="#" class="STYLE1">学校风貌</a></div></td></tr> <tr> <td width="900" height="465" colspan="7" valign="top" bordercol
27、or="#CCFF33"><table width="788" border="0" cellpadding="0" cellspacing="0" height="461"> <!-DWLayoutTable-> <tr><td height="461" valign="top"> <p align="center" class=&qu
28、ot;STYLE2"><font face="华文行楷, 华文新魏, 隶书, 幼圆"></font>江西软件学院软件分院0905班</p> <p align="center" class="STYLE3">这是一个团结奋进、朝气蓬勃、温暖和谐的集体。 我们自信的接受挑战,以开放的心态迎接新事物,从社会底层的居住到高等学府的气氛,从容的生活。在多维的思想体系中,我们一直为社会和个人利益的共赢而努力。我们没有普遍的眼高手低的现象,从一开始我们实际的扩大专业知识,用实际成果来回
29、答问题!<br /> <tr><td height="44" colspan="7" bordercolor="#CCFF33" bgcolor="#008080"><div align="center"><script language="JavaScript" type="text/javascript"><!- fixDate(now)now.setTime(now.getTime()
30、 + 365 * 24 * 60 * 60 * 1000)var visits = getCookie("counter")if (!visits) visits = 1else visits = parseInt(visits) + 1setCookie("counter", visits, now)document.write("欢迎您第 " + visits + " 次来到本站点")/ -></script><BR></font> </div></t
31、d> </tr></table></div></body></html>33同学信息 图2-3:同学信息代码如下:<p align="center" class="STYLE20">男同胞们名单.</p></td> <td colspan="6" rowspan="23"><div id="Layer2"><img src="图片/呼呼.jpg"
32、 alt="一个课间." width="615" height="306" /></div> <div id="Layer3"><img src="图片/交杯酒.jpg" alt="交杯酒." width="297" height="309" /></div> <div id="Layer4"><img src="图片/风景.jpg&q
33、uot; alt="一条大路." width="913" height="435" /></div></td> <td><p align="center" class="STYLE21">11软1</p> <p align="center" class="STYLE21">女同胞们(名单).</p></td> </tr> <tr>
34、<td><span class="STYLE22">班长:裴星宇 </span></td> </tr> <tr> <td><span class="STYLE23">纪委:苟详明</span></td> </tr> <tr> <td><span class="STYLE24">学习委员:王超</span></td> </tr> <
35、;tr> <td><span class="STYLE25">体育委员:马安顺</span></td> </tr> <tr> <td height="22"><span class="STYLE26">副纪委:张将</span></td> </tr> <tr> <td><span class="STYLE27">生活部长:于明明</spa
36、n></td> </tr> <tr> </tr> <tr> <td><span class="STYLE45">那个某某人:邵园园</span></td> </tr> <tr> <td><span class="STYLE32">济宁老乡:杨新旋</span></td> </tr> <tr> <td><span class=&qu
37、ot;STYLE33">青岛帅锅:江京翔</span></td> </tr> <tr> <td><span class="STYLE26">少数民族:杨波</span></td> </tr> <tr> <td><span class="STYLE34">火柴哥:孙慎伟</span></td> </tr> </table>34班级相册 图2-4:班级相
38、册代码如下:<head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>江西软件学院软件分院0905班</title><style type="text/css"></style></head><body><form name="form1" method="post" action=&qu
39、ot;classly.aspx?class_id=116" language="javascript" onsubmit="javascript:return WebForm_OnSubmit();" id="form1"> <script type="text/javascript"><!-function WebForm_OnSubmit() if (typeof(ValidatorOnSubmit) = "function" && Vali
40、datorOnSubmit() = false) return false;return true;/ -></script><div><table width="1011" border="0" align="center" cellpadding="0" cellspacing="0" background="images/bg_all.gif"> <tr> <td width="106" v
41、align="top"> </td> <td width="787" valign="top"><table width="760" border="0" align="center" cellpadding="0" cellspacing="0"> <td colspan="2" nowrap="nowrap" bordercol
42、or="#FFFFFF" bgcolor="#FFFFFF"><table width="788" border="0"> <tr><th width="788" height="190" background="images/01.png" scope="col"> </th> </tr> <tr><td><table w
43、idth="100%" border="0"> <tr bordercolor="#FFFFFF" bgcolor="#0066FF"> <td height="19" nowrap="nowrap" bordercolor="#FFFFFF" background="images/btn1.gif" bgcolor="#FFFFFF"><div align="cente
44、r"><a href="首页.html" class="STYLE1">本站首页</a></div></td> <td height="19" nowrap="nowrap" bordercolor="#FFFFFF" background="images/btn1.gif" bgcolor="#FFFFFF"><div align="center">
45、; <a href="班级介绍.html" class="STYLE1">班级介绍</a></div></td> <td height="19" bordercolor="#FFFFFF" bgcolor="#FFFFFF"><div align="center" class="STYLE1"><a href="同学信息.html">同学信息</a&g
温馨提示
- 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 大洲和大洋 课件(共25张内嵌视频) 人教版七年级地理上册
- 礼品套餐售卖话术
- 人工智能设计大赛全攻略
- 《环境卫生学》课件-碘缺乏病
- 印度人工智能发展现状
- 插花专业就业前景分析
- 月嫂培训安全管理制度
- 中国艺术培训管理制度
- 网格员工作培训制度
- 就业培训课堂管理制度
- 种鸡免疫工作总结
- 河南省商丘市柘城县2024-2025学年八年级上学期期末数学试题(含答案)
- 河南省信阳市2024-2025学年高二上学期1月期末英语试题(含答案无听力原文及音频)
- 给女朋友申请书
- 八下《桃花源记》《小石潭记》全文背诵(原文+译文)
- 房颤抢救流程护理
- 【8地RJ期末】安徽省芜湖市2024-2025学年八年级上学期期末考试地理试卷+
- 智能法理学习通超星期末考试答案章节答案2024年
- 长护险护理培训课件
- 福建省厦门市2023-2024学年高二上学期期末考试英语试题(解析版)
- 蓝丝带的故事
评论
0/150
提交评论