资源预览内容
第1页 / 共51页
第2页 / 共51页
第3页 / 共51页
第4页 / 共51页
第5页 / 共51页
第6页 / 共51页
第7页 / 共51页
第8页 / 共51页
第9页 / 共51页
第10页 / 共51页
亲,该文档总共51页,到这儿已超出免费预览范围,如果喜欢就下载吧!
资源描述
桂工电子商务专业jsp课程报告 2015 - 2016 学年第 1 学期电子商务网页设计JSPJSPWebProgrammingofElectronicCommerce实验报告专业:班级:姓名:学号:指导教师:2016年1月5日实验一搭建JSP编程环境1.1实验目的1、掌握JSP运行环境的配置(JDK、Tomcat)2、掌握JSP程序的编写、部署等过程3、熟悉MyEclipse开发环境的基本使用方法1.2实验要求1、安装JDK、Tomcat,配置环境变量:Path、ClassPath,测试Tomcat2、编写第一个JSP程序并在Tomcat部署运行。3、安装MyEclipse,并使用MyEclipse编写JSP程序。1.3实验内容1.3.1JDK安装与配置1、安装JDK,按照安装提示依次完成安装。操作截图如下:2、配置环境变量:1)选择“高级”选项页;单击“环境变量”按钮,弹出“环境变量”对话框;2)选择“新建系统变量”,弹出“新建系统变量”对话框,在“变量名”文本框输入“JAVA_HOME”,在“变量值”文本框输入JDK的安装路径;操作截图如下:3)编辑“系统变量”中的”Path”变量的值,在“变量值”最后增加JDK安装目录下的bin目录,例如%JAVA_HOME%bin;操作截图如下:4)在“系统变量”选项区域中查看CLASSPATH变量,如果不存在,则新建变量CLASSPATH,否则选中该变量,单击“编辑”按钮,在“变量值”文本框的起始位置添加.;%JAVA_HOME%lib;操作截图如下:3、验证:进入命令行控制台,分别输入“java“、“java-version“和“javac“命令,看是否能够出现正确的提示信息。操作截图如下:1.3.2Tomcat的安装与配置Tomcat是Apache中Jakarta项目中的一个核心开源项目,是比较流行的Web应用服务器,是一个Servlet和JSP容器,可以解析HTML、JSP、Servlet等,Tomcat8.0下载地址:http:/tomcat.apache.org/download-80.cgi1、安装:绿色软件,直接解压缩至D:ProgramFiles目录下即可。2、测试:打开Tomcat的安装目录下的bin文件夹,运行startup.bat(启动服务器),测试地址:http:/localhost:8080/,出现下图2表明Tomcat安装成功。3、shutdown.bat(关闭服务器)4、熟悉Tomcat的安装目录webapps目录。操作截图如下:1.3.3编写第一个JSP程序1、新建工程目录:在Tomcat的安装目录webapps目录新建一个MyApp文件夹,在MyApp目录下新建一个WEB-INF文件夹,在WEB-INF文件夹中建立lib、classes文件夹。2、编写JSP程序:在MyApp目录下新建一个index.jsp的文件,使用sublime软件打开编写如下程序,并保存。3、在WEB-INF文件夹下新建部署描述文件web.xml(可以从webapps目录中的examples文件夹中复制过来,并去掉中间的内容,只留下web-app的标签)4、启动Tomcat服务器,并在浏览器地址栏输入:http:/localhost:8080/MyApp,查看运行结果。5、修改index.jsp的文件名为myapp.jsp,然后启动服务器,并在地址栏输入http:/localhost:8080/MyApp有什么结果?为什么?应该怎么做?答:显示错误。因为地址变了。http:/localhost:8080/MyApp/myapp.jsp就可以运行了。应该6、尝试修改Tomcat的默认端口:Tomcat安装目录-conf-server.xml操作截图如下:1.3.3MyEclipse集成开发环境的使用1、安装MyEclipse:安装提示安装在非系统盘下。2、使用破解工具完成注册(1)使用Cracker破解:运行run.bat输入usercode-systemldtools-(请参考破解软件上的步骤)3、优化MyEclipse:(可不做)(1)配置JDK(可不配置,使用自带)Window-preference(首选项)-Java-InstalledJRES-ADDstandardvm-directory找到JDK的安装目录1.8打勾完成。(2)设置智能提示Window-preference(首选项)JavaEditorContentAssist(内容辅助)200修改为20AutoactivationTriggersforjava(自动激活触发器)修改为.abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ(3)其他:百度搜索MyEclipse优化,自行查看相关优化的资料4、配置自己的Tomcat,window-preferences-Myeclipse-Servers-RuntimeEnvironments-Add-ApacheTomcatv8.0-next-Browse(找到tomcat8.0的安装目录)-finish操作截图如下:5、使用MyEclipse新建Javaweb工程项目,并重新编写以上index.jsp程序(1)工作台界面:Packageexplorer(package浏览器)显示当前workspace目录下的工程文件及包含的文件Outline(大纲视图)显示当前打开的java文件的结构Problems视图显示当前编辑的Java类的错误信息Console(控制台)显示程序的相关输出调试、运行调试、运行按钮操作截图如下:1.4实验总结请书写你对本次实验有哪些实质性的收获和体会,以及对本次实验有何良好的建议?本实验,目的是熟悉答:学会了用JDK、Tomcat、MyEclipse的安装与配置,为后续的实验作好准备工作。明白了JDK的安装与配置;Tomcat的安装与配置、修改端口号、启动与停止、测试;MyEclipse的安装与配置。在整个实验过程中掌握了JSP环境搭建特别是环境变量的配置以及如何配置好Tomcat服务器;学会建立第一个JSP页面,其中要注意实现简单出输。在Tomcat6.0conf中找到server.xml文件修改端口号8080;启动Tomcat服务器(如果已经启动,必须关闭Tomcat服务器,并重新启动)。用文本编辑器编写一个JSP页面,并保存到webappsROOT目录中。用浏览器访问webappsROOT目中的JSP页面。实验一补充初识Servlet1.1实验目的1、学习了解servlet的结构2、掌握手动编写Servlet程序3、部署Servlet1.2实验要求1、按要求手动编写一个Servelt1.3实验内容1.3.1第一个Servlet程序1、根据下图,在任意目录中完成工程文件的建立。操作截图如下:2、在src文件夹下编写Servlet程序:Ch1Servlet.java,并根据上下文,完成填空。操作截图如下:3、编写部署描述文件,并配置servlet,放在etc文件夹中。根据上下文,填空操作截图如下:4、编译Servlet文件:Ch1Servlet.java(1)首先从Tomcat目录下复制servlet-api.jar到JDK-jre-lib-ext文件夹中(编译servlet文件需要Tomcat的jar包支持)(2)首先复制项目文件所在的路径(如:D:第一个servletproject1),开始运行cmd命令,通过命令:cd右键粘贴刚才复制的地址,回车,进入project1的目录下。(3)使用javacd.src/Ch1Servlet.java命令编译的Ch1Servlet.class放在src目录下(注意该命令中的空格)。5、把Ch1Servlet.class文件复制到WEB-INF/classes,并把web.xml文件复制到WEB-INF,如下图所示。图4Tomcat部署目录6、启动Tomcat。打开浏览器,键入:http:/localhost:8080/ch1/servl操作截图如下:1.4实验总结请书写你对本次实验有哪些实质性的收获和体会,以及对本次实验有何良好的建议?答:学习到了Servlet是用Java编写的服务器端程序。其主要功能在于交互式地浏览和修改数据,生成动态Web内容。狭义的Servlet是指Java语言实现的一个接口,Servlet运行于支持Java的应用服务器中。从实现上讲,Servlet可以响应任何类型的请求,但绝大多数情况下Servlet只用来扩展基于HTTP协议的Web服务器。最早支持Servlet标准的是JavaSoft的JavaWebServer。此后,一些其它的基于Java的Web服务器开始支持标准的Servlet。现在我们用的是tomcat。实验二表单验证实验1.1实验目的1、掌握如何使用MyEclipse创建一个WebProject2、熟悉掌握HTML表单元素3、掌握如何使用JavaScript对表单进行验证1.2实验要求1、本实验要求学生通过独立读程序,完成程序的填空2、建立WebProject工程项目,并编写两个JSP页面,名字分别为index.jsp和userInfo.jsp3、在WebProject工程项目的根目录WebRoot下建立JavaScript文件夹,在该目录下新建一个validate.js(js文件)1.3实验内容1.3.1表单index.jsp1、表单页面图1表单页面2、根据表单页面,在index.jsp页面中完成以下代码,根据程序上下文填空。操作补全代码如下:basehref=MyJSPindex.jspstartingpage!-linkrel=stylesheettype=text/csshref=st
网站客服QQ:2055934822
金锄头文库版权所有
经营许可证:蜀ICP备13022795号 | 川公网安备 51140202000112号