电子商务系统开发实验报告书.docx

电子商务系统开发实验报告书.docx

《电子商务系统开发实验报告书.docx》由会员分享，可在线阅读，更多相关《电子商务系统开发实验报告书.docx（25页珍藏版）》请在冰豆网上搜索。

电子商务系统开发实验报告书

《电子商务系统开发》

实验报告

2009-2010学年第1学期

班级：

T7732

学号：

20070730210

姓名：

魏鹏程

授课教师：

吴晓晖实验教师：

吴晓晖

实验学时：

18学时___________________

2010年9月

实验一CSS，JavaScript，Jsp,JavaServlets综合运用编程

一、实验目的

本实验目的是希望通过模拟设计一个关于毕业论文设计题目登记表程序，来对客户端用JavaScript编程进行运用，同时知道网页的数据是如何传递的，对服务器端的用JSP,和JAVAServlet编程进行实践，从而达到对课程所讲的知识点，正则表达式，JavaScript，JSP，JAVAServletJSTL等技术有较深刻的体会和认识，从而为以后独立开发电子商务系统程序奠定基础。

二、实验内容

用JSP来编写和实现一个Form，Form中包含字段有，姓名，地址，邮件地址，邮编，电话，提交日期。

然后用JavaScript对Form中的字段的数据格式规范，即用编写正则表达式来印证数据格式是否规范。

用JavaServlet来获取Form的值，同时也要对获得数据进行用正则表达式规范，并用表格的形式把它显示出来。

三、实验过程和步骤（包括代码，运行结果）

这次实验我总共建了两个文件，index.jsp：

用于实现一个form和用JavaScript对Form中的字段的数据格式规范；Servlet.java用来获取form的值。

1.index.jsp的主要代码如下：

//用JavaScript正则表达式和validate对form所有字段进行检验

functionvalidate（）{

//以下是用于匹配邮箱，电话号码和邮编的正则表达式。

re1=/^\w+（[\.-]?

\w+）*@\w+（[\.-]?

\w+）*（\.\w{2,3}）+$/

re2=/^（0）[1-9]{2,3}-\d{7,8}$/

re3=/^[1-9]{1}\d{5}$/

//判断项目标题是否为空，如果空则给出警告。

if（document.myform.ptitle.value==""）

{

alert（"项目标题不能为空！

"）

document.myform.ptitle.focus（）

document.myform.ptitle.select（）

returnfalse

}

//判断邮编的格式是否匹配，如果不匹配则给出警告。

if（!

re3.test（document.myform.mailnumber.value））

{

alert（"邮编不匹配！

"）

document.myform.mailnumber.focus（）

document.myform.mailnumber.select（）

returnfalse

}

//判断电话号码的格式是否匹配，如果不匹配则给出警告。

if（!

re2.test（document.myform.telephone.value））

{

alert（"电话号码不匹配！

"）

document.myform.telephone.focus（）

document.myform.telephone.select（）

returnfalse

}

if（!

re1.test（document.myform.mailaddress.value））

{

alert（"Invalidemailaddress"）

document.myform.mailaddress.focus（）

document.myform.mailaddress.select（）

returnfalse

}

//判断地址是否为空，如果空则给出警告。

if（document.myform.address.value==""）

{

alert（"地址不能为空！

"）

document.myform.address.focus（）

document.myform.address.select（）

returnfalse

}

//判断姓名是否为空，如果空则给出警告。

if（document.myform.name.value==""）{

alert（"namecannotbenull!

"）

document.myform.name.focus（）

document.myform.name.select（）

returnfalse

}

returntrue

}

//以下是建立Form的所有代码

姓名

地址

邮件地址

邮编

电话号码

项目标题

完成日期

forEachvar="i"begin="1975"end="2075"step="1">

${i}

forEach>

年

forEachvar="i"begin="1"end="12"step="1">

${i}

forEach>

月

forEachvar="i"begin="1"end="30"step="1">

${i}

forEach>

日

2.Servelet.java的主要代码如下：

publicclassServletextendsHttpServlet{

Stringname=null;

Stringaddress=null;

Stringmailaddress=null;

Stringmailnumbe=null;

Stringtelephone=null;

Stringptitle=null;

Stringyear=null;

Stringmonth=null;

Stringdate=null;

protectedvoidprocessRequest（HttpServletRequestrequest,HttpServletResponseresponse）

throwsServletException,IOException{

response.setContentType（"text/html;charset=UTF-8"）;

PrintWriterout=response.getWriter（）;

try{

out.println（""）;

out.println（""）;

out.println（""）;

out.println（""）;

out.println（""）;

out.println（""）;

out.println（""）;

out.println（""+""+"姓名：

"+""+""+name+""）;//显示姓名

out.println（""+""+"地址：

"+""+""+address+""）;//显示地址

out.println（""+""+"邮件地址：

"+""+""+mailaddress+""）;//显示邮箱地址

out.println（""+""+"邮编：

"+""+""+mailnumbe+""）;//显示邮编

out.println（""+""+"电话号码：

"+""+""+telephone+""）;//显示电话号码

out.println（""+""+"项目标题：

"+""+""+ptitle+""）;//显示项目标题

out.println（""+""+"完成日期：

"+""+""+year+"年"+month+"月"+date+"日"+""）;//显示完成日期

out.println（""）;

out.println（""）;

out.println（""）;

}finally{

out.close（）;

}

}

3运行结果：

Form显示如下：

提交之后用Servelet显示的结果如下

四、心得体会

在本次试验中，作为这门课的第一次上机实验，其目的是模拟设计一个关于毕业论文设计题目登记表程序，来对客户端用JavaScript编程进行运用，同时知道网页的数据是如何传递的，对服务器端的用JSP,和JAVAServlet编程进行实践，从而达到对课程所讲的知识点，正则表达式，JavaScript，JSP，JAVAServletJSTL等技术有较深刻的体会和认识，从而为以后独立开发电子商务系统程序奠定基础。

用JSP来编写和实现一个Form，Form中包含字段有，姓名，地址，邮件地址，邮编，电话，提交日期。

然后用JavaScript对Form中的字段的数据格式规范，即用编写正则表达式来印证数据格式是否规范。

用JavaServlet来获取Form的值，同时也要对获得数据进行用正则表达式规范，并用表格的形式把它显示出来。

做实验感觉上手比较难，对环境熟悉程度也不够，因此在实验中遇到不少问题，希望在以后的实验过程中可以得到很好的解决。

实验二Struts基础及应用编程

一、实验目的

本实验目的是希望通过编程实现用户客户登记表程序，来对Struts进行编程运用，知道Struts的配置文件struts-config.xml的配置，htmltaglib的运用，尤其是对

errors>tag运用和理解，对于Action的控制机制和ActionForm数据处理机制，以及对于ApplicationResource.property熟练掌握，从而达到对能够运用Struts的基本技术来开发动态网页能力。

二、实验内容

用Struts来编写和实现一个两个Form，第一个Form是注册用户名和用户密码的Form，其中包含字段有，用户，密码，密码校对，密码要求长度不能小于六位，密码里面应包含至少数字和字母，字母应包括大小写，最好密码中包含特殊字符。

第二个表是注册用户详细信息表，包括工作单位或者机构名称，邮政地址，邮政编码，单位简介，联系人名，电话，邮件等。

第一表和第二个表的关系是第一个表注册完，点击下一步就是出现第二个表的注册。

表校验成功后要显示成功信息。

三、实验过程和步骤（包括代码，运行结果）

1.新建一个struts的Action和ActionForm类：

helloaction.java和

helloform.java

（1）Helloaction.java的主要代码如下：

publicclasshelloactionextendsorg.apache.struts.action.Action{

privatestaticfinalStringSUCCESS="success";

privatestaticfinalStringFAIL="fail";

publicActionForwardexecute（ActionMappingmapping,ActionFormform,

HttpServletRequestrequest,HttpServletResponseresponse）

throwsException{

helloformtheform=（helloform）form;

Stringname=theform.getName（）;

Stringaddress=theform.getAddress（）;

//如果name或者address有一个空的话就映射fail，其他情况映射success。

if（name.equalsIgnoreCase（""）||address.equals（""））

returnmapping.findForward（FAIL）;

returnmapping.findForward（SUCCESS）;

}

}

（2）helloform.java的主要代码如下：

publicclasshelloformextendsorg.apache.struts.action.ActionForm{

privateStringname;

publicStringgetAddress（）{

returnaddress;

}

publicvoidsetAddress（Stringaddress）{

this.address=address;

}

publicStringgetEmail（）{

returnemail;

}

publicvoidsetEmail（Stringemail）{

this.email=email;

}

publicStringgetPostcode（）{

returnpostcode;

}

publicvoidsetPostcode（Stringpostcode）{

this.postcode=postcode;

}

publicStringgetTelphone（）{

returntelphone;

}

publicvoidsetTelphone（Stringtelphone）{

this.telphone=telphone;

}

privateStringaddress;

privateStringpostcode;

privateStringtelphone;

privateStringemail;

publicStringgetName（）{

returnname;

}

publicvoidsetName（Stringstring）{

name=string;

}

publichelloform（）{

super（）;

}

publicActionErrorsvalidate（ActionMappingmapping,HttpServletRequestrequest）{

ActionErrorserrors=newActionErrors（）;

Stringthename=request.getParameter（"name"）;

Stringtheaddress=request.getParameter（"address"）;

Stringthepostcode=request.getParameter（"postcode"）;

Stringthetelphone=request.getParameter（"telphone"）;

Stringtheemail=request.getParameter（"email"）;

//以下是判断各个字段的值是否为空，如果为空给出提示信息。

if（thename.equalsIgnoreCase（""））{

errors.add（"name",newActionMessage（"error.name.required"））;

}

if（thepostcode.equalsIgnoreCase（""））{

errors.add（"postcode",newActionMessage（"请输入邮编！

！

"））;

}

if（theaddress.equalsIgnoreCase（""））{

errors.add（"address",newActionMessage（"请输入地址！

！

"））;

}

if（thetelphone.equalsIgnoreCase（""））{

errors.add（"telphone",newActionMessage（"请输入电话！

！

"））;

}

if（theemail.equalsIgnoreCase（""））{

errors.add（"email",newActionMessage（"请输入邮箱！

！

"））;

}

returnerrors;

}

}

2.新建一个注册界面welcomestruts.jsp，以及success映射的文件yes.jap和fail映射的文件no.jsp

（1）welcomstruts.jsp的主要代码如下：

htmllang="true">

.content{

color:

#000000;

font-family:

"宋体";

font-size:

20px;

}

base/>

white">

html>

（2）yes.jsp用于显示提交后的信息，其主要代码如下：

.content{

color:

#000000;

font-family:

"宋体";

font-size:

20px;

}

//以下是要显示的内容

显示信息

name:

${helloform.name}

address:

${helloform.address}

postcode:

${helloform.postcode}

telphone:

${helloform.telphone}

email:

${