Web开发技术课程设计
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
2.1.2功能划分
本系统有以下功能模块：
1.）学生信息的录入模块；
2.）学生信息的查询模块；
3.）学生信息的删除模块；
4.）学生信息的添加模块；
5.）学生信息的排序模块。
2.1.3功能描述
对于学生信息的录入：在数据库中输入所有学生的信息，作为母模块。
对于学生信息的查询：在网页中直接输入学生学号，点击查询后计算机将在数据库中自动查找出相应的信息显示在网页上面。
通过这次课程设计，不仅学到了很多专业知识，而且提高了动手能力和解决实际问题的能力，真的受益匪浅。
课题完成到现在，从该开始连html网页制作语言都不怎么熟悉，到现在基本能够完成网页查询功能，遇到了不少问题。在开发过程中，常常由于自己的一点失误，或者对某个模块理解得不够充分，导致整个程序的无法运行，经常因为一个问题，致使整个工作无从下手，这时，只有细心的跟踪调试、阅读相关书籍、向老师咨询，仔细检查才能通过。例如，由于自己的编程思想不明确，网页设计不合理，导致程序代码重用性和扩展性都非常差，通过查阅多本参考资料，重新解决了这个问题。
对于学生信息的删除：在网页中输入你想删除的学生信息，点击提交后计算机将在数据库中删除对应的信息。
对于学生信息的添加：在网页中输入你想添加的学生信息，点击添加后计算机将执行该命令，在原有的数据库中添加新的学生信息。
对于学生信息的排序：在网页中可以选择按学号排序还是按年龄排序，点击提交后计算机自动将在数据库中按用户的指令对信息进行相应的排序。
<body background="ppp.jpg"><center>
<table width="850" height="120" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="850" background="button/u.jpg"><table width="850" height="120" border="0" cellpadding="0" cellspacing="1">
<tr>
<td width="850" background="button/u.jpg"><table width="850" height="120" border="0" cellpadding="0" cellspacing="1">
<tr>
<td width="850" height=120><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="850" height="120">
第三章
3.1
操作系统：Windows7/2000/XP
安装JDK
安装Access
运行Tomcat
3.2结构设计
第一步:创建数据库
打开Access软件，在里面采用永数据输入创建表，在这里我们创建学生信息表，分别在表格中输入姓名，学号，年龄，籍贯信息，创建成功，将该数据库存入与TOMCAT一个文件夹中。创建好的数据库如图所示
1.2 Web
Web汇集了各种不同类型的信息，它的页面颜色丰富、包含文字、图形、动画、声音和视频等多种信息内容，因此在Web开发时也需要使用到对不同类型信息的处理技术。Web站点的开发可以分成客户端和服务器端两部分，客户端主要用于显示信息内容，也就是我们浏览的Web页面，服务器端程序的zhuy7ao功能是对所需信息进行处理。
1.3编写目的
为适合现代教学的需要,学生信息已经成为教学的一个难题,由于其费时和繁琐性，学校迫切需要一种专门为学生信息查询而服务的工具。为此,简单的信息查询系统为此而制造出来。本简单程序是为学生信息查询而设计的,内容简单，使用方便。适合为一般的信息查询所使用。程序稍加变更可以适合对资源分配方面的杂事加以处理。
</tr>
</table></td>
</tr>
</table>
<br>
<body><center><table width=850 bgcolor=blue height=150 style="border:red outset 2px" cellspacing=0><tr><td align=center>
（1）学生数据信息的查询，当网页页面出现的时候，在空文本框中输入中进行信息的查找，如果信息输入错误，可以点击清除按键进行删除，接着再重新输入正确的信息。
（2）向数据库添加新纪录，将新的学生姓名，学号，年龄和籍贯信息输入文本框中，进行添加，当点击提交按键时，你所输入的信息会自动加入我们创建的数据库中，同样页面也有清除按键，方便用户输入错误信息时候进行修改。
安徽农业大学
经济技术学院
课程设计报告
课 程web开发技术
题 目学生信息查询系统课程设计
年 级
专 业
学 生
指导教师
2013年6月19日
学生信息系统查询设计
1.2web技术简介
1.3编写目的
2.1.1开发目标
2.1.2功能划分
2.1.3功能描述
4.1系统总结
第一章 概述
1.1
本系统主要完成对学生信息的查询，包括数据库中表的添加、删除等。系统可以完成对各类信息的浏览、修改、查询和追加。系统的核心是数据库中各个表联系，每一个表的修改都将联动的影响其它的表，当完成对数据的操作时系统会自动地完成数据库的修改。查询功能也是系统的核心之一，在系统中即有单条件查询和多条件查询，统不仅有静态的条件查询，也有动态生成的条件查询，其目的都是为了方便用户使用。本系统有完整的用户添加、删除功能，并具备信息排序查询功能.
2.1关键软件分析
1.JDK软件分析
JDK（Java Development Kit）是Sun Microsystems针对Java开发员的产品。自从Java推出以来，JDK已经成为使用最广泛的Java SDK。JDK是整个Java的核心，包括了Java运行环境、Java工具和Java基础类库。JDK是学好Java的第一步。而专门运行在x86平台的Jrocket在服务端运行效率也要比Sun JDK好很多。从SUN的JDK5.0开始，提供了泛型等非常实用的功能，其版本也不断更新，运行效率得到了非常大的提高。
（3）删除学生信息，在文本框中输入你所需要删除的学生姓名，当点击提交的时候，该命令会在数据库中将对应的信息清除。
（4）进行排序查询，这里有两个按钮选择，用户可以选择按学号排序还是按年龄排序，当点击提交按钮的时候，此条命令将数据库内的信息重新进行排序，然后显示在页面上面。
第
经过小组的努力，系统终于按预期的结果顺利完成了。从系统最初的需求分析、设计，到最后实现的过程中，经过多次反复的修改，功能逐渐完善，已经基本达到了实用，方便，人性化等预期目标。
整个过程中，我们逐渐学会了当遇到问题时应该如何面对，如何寻找最有效的解决方案。学习了系统化的开发思想。相信对我们以后的学习工作有很大的帮助。
参考文献
[1]陈铁主编《Web开发技术实用教程》清华大学出版社2008.10
附录
1.学生信息查询源程序
<html><head>
<title>查询</title>
<param name="movie" value="images/top.swf">
<param name="WMode" value="Transparent">
<param name="quality" value="high">
<embed src="images/top.swf" quality="high" type="application/x-shockwave-flash" width="474" height="70"></embed></object></td>
<tr>
<td width="850" height=120><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="850" height="120">
<param name="movie" value="images/top.swf">
<font size = 4 color = white>学生信息查询</font>
<form method="post" action="ex9-04.jsp"><font color=white>
请输入学生学号：<input type=text name="pubname" size=20 maxlength=20><p>
<style type=text/css>
td{font-family:宋体;font-size:12px;color=white;border:1px solid white;}
</style>
</head>
<body background="ppp.jpg"><center>
<table width="850" height="120" border="0" align="center" cellpadding="0" cellspacing="0">
2.Access软件简介
MS ACCESS以它自己的格式将数据存储在基于Access Jet的数据库引擎里。它还可以直接导入或者链接数据(这些数据存储在其他应用程序和数据库)。
软件开发人员和数据架构师可以使用Microsoft Access开发应用软件,“高级用户”可以使用它来构建软件应用程序。和其他办公应用程序一样，ACCESS支持Visual Basic宏语言,它是一个面向对象的编程语言,可以引用各种对象，包括DAO(数据访问对象),ActiveX数据对象,以及许多其他的ActiveX组件。可视对象用于显示表和报表，他们的方法和属性是在VBA编程环境下，VBA代码模块可以声明和调用Windows操作系统函数。
作为当代大学生，熟练的操作计算机是一种必备的素质。本次设计会让我们更加熟悉Web设计，把以前学过的一些东西又重新复习了一遍，并与实际结合起来，对我们能力的提升有了很大的帮助。
第二章
2.1系统需求分析
2.1.1开发目标
我们设计的网页和数据库的目标是进行学生信息的查询和修改等，方便用户在众多凌乱的信息中找到自己所需要的信息，以及添加和修改信息。
background=bottom1.jpg border=0 border:2px solid red;>
<TBODY>
<TR>
<TD class=tdwhite align=middle><!--#begineditable name="版权2" action="" layout="" clone="" namechanged="0" viewid="605"-->版权所有：607B电话：0551-5788992 <BR>地址：合肥市大学生公寓 邮编：230036 <!--#endeditable--></TD></TR></TBODY></TABLE>
</html>
2.学生信息排序查询源程序
<html><head>
<title>排序查询</title>
<style type=text/css>
td{font-family:宋体;font-size:12px;color=white;border:1px solid white;}
</style>
</head>
第二步：编写html网页
当数据库完成的时候，开始编写网页，打开记事本，编写我们需要的功能的网页程序。最开始定义页面的字体大小，字体颜色和字体类型，并且定义网页的背景图片，接下来页面分为三大部分，最上面为一个表格，用来插入图片，中间的表格是进行输入信息，体现网页的功能，最下面的表格填写制作的一些信息。
<input type=submit value="提交">
<input type=reset value="清除">
</form></font></td></tr></table>
</body>
<bBiblioteka Baidu>
<TABLE height=85 cellSpacing=0 cellPadding=0 width=850 align=center
<param name="WMode" value="Transparent">
<param name="quality" value="high">
本系统有以下功能模块：
1.）学生信息的录入模块；
2.）学生信息的查询模块；
3.）学生信息的删除模块；
4.）学生信息的添加模块；
5.）学生信息的排序模块。
2.1.3功能描述
对于学生信息的录入：在数据库中输入所有学生的信息，作为母模块。
对于学生信息的查询：在网页中直接输入学生学号，点击查询后计算机将在数据库中自动查找出相应的信息显示在网页上面。
通过这次课程设计，不仅学到了很多专业知识，而且提高了动手能力和解决实际问题的能力，真的受益匪浅。
课题完成到现在，从该开始连html网页制作语言都不怎么熟悉，到现在基本能够完成网页查询功能，遇到了不少问题。在开发过程中，常常由于自己的一点失误，或者对某个模块理解得不够充分，导致整个程序的无法运行，经常因为一个问题，致使整个工作无从下手，这时，只有细心的跟踪调试、阅读相关书籍、向老师咨询，仔细检查才能通过。例如，由于自己的编程思想不明确，网页设计不合理，导致程序代码重用性和扩展性都非常差，通过查阅多本参考资料，重新解决了这个问题。
对于学生信息的删除：在网页中输入你想删除的学生信息，点击提交后计算机将在数据库中删除对应的信息。
对于学生信息的添加：在网页中输入你想添加的学生信息，点击添加后计算机将执行该命令，在原有的数据库中添加新的学生信息。
对于学生信息的排序：在网页中可以选择按学号排序还是按年龄排序，点击提交后计算机自动将在数据库中按用户的指令对信息进行相应的排序。
<body background="ppp.jpg"><center>
<table width="850" height="120" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="850" background="button/u.jpg"><table width="850" height="120" border="0" cellpadding="0" cellspacing="1">
<tr>
<td width="850" background="button/u.jpg"><table width="850" height="120" border="0" cellpadding="0" cellspacing="1">
<tr>
<td width="850" height=120><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="850" height="120">
第三章
3.1
操作系统：Windows7/2000/XP
安装JDK
安装Access
运行Tomcat
3.2结构设计
第一步:创建数据库
打开Access软件，在里面采用永数据输入创建表，在这里我们创建学生信息表，分别在表格中输入姓名，学号，年龄，籍贯信息，创建成功，将该数据库存入与TOMCAT一个文件夹中。创建好的数据库如图所示
1.2 Web
Web汇集了各种不同类型的信息，它的页面颜色丰富、包含文字、图形、动画、声音和视频等多种信息内容，因此在Web开发时也需要使用到对不同类型信息的处理技术。Web站点的开发可以分成客户端和服务器端两部分，客户端主要用于显示信息内容，也就是我们浏览的Web页面，服务器端程序的zhuy7ao功能是对所需信息进行处理。
1.3编写目的
为适合现代教学的需要,学生信息已经成为教学的一个难题,由于其费时和繁琐性，学校迫切需要一种专门为学生信息查询而服务的工具。为此,简单的信息查询系统为此而制造出来。本简单程序是为学生信息查询而设计的,内容简单，使用方便。适合为一般的信息查询所使用。程序稍加变更可以适合对资源分配方面的杂事加以处理。
</tr>
</table></td>
</tr>
</table>
<br>
<body><center><table width=850 bgcolor=blue height=150 style="border:red outset 2px" cellspacing=0><tr><td align=center>
（1）学生数据信息的查询，当网页页面出现的时候，在空文本框中输入中进行信息的查找，如果信息输入错误，可以点击清除按键进行删除，接着再重新输入正确的信息。
（2）向数据库添加新纪录，将新的学生姓名，学号，年龄和籍贯信息输入文本框中，进行添加，当点击提交按键时，你所输入的信息会自动加入我们创建的数据库中，同样页面也有清除按键，方便用户输入错误信息时候进行修改。
安徽农业大学
经济技术学院
课程设计报告
课 程web开发技术
题 目学生信息查询系统课程设计
年 级
专 业
学 生
指导教师
2013年6月19日
学生信息系统查询设计
1.2web技术简介
1.3编写目的
2.1.1开发目标
2.1.2功能划分
2.1.3功能描述
4.1系统总结
第一章 概述
1.1
本系统主要完成对学生信息的查询，包括数据库中表的添加、删除等。系统可以完成对各类信息的浏览、修改、查询和追加。系统的核心是数据库中各个表联系，每一个表的修改都将联动的影响其它的表，当完成对数据的操作时系统会自动地完成数据库的修改。查询功能也是系统的核心之一，在系统中即有单条件查询和多条件查询，统不仅有静态的条件查询，也有动态生成的条件查询，其目的都是为了方便用户使用。本系统有完整的用户添加、删除功能，并具备信息排序查询功能.
2.1关键软件分析
1.JDK软件分析
JDK（Java Development Kit）是Sun Microsystems针对Java开发员的产品。自从Java推出以来，JDK已经成为使用最广泛的Java SDK。JDK是整个Java的核心，包括了Java运行环境、Java工具和Java基础类库。JDK是学好Java的第一步。而专门运行在x86平台的Jrocket在服务端运行效率也要比Sun JDK好很多。从SUN的JDK5.0开始，提供了泛型等非常实用的功能，其版本也不断更新，运行效率得到了非常大的提高。
（3）删除学生信息，在文本框中输入你所需要删除的学生姓名，当点击提交的时候，该命令会在数据库中将对应的信息清除。
（4）进行排序查询，这里有两个按钮选择，用户可以选择按学号排序还是按年龄排序，当点击提交按钮的时候，此条命令将数据库内的信息重新进行排序，然后显示在页面上面。
第
经过小组的努力，系统终于按预期的结果顺利完成了。从系统最初的需求分析、设计，到最后实现的过程中，经过多次反复的修改，功能逐渐完善，已经基本达到了实用，方便，人性化等预期目标。
整个过程中，我们逐渐学会了当遇到问题时应该如何面对，如何寻找最有效的解决方案。学习了系统化的开发思想。相信对我们以后的学习工作有很大的帮助。
参考文献
[1]陈铁主编《Web开发技术实用教程》清华大学出版社2008.10
附录
1.学生信息查询源程序
<html><head>
<title>查询</title>
<param name="movie" value="images/top.swf">
<param name="WMode" value="Transparent">
<param name="quality" value="high">
<embed src="images/top.swf" quality="high" type="application/x-shockwave-flash" width="474" height="70"></embed></object></td>
<tr>
<td width="850" height=120><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="850" height="120">
<param name="movie" value="images/top.swf">
<font size = 4 color = white>学生信息查询</font>
<form method="post" action="ex9-04.jsp"><font color=white>
请输入学生学号：<input type=text name="pubname" size=20 maxlength=20><p>
<style type=text/css>
td{font-family:宋体;font-size:12px;color=white;border:1px solid white;}
</style>
</head>
<body background="ppp.jpg"><center>
<table width="850" height="120" border="0" align="center" cellpadding="0" cellspacing="0">
2.Access软件简介
MS ACCESS以它自己的格式将数据存储在基于Access Jet的数据库引擎里。它还可以直接导入或者链接数据(这些数据存储在其他应用程序和数据库)。
软件开发人员和数据架构师可以使用Microsoft Access开发应用软件,“高级用户”可以使用它来构建软件应用程序。和其他办公应用程序一样，ACCESS支持Visual Basic宏语言,它是一个面向对象的编程语言,可以引用各种对象，包括DAO(数据访问对象),ActiveX数据对象,以及许多其他的ActiveX组件。可视对象用于显示表和报表，他们的方法和属性是在VBA编程环境下，VBA代码模块可以声明和调用Windows操作系统函数。
作为当代大学生，熟练的操作计算机是一种必备的素质。本次设计会让我们更加熟悉Web设计，把以前学过的一些东西又重新复习了一遍，并与实际结合起来，对我们能力的提升有了很大的帮助。
第二章
2.1系统需求分析
2.1.1开发目标
我们设计的网页和数据库的目标是进行学生信息的查询和修改等，方便用户在众多凌乱的信息中找到自己所需要的信息，以及添加和修改信息。
background=bottom1.jpg border=0 border:2px solid red;>
<TBODY>
<TR>
<TD class=tdwhite align=middle><!--#begineditable name="版权2" action="" layout="" clone="" namechanged="0" viewid="605"-->版权所有：607B电话：0551-5788992 <BR>地址：合肥市大学生公寓 邮编：230036 <!--#endeditable--></TD></TR></TBODY></TABLE>
</html>
2.学生信息排序查询源程序
<html><head>
<title>排序查询</title>
<style type=text/css>
td{font-family:宋体;font-size:12px;color=white;border:1px solid white;}
</style>
</head>
第二步：编写html网页
当数据库完成的时候，开始编写网页，打开记事本，编写我们需要的功能的网页程序。最开始定义页面的字体大小，字体颜色和字体类型，并且定义网页的背景图片，接下来页面分为三大部分，最上面为一个表格，用来插入图片，中间的表格是进行输入信息，体现网页的功能，最下面的表格填写制作的一些信息。
<input type=submit value="提交">
<input type=reset value="清除">
</form></font></td></tr></table>
</body>
<bBiblioteka Baidu>
<TABLE height=85 cellSpacing=0 cellPadding=0 width=850 align=center
<param name="WMode" value="Transparent">
<param name="quality" value="high">