电子商务专业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下载地址：/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安装目录confserver.xml操作截图如下：1.3.3MyEclipse集成开发环境的使用 1、安装MyEclipse：安装提示安装在非系统盘下。 2、使用破解工具完成注册 (1)使用Cracker破解:运行run.bat—输入usercode-systemld—tools--（请参考破解软件上的步骤）3、优化MyEclipse：（可不做） (1)配置JDK（可不配置，使用自带）Window-preference(首选项)-Java-InstalledJRES-ADD—standardvmdirectory—找到JDK的安装目录1.8—打勾—完成。(2)设置智能提示Window-preference(首选项)—Java—Editor—ContentAssist(内容辅助)200修改为20AutoactivationTriggersforjava(自动激活触发器)修改为.abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ(3)其他：百度搜索MyEclipse优化，自行查看相关优化的资料 4、配置自己的Tomcat，windowpreferencesMyeclipseServersRuntimeEnvironmentsAddApacheTomcatv8.0nextBrowse(找到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.0\conf中找到server.xml文件修改端口号8080；启动Tomcat服务器（假如差不多启动，必须关闭Tomcat服务器，并重新启动）。用文本编辑器编写一个JSP页面，并保存到webapps\ROOT目录中。用扫瞄器访问webapps\ROOT目中的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:\第一个servlet\project1\），开始—运行cmd命令，通过命令：cd右键粘贴刚才复制的地址，回车，进入project1的目录下。（3）使用javac–d.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页面中完成以下代码，依照程序上下文填空。操作补全代码如下：<%@pagelanguage="java"import="java.util.*"pageEncoding="UTF-8"%><%Stringpath=request.getContextPath();StringbasePath=request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";%><!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN"><html><head><basehref="<%=basePath%>"><title>MyJSP'index.jsp'startingpage</title> <metahttp-equiv="pragma"content="no-cache"> <metahttp-equiv="cache-control"content="no-cache"> <metahttp-equiv="expires"content="0"> <metahttp-equiv="keywords"content="keyword1,keyword2,keyword3"> <metahttp-equiv="description"content="Thisismypage"> <!-- <linkrel="stylesheet"type="text/css"href="styles.css"> --></head><body><body><formaction="userInfo.jsp"method="post"name="form"onsubmit="returnuserCheck()"> <divclass="form-group"> <label>账    号：</label><inputtype="text"name="username"/> </div> <divclass="form-group"> <label>密    码：</label><inputtype="password"name="password"/> </div> <divclass="form-group"> <label>重复密码：</label><inputtype="password"name="repassword"/> </div> <divclass="form-group"> <label>真实姓名：</label><inputtype="text"name="name"/> </div> <divclass="form-group"> <label>性    不：</label><inputtype="radio"name="sex"value="男"/>男<inputtype="radio"name="sex"value="女"/>女 </div> <divclass="form-group"> <label>邮    箱：</label><inputtype="text"name="email"/> </div> <divclass="form-group"> <label>联系电话：</label><inputtype="text"name="tel"/> </div> <divclass="form-group"> <label>爱    好：</label><inputtype="checkbox"name="hobby"value="羽毛球"/>羽毛球 <inputtype="checkbox"name="hobby"value="篮球"/>篮球 <inputtype="checkbox"name="hobby"value="游泳"/>游泳 <inputtype="checkbox"name="hobby"value="逛街"/>逛街 </div> <divclass="form-group"> <label>简    介：</label><textarearows="5"cols=""id="introduce"></textarea> </div> <divclass="form-group"> <label>学    历：</label><selectname="schoolAge"> <optionvalue="专科">专科</option> <optionvalue="本科">本科</option> <optionvalue="硕士研究生">硕士研究生</option> <optionvalue="博士研究生">博士研究生</option> </select> </div> <divclass="form-group"> <label>简历文件：</label><inputtype="file"name="file"/> </div> <divclass="form-group"> 注：简历文件只能为：<spanstyle="color.red">word</span>格式，且<spanstyle="color.red">文件大小不能超过2M</span> </div> <br/> <inputtype="submit"value="立即注册"/> <inputtype="reset"value="重置"/></form><scripttype="text/JavaScript"src="./JavaScript/validate.js"></script></body></html> 操作截图如下：1.3.2注册成功页面userInfo.jsp1、userInfo.jsp页面图2注册成功页面2、userInfo.jsp页面代码<h1>恭喜!您差不多成功成功，用户名：<%=newString(request.getParameter("username"))%></h1>操作截图如下：1.3.3JS文件validate.js补全代码操作如下：functionuserCheck(){ with(document.form){ if(username.value==""){ alert("请输入您姓名!"); returnfalse; } if(password.value=="") { alret("请输入密码"); returnfalse; } if(repassword.value==""){ alert("请输入确认密码"); returnfalse; } if(password.value!=repassword.value){ alert("两次输入密码不一致"); returnfalse; } if(name.value==""){ alert("请输入您的名字"); returnfalse; } if(validate_required(email,"您输入的不是一个有效的Email地址")==false){ email.focus(); returnfalse; } if(tel.value==""){ alert("请输入联系方式"); returnfalse; } if(file.value==""){ alert("请上传文件"); returnfalse; } if(isNaN(tei.value)||tel.value.length!=11){ alert("请输入正确的电话号码"); returnfalse; } varFileListType="doc,docx"; vardestStr=file.value.substring(file.value.lastIndexOf(".")+1, file.value.length); if(FileListType.indexOf(destStr)==-1){ alert("只同意上传WORD文件"); returnfalse; } }}functionvalidate_email(field,alertxt){ with(field){ apps=value.indexOf("@") dotpos=value.lastIndexOf(".") if(apos<1||dotpos-apos<2){ alert(alertxt); returnfalse; }else{ returntrue; } }}操作截图如下：运行结果操作截图如下：1.4实验总结请书写你对本次实验有哪些实质性的收获和体会，以及对本次实验有何良好的建议？答：通过本次学习熟练掌握了掌握如何使用MyEclipse创建一个WebProject，建立WebProject工程项目，并编写两个JSP页面，熟悉掌握HTML表单元素，掌握如何使用JavaScript对表单进行验证。学习了建立JavaScript文件夹的js文件。学会了简单的表单功能来完成用户的注册信息的请求和反应。对以后的建站提供了专门大的关心。实验三JSP语法1.1实验目的1、掌握JSP的语法基础，包括注释、脚本、声明、表达式等2、掌握使用JSP实现简单功能页面1.2实验要求1、本实验要求学生通过独立读程序，完成程序的填空2、使用表达式实现打印九九乘法表3、使用脚本实现打印九九乘法表1.3实验内容1.3.1使用表达式实现打印九九乘法表1、使用表达式实现打印九九乘法表页面multiplicative1.jsp图1multiplicative1.jsp页面2、依照页面显示，在multiplicative1.jsp页面中完成以下代码，依照程序上下文填空。补全代码操作如下：<body><%! //返回九九乘法表对应的HTML代码，通过表达式来调用，在页面上显示 //使用表达式方式整出九九乘法表 StringprintMultiTable1()//方法 { Strings=""; for(inti=1;i<=9;i++) { for(intj=1;j<=i;j++) { //s+=i+"*"+j+"="+(i*j)+"\t";不推举 s+=i+"*"+j+"="+(i*j)+""; } s+="<br>";//追加换行标签 } returns;//整个九九乘法表存储在一个字符串里面 } %> <h1>我叫九九乘法表 </h1> <hr> <h2>声明方法，返回九九乘法表对应的HTML代码，通过表达式调用，在页面显示。 </h2> <%=printMultiTable1()%> <br></body></html>操作截图如下：1.3.2使用脚本实现打印九九乘法表页面multiplicative2.jsp1、使用脚本实现打印打印九九乘法表页面图2multiplicative2.jsp页面2、依照页面显示，在multiplicative2.jsp页面中完成以下代码，依照程序上下文填空。补全代码操作如下：<body><%!voidprintMultiTable2(JspWriterout)throwsException{ for(inti=1;i<=9;i++){ for(intj=1;j<=i;j++){ out.println(i+"*"+j+"="+(i*j)+"    "); } out.println("<br>"); } }%><h1>九九乘法表</h1><hr><h2>声明方法：使用JSP内置out对象，通过脚本方式调用，打印九九乘法表</h2><br><%printMultiTable2(out);%></body></html>操作截图如下：1.4实验总结请书写你对本次实验有哪些实质性的收获和体会，以及对本次实验有何良好的建议？答：通过本次实验，掌握JSP的语法基础，包括注释、脚本、声明、表达式等，掌握使用JSP实现简单功能页面，使用表达式实现打印九九乘法表，使用脚本实现打印九九乘法表。JSP脚本部分会转换成编译后的Servlet方法中的可执行性代码，然而Java语法中不同意方法里面定义方法，因此JSP脚本中不能够定义方法。表达式的方法替代了上面out.println输出的语句。两者在扫瞄器页面中显示的完全一致。表达式后没有分号。实验三补充JSP动作元素1.1实验目的1、熟悉掌握JSP动作元素1.2实验要求1、本实验要求学生通过独立读程序，完成程序的填空2、新建工程项目，复制实验二的文件index.jsp和invalidate.js3、在src目录下新建一个包：com.po，并在包下建立一个用户类文件（javabean）：Users.java3、在实验三的基础之上修改userInfo.jsp，通过<jsp:useBean>，<jsp:setProperty>，<jsp:getProperty>等指令显示index.jsp页面中用户的差不多注册信息。1.3实验内容1.3.1Users.java（1）以下为部分代码（仅写出了username属性的setter和getter方法，已省略其他属性的setter和getter方法）请自行补全。补全代码操作如下：privateStringsex;privateStringhobby[]=newString[4];publicUsers(){ }publicStringgetUsername(){ returnusername; }publicStringgetName(){ returnname;}publicvoidsetName(Stringname){ =name;}publicStringgetTel(){ returntel;}publicvoidsetTel(Stringtel){ this.tel=tel;}publicStringgetEmail(){ returnemail;}publicvoidsetEmail(Stringemail){ this.email=email;}publicStringgetSex(){ returnsex;}publicvoidsetSex(Stringsex){ this.sex=sex;}publicString[]getHobby(){ returnhobby;}publicvoidsetHobby(String[]hobby){ this.hobby=hobby;}publicvoidsetUsername(Stringusername){ this.username=username; }}操作截图如下：1.3.2userInfo.jsp页面补全代码操作如下：<%@pagelanguage="java"import="java.util.*"pageEncoding="utf-8"%><%Stringpath=request.getContextPath();StringbasePath=request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";request.setCharacterEncoding("UTF-8");%><!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN"><html><head><basehref="<%=basePath%>"><title>MyJSP'userInfo.jsp'startingpage</title> <metahttp-equiv="pragma"content="no-cache"> <metahttp-equiv="cache-control"content="no-cache"> <metahttp-equiv="expires"content="0"> <metahttp-equiv="keywords"content="keyword1,keyword2,keyword3"> <metahttp-equiv="description"content="Thisismypage"> <!-- <linkrel="stylesheet"type="text/css"href="styles.css"> --></head><body><jsp:useBeanid="myUser"class="com.po.Users"></jsp:useBean><jsp:setPropertyproperty="*"name="myUser"/><h1>恭喜！您差不多成功进入中国银行金融系统</h1><h2>您的用户信息如下：</h2>用户名:<jsp:getPropertyproperty="username"name="myUser"/><br>真实姓名：<jsp:getPropertyproperty="name"name="myUser"/><br>性不：<jsp:getPropertyproperty="sex"name="myUser"/><br>邮箱：<jsp:getPropertyproperty="email"name="myUser"/><br>联系电话：<jsp:getPropertyproperty="tel"name="myUser"/><br>爱好：<%Stringhobby[]=request.getParameterValues("hobby");for(inti=0;i<hobby.length;i++){if(hobby[i]!=null){out.println(hobby[i]);}}%><br></body></html>操作截图如下：实验结果截图：1.4实验总结请书写你对本次实验有哪些实质性的收获和体会，以及对本次实验有何良好的建议？答：通过本次实验学习到了JSP动作元素。<jsp:include>该操作同意在请求的时刻内在现成的JSP页面里面包含静态或动态的资源。被访问的对象对JSPwrite对象的访问权，同时它不能设置头或者Cookie.假如页面输出是缓冲的，那么缓冲区的刷新要俦于包含的刷新。因此它在运行效率上比<%@

include

file="include.html"%>要低，但它能够动态增加内容。<jsp:forword>该操作同意将请求转发到另一个JSP，Servlet或者静态资源文件。一旦遇上此标记即会停止执行当前的JSP，转而执行被转发的资源。<jsp:useBean>此标签用于在JSP页面中创建一个Bean实例，并指定它的名字及作用范围。它保证对象在标签指定的范围内能够使用。<jsp:getProperty>此操作是对<jsp:setProperty>操作的补充，它用来访问一个Bean的属性。它访问的属性值将它转化成一个String，然后发送到输出流中。假如属性是一个对象，将调用toString()方法。<jsp:getPropertyname="beanName"property="propertyName">不能使用它来检索一个差不多被索引了的属性。利用以上知识完成了登录注册的另一种方法。实验四JSP内置对象时期实验1.1实验目的1、熟悉与掌握JSP九大内置对象的使用2、掌握重定向与服务器转发的使用3、熟悉MyEclipse工程项目结构的设置1.2实验要求1、本实验要求学生通过独立读程序，完成程序的填空2、建立一个实现简单登陆功能的项目，按实验步骤完成代码。1.3实验内容1.3.1实现简单登陆功能1、功能描述：（1）由于目前尚未学习数据库的使用，因此需要指定登陆的用户名和密码（自己设定，如：用户名：晚香玉，密码：123456，请结合自己的名字缩写）（2）实现登陆表单login.jsp图1登陆界面login.jsp（3）编写dologin.jsp，实现功能：登陆成功使用服务器内部转发到login_success.jsp页面，并在该页面显示登陆成功的用户名。假如登陆失败则重定向到login_failure.jsp页面。图2登陆成功界面图3登陆失败界面2、建立工程项目（1）建立Webproject项目，在WebRoot根目录下添加三个文件夹：assets（存放图像资源文件）、css（存放css样式文件）、js（存放js脚本文件）。（2）将本实验报告文件夹中的assets、css文件中的内容复制到自己项目中对应的文件夹中。包括图像资源文件和写好的样式文件。（3）按实验步骤1.3.2完成实验1.3.2实验代码1、login.jsp（1）在<head>标签中导入css文件（2）<body>标签代码补充代码操作如下：<body><divid="container"><divclass="logo"><ahref="#"><imgalt=""src="assets/logo.png"/></a></div><divid="box"><formaction="./dologin.jsp"method="post"><pclass="main"><label>用户名：</label><inputname="username"value=""/><label>密码：</label><inputtype="password"name="password"value=""/></p><pclass="space"><inputtype="submit"value="登录"class="login"style="cursor:pointer"/></p></form></div></div></body></html>操作截图如下：2、dologin.jsp代码补充代码操作如下：Stringpath=request.getContextPath();StringbasePath=request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";Stringusername="";Stringpassword="";request.setCharacterEncoding("UTF-8");username=request.getParameter("username");password=request.getParameter("password");if("shixinyi".equals(username)&&"123456".equals(password)){session.setAttribute("loginUser",username);request.getRequestDispatcher("login_success.jsp").forward(request,response);}else{response.sendRedirect("login_failure.jsp");}%>操作截图如下：3、login_success.jsp（1）在<head>标签中导入css文件（2）<body>标签代码补充代码操作如下：<body><divid="container"><divclass="logo"><ahref="#"><imgalt=""src="assets/logo.png"/></a></div><divid="box"><%StringloginUser="";if(session.getAttribute("loginUser")!=null){loginUser=session.getAttribute("loginUser").toString();}%>欢迎<fontcolor="red"><%=loginUser%></font>,登录成功</div></div></body>操作截图如下：4、login_failure.jsp（1）在<head>标签中导入css文件（2）<body>标签代码补充代码操作如下：<body><<divid="container"><divclass="logo"><ahref="#"><imgalt=""src="assets/logo.png"/></a></div><divid="box">登录失败！请检查用户或者密码！<br><ahref="login.jsp">返回登录</a></div></div></body></html>操作截图如下：1.4补充 请结合实验二学过的知识，编写一个js脚本文件，为本实验的表单提供验证功能，比如用户名和密码不能为空的验证，将该js文件放在项目中的js文件夹中，并在login.jsp页面中加载该js文件。补充代码操作如下：functionuserCheck(){ with(document.form){ if(username.value==""){ alert("请输入您姓名!"); returnfalse; } if(password.value=="") { alret("请输入密码"); returnfalse;操作截图如下：实验结果截图如下：登录成功截图:登录失败截图:1.5实验总结请书写你对本次实验有哪些实质性的收获和体会，以及对本次实验有何良好的建议？答：通过本次实验。熟悉与掌握JSP九大内置对象的使用，掌握重定向与服务器转发的使用。请求重定向：客户端行为，response.sendRedirect(),从本质上讲等同于两次请求，前一次的请求对象可不能保持，地址栏的URL地址会改变。请求转发：服务器行为，request.getRequsetDispatcher().forward(requset,response);是一次请求，转发后请求对象会保存，地址栏的URL地址可不能改变。（服务器内部转发，所有客户端看不到地址栏的改变）熟悉MyEclipse工程项目结构的设置，建立一个实现简单登陆功能的项目，按实验步骤完成代码。实验五使用JavaBean实习简单登陆1.1实验目的1、熟悉与掌握JavaBean编写的四个规则2、掌握模型1的设计结构3、熟悉掌握JavaBean的使用1.2实验要求1、本实验要求学生通过独立读程序，完成程序的填空2、基于实验四建立一个实现简单登陆功能的项目，按实验步骤完成代码。1.3实验内容1.3.1使用JavaBean实习简单登陆功能1、功能描述：（1）由于目前尚未学习数据库的使用，因此需要指定登陆的用户名和密码（自己设定，如：用户名：晚香玉，密码：123456，请结合自己的名字缩写）（2）实现登陆表单login.jsp图1登陆界面login.jsp（3）编写JavaBean：在src目录下新建两个包：com.po和com.dao，在com.po包下编写实体类：Users.java，在com.dao包下编写Users实体类的业务逻辑类：UserDAO.java（3）编写dologin.jsp，通过调用UserDAO类的方法实现功能：登陆成功使用服务器内部转发到login_success.jsp页面，并在该页面显示登陆成功的用户名。假如登陆失败则重定向到login_failure.jsp页面。图2项目的模型1结构图3登陆成功界面图4登陆失败界面2、建立工程项目（1）建立Webproject项目，在WebRoot根目录下添加三个文件夹：assets（存放图像资源文件）、css（存放css样式文件）、js（存放js脚本文件）。（2）将本实验报告文件夹中的assets、css文件中的内容复制到自己项目中对应的文件夹中。包括图像资源文件和写好的样式文件。（3）按实验步骤1.3.2完成实验1.3.2实验代码1、login.jsp（与实验四相同）（1）在<head>标签中导入css文件（2）<body>标签代码补充代码操作如下：<body><divid="container"><divclass="logo"><ahref="#"><imgalt=""src="assets/logo.png"/></a></div><divid="box"><formaction="./dologin.jsp"method="post"><pclass="main"><label>用户名：</label><inputname="username"value=""/><label>密码：</label><inputtype="password"name="password"value=""/></p><pclass="space"><inputtype="submit"value="登录"class="login"style="cursor:pointer"/></p></form></div></div></body></html>操作截图如下：2、dologin.jsp代码操作截图如下：3、Users.java代码（1）两个属性：username和password请按JavaBean的设计规则完成该类的代码。代码略补充代码操作：packagecom.popublicclassUsers{ privateStringusername; privateStringpassword; publicUsers(){ } publicStringgetUsername(){ returnusername; } publicvoidsetUsername(Stringusername){ this.username=username; } publicStringgetPassword(){ returnpassword; } publicvoidsetPassword(Stringpassword){ this.password=password; }操作截图如下：4、UserDAO.java代码（1）编写userLogin方法，该方法的参数为Users类的一个引用（例如user，可自己定义），功能是依照该方法的参数传值：user来推断用户名和密码是否匹配，匹配则返回一个布尔值true，否则返回一个false。补充代码操作：packagecom.dao;importcom.po.Users;publicclassUserDAO{ publicbooleanuserLogin(Usersu){ if("shixinyi".equals(u.getUsername())&&("123456").equals(u.getPassword())){ returntrue; } returnfalse; }}操作截图如下：3、login_success.jsp（与实验四相同）（1）在<head>标签中导入css文件（2）<body>标签代码操作截图如下：4、login_failure.jsp（与实验四相同）（1）在<head>标签中导入css文件（2）<body>标签代码操作截图如下：1.4补充 请结合实验二学过的知识，编写一个js脚本文件，为本实验的表单提供验证功能，比如用户名和密码不能为空的验证，将该js文件放在项目中的js文件夹中，并在login.jsp页面中加载该js文件。补充代码操作如下：functionuserCheck(){ with(document.form){ if(username.value==""){ alert("请输入您姓名!"); returnfalse; } if(password.value=="") { alret("请输入密码"); returnfalse;操作截图如下：实验结果截图如下：登录成功截图:登录失败截图:1.5实验总结请书写你对本次实验有哪些实质性的收获和体会，以及对本次实验有何良好的建议？答：通过本次实验，熟悉与掌握JavaBean编写的四个规则，掌握模型1的设计结构，熟悉掌握JavaBean的使用，写成JavaBean，类必须是具体的和公共的，同时具有无参数的构造器。JavaBean通过提供符合一致性设计模式的公共方法将内部域暴露成员属性。众所周知，属性名称符合这种模式，其他Java类能够通过自省机制发觉和操作这些JavaBean的属性。建立一个方法的实现简单登陆功能的项目。实验六使用Servlet实现简单登陆1.1实验目的1、熟悉与掌握Servlet的使用，包括重写doPost()、doGet()方法，注册Servlet2、掌握在Servlet中猎取数据的方法3、掌握Servlet中常用方法与JSP内置对象的关系1.2实验要求1、本实验要求学生通过独立读程序，完成程序的填空2、基于实验五建立一个实现简单登陆功能的项目，按实验步骤完成代码。1.3实验内容1.3.1使用Servlet实现简单登陆功能1、功能描述：（1）由于目前尚未学习数据库的使用，因此需要指定登陆的用户名和密码（2）实现登陆表单login.jsp（3）编写JavaBean：在src目录下新建包：com.po，在com.po包下编写实体类：Users.java，删除UserDAO.java实验不再需要该文件，其功能差不多由LoginSer.java实现）（4）编写Servlet：在src目录下新建包com.servlet，在该包下编写用于实现用户登陆操纵的Servlet类：LoginSer.java，实现登陆成功使用服务器内部转发到login_success.jsp页面，并在该页面显示登陆成功的用户名。假如登陆失败则重定向到login_failure.jsp页面。删除dologin.jsp（本实验不再需要该文件，其功能差不多由LoginSer.java实现）2、建立工程项目（1）建立Webproject项目，在WebRoot根目录下添加三个文件夹：assets（存放图像资源文件）、css（存放css样式文件）、js（存放js脚本文件）。（2）将本实验报告文件夹中的assets、css文件中的内容复制到自己项目中对应的文件夹中。包括图像资源文件和写好的样式文件。（3）按实验步骤1.3.2完成实验1.3.2实验代码步骤1、login.jsp（1）在<head>标签中导入css文件（2）<body>标签代码补全Login.jsp代码操作：<body><divid="container"><divclass="logo"><ahref="#"><imgalt=""src="assets/logo.png"></a></div><divid="box"><formaction="LoginSer"method="post"><pclass="main"><label>用户名：</label><inputname="username"value=""/><label>密码：</label><inputtype="password"name="password"value=""/></p><pclass="space"><inputtype="submit"value="登录"class="login"style="cursor:pointer"></p></form></div></div></body></html>操作截图如下：2、Users.java代码（1）两个属性：username和password请按JavaBean的设计规则完成该类的代码。packagecom.po;补全代码操作：publicclassUsers{ privateStringusername; privateStringpassword; publicUsers(){ } publicStringgetUsername(){ returnusername; } publicvoidsetUsername(Stringusername){ this.username=username; } publicStringgetPassword(){ returnpassword; } publicvoidsetPassword(Stringpassword){ this.password=password; }}操作截图如下：3、LoginServlet.java代码补全代码操作：packagecom.servlet;importjava.io.IOException;importjavax.servlet.ServletException;importjavax.servlet.annotation.WebServlet;importjavax.servlet.http.HttpServlet;importjavax.servlet.http.HttpServletRequest;importjavax.servlet.http.HttpServletResponse;importjavax.servlet.http.HttpSession;importcom.po.Users;@WebServlet("/LoginSer")publicclassLoginSerextendsHttpServlet{ privatestaticfinallongserialVersionUID=1L;publicLoginSer(){super();}publicvoiddoGet(HttpServletRequestrequest,HttpServletResponseresponse) throwsServletException,IOException{ } publicvoiddoPost(HttpServletRequestrequest,HttpServletResponseresponse) throwsServletException,IOException{ request.setCharacterEncoding("utf-8"); //实例化一个Users类对象：user。 Usersuser=newUsers(); Stringusername=request.getParameter("username"); Stringpassword=request.getParameter("password"); user.setUsername(username);//保存用户名到user中 user.setPassword(password);//保存密码到user中 if("shixinyi".equals(user.getUsername())&&"123456".equals(user.getPassword())){ HttpSessionsession=request.getSession();//创建session对象 //保存登陆名到session对象中。 session.setAttribute("loginUser",user.getUsername()); request.getRequestDispatcher("login_success.jsp").forward(request,response); }else{ response.sendRedirect("login_failure.jsp"); } }}操作截图如下：4、login_success.jsp补全代码如下：<body><divid="container"><divclass="logo"><ahref="#"><imgalt=""src="assets/logo.png"/></a></div><divid="box"><%StringloginUser="";if(session.getAttribute("loginUser")!=null){loginUser=session.getAttribute("loginUser").toString();}%>欢迎您<fontcolor="red"><%=loginUser%></font>,登录成功<ahref="login.jsp">退出登录</a></div></div></b