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

1、电子商务系统开发实验报告书电子商务系统开发实验报告2009 - 2010 学年 第 1 学期班 级： T7732 学 号： 20070730210 姓 名： 魏鹏程 授课教师： 吴晓晖 实验教师： 吴晓晖 实验学时： 18 学时 _2010年9月实验一 CSS，JavaScript，Jsp, JavaServlets 综合运用编程一、 实验目的本实验目的是希望通过模拟设计一个关于毕业论文设计题目登记表程序，来对客户端用JavaScript编程进行运用，同时知道网页的数据是如何传递的，对服务器端的用JSP,和JAVA Servlet编程进行实践，从而达到对课程所讲的知识点，正则表达式，JavaS

2、cript，JSP，JAVA Servlet JSTL等技术有较深刻的体会和认识，从而为以后独立开发电子商务系统程序奠定基础。二、 实验内容用JSP来编写和实现一个Form，Form中包含字段有，姓名，地址，邮件地址，邮编，电话，提交日期。然后用JavaScript对Form中的字段的数据格式规范，即用编写正则表达式来印证数据格式是否规范。用Java Servlet来获取Form的值，同时也要对获得数据进行用正则表达式规范，并用表格的形式把它显示出来。 三、实验过程和步骤（包括代码，运行结果）这次实验我总共建了两个文件，index.jsp：用于实现一个form和用JavaScript对Form

3、中的字段的数据格式规范；Servlet.java用来获取form的值。1. index.jsp的主要代码如下： JSP Page /用JavaScript正则表达式和validate 对form 所有字段进行检验 function validate() /以下是用于匹配邮箱，电话号码和邮编的正则表达式。 re1 = /w+(.-?w+)*w+(.-?w+)*(.w2,3)+$/ re2= /(0)1-92,3-d7,8$/ re3=/1-91d5$/ /判断项目标题是否为空，如果空则给出警告。 if(document.myform.ptitle.value=) alert(项目标题不能为空！)

4、 document.myform.ptitle.focus() document.myform.ptitle.select() return false /判断邮编的格式是否匹配，如果不匹配则给出警告。 if(!re3.test(document.myform.mailnumber.value) alert(邮编不匹配！) document.myform.mailnumber.focus() document.myform.mailnumber.select() return false /判断电话号码的格式是否匹配，如果不匹配则给出警告。 if(!re2.test(document.myfo

5、rm.telephone.value) alert(电话号码不匹配！) document.myform.telephone.focus() document.myform.telephone.select() return false if(!re1.test(document.myform.mailaddress.value) alert(Invalid email address) document.myform.mailaddress.focus() document.myform.mailaddress.select() return false /判断地址是否为空，如果空则给出警告。

6、 if(document.myform.address.value=) alert(地址不能为空！) document.myform.address.focus() document.myform.address.select() return false /判断姓名是否为空，如果空则给出警告。 if(document.myform.name.value=) alert(name can not be null!) document.myform.name.focus() document.myform.name.select() return false return true /以下是建立

7、Form的所有代码 姓名 地址 邮件地址 邮编 电话号码 项目标题 完成日期 $i 年 $i 月 $i 日 2. Servelet.java的主要代码如下：public class Servlet extends HttpServlet String name=null; String address=null; String mailaddress=null; String mailnumbe=null; String telephone=null; String ptitle=null; String year=null; String month=null; String date=nu

8、ll; protected void processRequest(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException response.setContentType(text/html;charset=UTF-8); PrintWriter out = response.getWriter(); try out.println(); out.println(); out.println(Servlet Servlet); out.println( ); o

9、ut.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+年+mo

10、nth+月+date+日+);/显示完成日期 out.println(); out.println(); out.println(); finally out.close(); 3运行结果：Form显示如下：提交之后用Servelet显示的结果如下四、心得体会在本次试验中，作为这门课的第一次上机实验，其目的是模拟设计一个关于毕业论文设计题目登记表程序，来对客户端用JavaScript编程进行运用，同时知道网页的数据是如何传递的，对服务器端的用JSP,和JAVA Servlet编程进行实践，从而达到对课程所讲的知识点，正则表达式，JavaScript，JSP，JAVA Servlet JSTL等

11、技术有较深刻的体会和认识，从而为以后独立开发电子商务系统程序奠定基础。用JSP来编写和实现一个Form，Form中包含字段有，姓名，地址，邮件地址，邮编，电话，提交日期。然后用JavaScript对Form中的字段的数据格式规范，即用编写正则表达式来印证数据格式是否规范。用Java Servlet来获取Form的值，同时也要对获得数据进行用正则表达式规范，并用表格的形式把它显示出来。 做实验感觉上手比较难，对环境熟悉程度也不够，因此在实验中遇到不少问题，希望在以后的实验过程中可以得到很好的解决。 实验二 Struts 基础及应用编程一、实验目的本实验目的是希望通过编程实现用户客户登记表程序，来

12、对Struts进行编程运用，知道Struts的配置文件struts-config.xml的配置，html taglib的运用，尤其是对 tag 运用和理解，对于Action 的控制机制和ActionForm数据处理机制，以及对于ApplicationResource.property熟练掌握，从而达到对能够运用Struts的基本技术来开发动态网页能力。二、实验内容用Struts来编写和实现一个两个Form，第一个Form是注册用户名和用户密码的Form，其中包含字段有，用户，密码，密码校对，密码要求长度不能小于六位，密码里面应包含至少数字和字母，字母应包括大小写，最好密码中包含特殊字符。第二个

13、表是注册用户详细信息表，包括工作单位或者机构名称，邮政地址，邮政编码，单位简介，联系人名，电话，邮件等。第一表和第二个表的关系是第一个表注册完，点击下一步就是出现第二个表的注册。表校验成功后要显示成功信息。三、实验过程和步骤（包括代码，运行结果）1.新建一个struts的Action和ActionForm类：helloaction.java和helloform.java(1)Helloaction.java的主要代码如下：public class helloaction extends org.apache.struts.action.Action private static final S

14、tring SUCCESS = success; private static final String FAIL = fail; public ActionForward execute(ActionMapping mapping, ActionForm form, HttpServletRequest request, HttpServletResponse response) throws Exception helloform theform=(helloform)form; String name=theform.getName(); String address=theform.g

15、etAddress(); /如果name或者address有一个空的话就映射fail，其他情况映射success。 if(name.equalsIgnoreCase() | address.equals() return mapping.findForward(FAIL); return mapping.findForward(SUCCESS); (2) helloform.java的主要代码如下：public class helloform extends org.apache.struts.action.ActionForm private String name; public Stri

16、ng getAddress() return address; public void setAddress(String address) this.address = address; public String getEmail() return email; public void setEmail(String email) this.email = email; public String getPostcode() return postcode; public void setPostcode(String postcode) this.postcode = postcode;

17、 public String getTelphone() return telphone; public void setTelphone(String telphone) this.telphone = telphone; private String address; private String postcode; private String telphone; private String email; public String getName() return name; public void setName(String string) name = string; publ

18、ic helloform() super(); public ActionErrors validate(ActionMapping mapping, HttpServletRequest request) ActionErrors errors = new ActionErrors(); String thename=request.getParameter(name); String theaddress=request.getParameter(address); String thepostcode=request.getParameter(postcode); String thet

19、elphone=request.getParameter(telphone); String theemail=request.getParameter(email); /以下是判断各个字段的值是否为空，如果为空给出提示信息。 if(thename.equalsIgnoreCase() errors.add(name, new ActionMessage(error.name.required); if(thepostcode.equalsIgnoreCase() errors.add(postcode, new ActionMessage(请输入邮编！); if(theaddress.equ

20、alsIgnoreCase() errors.add(address, new ActionMessage(请输入地址！); if(thetelphone.equalsIgnoreCase() errors.add(telphone, new ActionMessage(请输入电话！); if(theemail.equalsIgnoreCase() errors.add(email, new ActionMessage(请输入邮箱！); return errors; 2.新建一个注册界面welcomestruts.jsp，以及success映射的文件yes.jap和fail映射的文件no.js

21、p(1) welcomstruts.jsp的主要代码如下： 欢迎页面 .content color: #000000; font-family:宋体; font-size:20px; /以下是建form的全部代码 name: address: postcode: telphone: email: (2) yes.jsp用于显示提交后的信息，其主要代码如下： 成功页面 .content color: #000000; font-family:宋体; font-size:20px; /以下是要显示的内容 显示信息 name:$helloform.name address:$helloform.address postcode:$helloform.postcode telphone:$helloform.telphone email:$