动态网页制作技术实验报告

动态网页制作技术实验报告实验名称：________JSP开发环境和学生信息查询________实验类型：_____________验证型实验_________________实验环境：___________Windows2000/XP_____________指导教师：_________________许康___________________专业班级：________________计科1202________________姓名：________________刘杰龙__________________学号：_______________20121215_________________联系电话：________________________________________电子邮件：________________________________________实验地点：______________东6E座505_______________实验日期：2015年月日成绩：_______________一、实验目的1．熟悉JSP开发环境。2．熟悉Editplus编辑器的使用。3．掌握tomcat安装及配置。4．运行一个简单jsp文件5.熟悉JSP运行环境和JSP程序的基本语法；6.理解与数据库连接的工作原理；7.掌握与数据库连接有关的类；二、实验过程JSP开发环境：安装或拷贝好tomcat,并做好配置。假设tomcat安装在C:\ProgramFiles\ApacheSoftwareFoundation\Tomcat5.0。如果是安装tomcat，则在安装时设置用户名admin及其密码。如果是拷贝的tomcat，则打开tomcat下的conf\tomcat-users.xml文件并编辑，修改如下：?xmlversion='1.0'encoding='utf-8'?tomcat-usersrolerolename=tomcat/rolerolename=role1/rolerolename=manager/rolerolename=admin/userusername=tomcatpassword=tomcatroles=tomcat/userusername=bothpassword=tomcatroles=tomcat,role1/userusername=role1password=tomcatroles=role1/userusername=adminpassword=roles=admin,manager//tomcat-users注意，粗体部分是添加的。这里把admin用户密码设置为空。配置环境变量：(假设jdk安装在c:\j2sdk1.4.1_02)win98环境变量在c:根目录下的autoexec.bat中添加：SETJAVA_HOME=C:\j2sdk1.4.1_02SETCATALINA_HOME=C:\ProgramFiles\ApacheSoftwareFoundation\Tomcat5.0SETPATH=%PATH%;%JAVA_HOME%\BIN;%CATALINA_HOME%\BINSETCLASSPATH=.;%CATALINA_HOME%\COMMON\LIB在win2k及以上：“我的电脑”（右击）——属性——高级——环境变量。添加环境变量JAVA_HOME其值为C:\j2sdk1.4.2CATALINA_HOME其值为C:\ProgramFiles\ApacheSoftwareFoundation\Tomcat5.0CLASSPATH其值为%CATALINA_HOME%\COMMON\LIB;%JAVA_HOME%\lib在PATH环境变量后附加：;%JAVA_HOME%\BIN;%CATALINA_HOME%\BIN启动tomcat：运行%catalina_home%\bin下的startup.bat或者使用starttomcat快捷方式;启动浏览器,在地址栏输入或如果看到下面的页面，表示tomcat安装成功。点击TomcatManager，输入用户名admin及密码，进入管理页面，如图17-1所示。图17-1测试简单jsp文件：在%catalina_home%\webapps\ROOT目录下建立一个test.jsp文件，内容如下：%out.println(HelloWorld!);%在地址栏中输入：查看运行效果。学生信息查询：1.建立数据库用MS_Access建立后台数据库，数据库里包含同学的信息。前台用JSP和Servlet技术与用户进行交互操作。用JavaBean在中间层进行逻辑处理并与后台数据库连接。用户通过前台输入学生信息，查询学生信息和修改学生信息等操作。（1）数据库用MS-Acess建立，包含一个student表，格式如图18-1所示。图18-1（2）建立ODBC数据源，数据源名称为studb。2．应用程序建立步骤：（1）建立应用程序目录，假设是：d:\test,以下文件index.jsp、query.jsp、modi.jsp、modify.jsp放在目录里。1）index.jsp(首页文件)centerfontsize=15color=blue学生信息管理/font/centerbrformaction=query.jsp输入查询条件：inputtype=textname=valuevalue=br选择查询方式selectname=coloptionvalue=请选择/optionoptionvalue=Num学号/optionoptionvalue=Name姓名/optionoptionvalue=Chinese语文成绩/optionoptionvalue=Maths数学成绩/optionoptionvalue=English英语成绩/option/selectbrinputtype=submitname=submitvalue=查询inputtype=Resetname=resetvalue=取消/form2）query.jsp（查询信息文件）%@pagecontentType=text/html;charset=gb2312pageEncoding=gb2312import=java.sql.*%jsp:useBeanid=dbclass=db.DBConnscope=session/%Stringsqlstr=;Stringvalue=;Stringcol=;ResultSetrs=null;Stringnum=null;value=request.getParameter(value);col=request.getParameter(col);if(col==null||value==null||col.equals()||value.equals())sqlstr=select*fromstudent;elsesqlstr=select*fromstudentwhere+col+='+value+';rs=db.executeQuery(sqlstr);%centerfontsize=15color=blue查询结果如下/font/centerbrtableborder=1trtd学号/tdtd姓名/tdtd语文成绩/tdtd数学成绩/tdtd英语成绩/tdtd修改/td/tr%while(db.rs_next()){%tr%num=db.rs_getString(1);%td%=num%/tdtd%=db.rs_getString(2)%/tdtd%=db.rs_getString(3)%/tdtd%=db.rs_getString(4)%/tdtd%=db.rs_getString(5)%/tdtdahref=modi.jsp?num=%=num%修改/a/td/tr%}db.rs_close();%/table3）modi.jsp(修改页面)%@pagecontentType=text/html;charset=gb2312pageEncoding=gb2312import=java.sql.*%jsp:useBeanid=dbclass=db.DBConnscope=session/centerfontsize=15color=blue修改学生信息/font/centerbr%ResultSetrs=null;Stringnum=request.getParameter(num);Stringsqlstr=select*fromstudentwhereNum='+num+';rs=db.executeQuery(sqlstr);%formaction=modify.jsptableborder=1%while(db.rs_next()){%trtd项目/tdtd修改/td/trtrtd学号/tdtd%=num%/td/trtrtd姓名/tdtd%=db.rs_getString(2)%/td/trtrtd语文成绩/tdtdinputtype=textname=Chinesevalue=%=db.rs_getString(3)%/td/trtrtd数学成绩/tdtdinputtype=textname=Mathsvalue=%=db.rs_getString(4)%/td/trtrtd英语成绩/tdtdinputtype=textname=Englishvalue=%=db.rs_getString(5)%/td/tr%}%/tableinputtype=hiddenname=Numvalue=%=num%inputtype=submitname=submitvalue=修改inputtype=Resetname=resetvalue=取消/form4）modify.jsp（修改操作文件）%@pagecontentType=text/html;charset=gb2312pageEncoding=gb2312import=java.sql.*%jsp:useBeanid=dbclass=db.DBConnscope=session/centerfontsize=15color=blue修改成功/font/centerbr%Stringnum=request.getParameter(Num);StringChinese=request.getParameter(Chinese);StringMaths=request.getParameter(Maths);StringEnglish=request.getParameter(English);Stringsqlstr=updatestudentsetChinese='+Chinese+',Maths='+Maths+',English='+English+'whereNum='+num+';db.execute(sqlstr);%jsp:includepage=query.jsp/（2）在应用程序目录d:/test下