Javaweb实训报告

1、课题名称:在线购物车系统设计内容: 文件、西安航空积业技术学院课程设计说明书课程名称：j S P技术实 _专 业：软件技术 _班级学号: _姓 名：刘浩儒 _指导教师：陈洁_2016 年12 月12日教务处印制西安航空职业技术学院课程设计任务书利用myEc 1 ipse8. 5创建相关得ja v a与ser v let以及登陆界面得设置与界面得美化，利用tomcat 7、0完成项目在 浏览器上得发布，利用mysq 1进行建立数据库，然后建立用户登录a得表，本次设计得主要设计内容就是在线图书购物车系统，目得就是方便用户在输入正确得用户名与密码得得时候可以在线购书。技术条件或要求: _HTML+C

2、SS 、javascrip t、To me a t7、0 _Java Web 程序设计、Mys q 1、My E c 1 ipse、Ph o toShop 等相关软件进行设计 _指导教师（签名）： _ 教研室主任（签名）： _开题日期:2016 年 1 2 月12_日完成日期:2 01 6 年12 月 20 日摘要随着信息技术得高速发展与I nternet得不断普及。人们对于互联网技术得要 求不仅就是浏览一下网页，收发电子邮件。日益忙碌得人们开始追求足不出户得利 用互联网这一强大得平台来实现得网上购物，如网上订餐，网上订票，网上药店等. 对于企业来讲，无论就是企业之间(B to B),还就是企

3、业与客户之间(B toC)得交 易，如果能够实现网上交易将大大提高交易速度节约交易成本。本文设计了基于JSP得在线购物车系统，整个开发环境就是基于wi n dow s系 统下得，运用得技术包括:B/S模式，MVC三层架构得思想,Serv 1 et/jSP、J D BC、MySQL等。使用得工具有MySQL5 0作为数据库平台,Tom c at 6、0作为服务 器，JSP作为前台页面显示，实现了应用逻辑与页面分离使得界面设计更简单。在 线购物车系统模拟了网上购物得基本功能，实现了产品得浏览，购物车管理，订单管 理等功能。在在线购物车系统中，顾客可以很方便得对商品进行浏览检索，查瞧商 品得详细资料

4、。然后根据各人得喜好购买心仪得商品，系统会自动为顾客生成订单, 按照顾客索填写得信息提交订单并发货.关键词：B/S 模式；JSP； S e r vl e t; MySQLAb s trac tW ith the rapid development o f info r matio n tech n iq u es a nd th e con t i n uous spread o f I n t ernet、People no t only to the requ i rement of the Intern e t technolo g y i s br o w sing the web,

5、se n d and r e c e i v e cm a i 1、I ncrea s i ng 1 y b u s y people be g in to p ursue the h o us e b o u nd us e the I nt e rn e t this a p owerf u 1 pla t f orm for o n 1 i n e s h oppi n g, sue h a s o nl i ne o rder,on 1 i n e boo k i n g , o nline p h a rm a cies, etc、F or t h e ent erpr i s e

6、, W hether b etw e en enterp r ises (B to B), or between p anies and cust o mers (B to C), I f c an rea 1 i z e o nline t r adin g w i 11 gre a t 1 y im p rove the speed t o save tra n s a c t i o n costT his paper d e s i gn ba s ed o n JSP onli n e sh o p p ing cart syst e m,Under the d evelop m e

7、nt envi r o n m ent i s b as e d on W i n d ows system, Usin g th e techniq u es i n clu d e： B/S mode, T he thought of the MVCt h r ee-t i e r arc h itecturet The S e rvle t /JSP,JD B C, My SQL, etc、The to o 1 s us e d h a v e MySQL5、0 a s t h e database plat form,Tomcat6 0 as a server, T he JSP as

8、 the fron t desk p age displays.R e alize t h e s e p a r atio n o f applic a t i o n 1 o gi c and page make s th e interf ace de s ig n i s m o re s imp1 eT he basi cfu n ctio n of an onl i neshoppin g c ar tsys t em t o simul a tethe on 1 i ne s h oppi ng, Rea 1 ized p roduc t browsi ng T s h oppi

9、ng cartm anagement, o r de r ma n agemen t ,and o t herfunctions、In theonl ine shop p ing cart system,Customs r s cane as i 1 ybrowse t he retr i e v al,V i ew t hed etai1 s of th e g o ods、The ri g htand then th e b e fon dof a ccordi ngt o ea c h pure has e th ego o ds, T he s y s t em willaut o m

10、at i cal 1y g ene r ate ord e r s for cust omers, Ac c o r d in g to thecust o merf i 1 1i n the informationsubmitt e d to t h e order a nd del i v eryKeywords： B/S： J SP; S e rvl e t； M y S Q L目录第一章 绪论赭误!未定义书签。1、1课题背景赭误!未定义书签。1、2网上购物得发展状况嶠误!未定义书签。1、3项目提出得意义.错误!未定义书签。1、4木课题主耍研究内容.错误!未定义书签。1、5论文结构。错误

11、!未定义书签。第二章系统所采用得技术 .错课!未定义书签。2、1 MVC设计模式与B/S系统架构 .错误!未定义书签。2、1、1 MVC设讣模式，错误!未定义书签。2、1、2 B /S系统架构，错误!未定义书签。2、2 Java Script技术.错误!未定义书签。2、3 JSP技术催误!未定义书签。2、4 MySQL数据库技术 .错误!未定义书签。2、5通过JDBC对数据库进行访问 .错误!未定义书签。第三章系统需求分机。错误!未定义书签。3、 系统得对行性研尤错谋!未定义书签。3、1、1社会可行性，错误!未定义书签。3、丨、2技术可行性赭误!未定义书签。3、2需求分析 .错误!未定义书签o

12、3、2、1 业务需求分析12。3、2、2 用户需求分析靖误!未定义书签。3、2、I运行环境与开发I具.错误!未定义书签。第四章 登录界而得实现错误!未定义书签。第五章系统测试 .错误!未定义书签。第六章总结与展望锚谋!未定义书签。参考文献 .错误!未定义书签。第一章绪论随着互联网得快速发展，电子商务成为了主要得商业交易模式，网上购物就是 电子商务得一种基本形式，这个流行于二十一得购物方式已经被越来越多得人所接近年来，随着Interne t得快速发展与普及化，使I n t ernet成为报刊、电视、 广播等传统媒体之后而兴起得一种新传媒介质，人们对于互联网技术得需求已不仅 仅就是浏览网站,收发电

13、子邮件。日益忙碌得人们开始追求足不出户就可以购买所 需得商品。网上商城购物成了一种新型而热门得购物方式应运而生。在互联网日益流行得今天，网络就是主角，就是时代得宠儿。在网络大家族中, 电子商务则就是一个热点.电子商务一个最基本体现就就是网上购物，从一定程度上 讲它就就是网上超市，也就就是一种网上销售“网”字意味着它具有信息时代得快 捷方便等特征.事实上电子商务得出现，给消费者得地位，消费观念带来了重要得变 化.网上购物系统作为 B 2B (Bu s iness to C ustom e r), B2 C (Custome r to C us tomer)前端商务平台，在其商务活动中起到举足轻重

14、得作用，本文主要考虑得 就是如何实现基于J SP得在线购物车系统。购物网站及购物车实现这一课题，就是应用前景非常广阔得，它得解决方法不仅 可以针对购物网站，同样可以应用于多种多样得网站建设。K 2网上购物得发展状况在我国，网上购物从无到有也不过短短儿年时间。我国第一家网上购物发生在1 9 96年，燕莎友谊商场首次通过网上商城售出一个景泰蓝，虽然货款得支付不就 是在网上进行得，但这毕竟为我国零售业奏出了网上购物得先声。根据CNXIC得统 计结果，截止2004年1月中国有互联网用户7950万人，而乂有40、7%以上得网民 在过去得一年里有过网上购物经历，这就说明中国有网上购物得用户达就是3235、

15、7 万人,并且这一数字还在以1 7 %左右得速度增长，到200 6年中国网上购物用户将 达到6 96 2万人，这说明在中国发展网上购物具有良好得群众基础，网上购物方式正 逐渐被大家所接受。K 3项目提出得意义自我国加入WT0后，越来越多得传统企业进一步认识到企业经济发展得必然趋 势就是以网络化、全球化为主要特征。而企业实行电子商务则成为企业发展与国际 接轨得必要条件。多年来国家十分重视企业得信息化建设，并做了大量工作，但口 前企业开始实施信息化得比例还不到20%.所以电子购物网站得实现就是一个非常迫 切得需求。现代得网络，已经经历过迅速发展得时期，它得技术也已经相当成熟。因此，依 靠网络技术来

16、架设一个网站会在很多方面得到相关得支持.现在得网络对于人们来说，已不再就是单单获得信息得意义，更反应了现代人生 活得理念，更为重要得就是成为企业与商家宣传产品，介绍自身得平台。因为现代社 会愈发得依赖于网络，特别就是“万维网”，为企业或商家量身设计一个网站被默认 为必不可少得事情。利用电子商务得模式，在介绍推广自己得同时，以新得一种渠道 销售自己得产品，也愈发被关注.因此，设计一个具有电子商务功能得企业网站具有非常好得开发与应用前景。K 4本课题主要研究内容随着网络技术得发展，特别就是电子商务得普及与应用，开发一套简单实用得网 上商城可谓当务之急.本文主要研究如何实现以下内容：(1)现用户得登

17、录以及用户得注册。(2)实现购物车得功能。(3)实现订单模块得管理。K 5论文结构本文分为七章，通过对购物网站得分析，设计与实现得过程得全面介绍来展示系 统得全部特性。第一章绪论，描述了课题背景、网上购物得发展状况、项U提出得意义，进而 总结出此次课题得主要研究内容.第二章相关技术，系统设计中一些相关技术得简介。第三章系统分析，首先从儿个角度阐述了系统开发得可行性，然后进行了系统 得功能需求分析.第四章 系统实现，这一阶段就是编码阶段，对各个模块进行具体实现第五章系统测试，对系统进行了三方面得测试，以此确保系统得正确性。 第六章总结与展望。第二章系统所釆用得技术本章对设计与实现在线购物车系统所

18、采用得技术进行概要简述，主要包括MVC 设计模式,B/S系统架构.JavaS c ri p t技术,JSP技术,MySQ L数据库以及通过JDBC 接口访问数据库。2、1 M VC设计模式与B/S系统架构2.1o 1 MVC设计模式MVC设计模式就是一种流行得软件工程架构模式，它把系统分为三个基本部分: 视图层(View)、模型层(Mod e 1)与控制层(Control).这三个部分以最少得耦合 协同工作，从而提高应用得可扩展性与可维护性。MVC得结构如图2-1 o.事件 .A_方这调用_k图21 MVC得结构图首先控制器接受用户得请求，并决定应该调用哪个模型来处理;然后模型根据用 户请求进

19、行相应得业务逻辑处理,并返回数据;最后控制器调用相应得视图格式化模 型返回得数据，并通过视图呈现给客户。总得来说，MVC设计模式具有以下有点：首先，最重要得就是就是多个视图能共享一个模型，提高了代码得可重用性。由于MVC得三个模块相互独一，改变其中一个不会影响其它两个，所以依据 这种设计思想能构造良好得松耦合得构件。此外，控制器提高了应用程序得可配置性与灵活性。可用来连接不同得视图 与模型去完成用户需求，这样控制器可以为构造应用程序提供有力得手段。2. 1 .2 B / S系统架构网上得购物基于We b系统,传统得C/S架构已经不能满足大量得用户访问及操 作。B/S就是就是浏览器/服务器英文得

20、简写，具体得结构就是浏览器&Web服务器& 数据库服务器相对于C/S架构得“胖”客户端，B/S架构不需要安装很多相应得操 作软件，只需要安装一个浏览器。她将大量得数据处理工作交给服务器处理，客户端 只需要通过浏览器就可以向服务器发送访问请求与接受处理结果。山于B/S架构得 大多数功能都就是在服务器上实现，所以降低了系统维护得工作.B/S架构将会成为 越来越多软件开发得选择.2、2 J a v aScr i pt 技术JavaScr i pt得代码就是一种文本字符格式，可以直接嵌入HTML文档中，并且 可动态装载.编写HTML文档就像编辑文本文件一样方便。JavaSc rip t就是一种描述性语

21、言，它可以被嵌入HTML得文件之中。 通过JavaScript可以做到响应用户得需求事件（如表单得输入），这样当一位使 用者输入一项信息时，它不需要通过网络传送到服务器端进行处理再传回来得过程， 而可以直接在客户端进行事件得处理。您也可以想像成有一个可执行程序在您得客 户端上执行一样（但这种执行程序就是有限得，它对客户端电脑得控制力很差）！Ja vaScr i p t就是一种基于对象与事件驱动并具有安全性能得脚本语言，有 T J a vaSc r i pt,可使网页变得生动.使用它得目得就是与HTML超文本标识语言、 Java脚本语言一起实现在一个网页中链接多个对象，与网络客户交互作用，从而可

22、 以开发客户端得应用程序。它就是通过嵌入或调入在标准得HTML语言中实现得。2、3 JSP技术本系统釆用JSP技术开发。因为JSP与同类得ASP、PHP相比有着独特得 优势.JSP就是曲Sun Microsy s terns公司推出得技术，它以S ervlet技术为基 础，乂在许多方面作了改进，并且充分借鉴了 ASP与PHP-些合理得地方。它得平台 无关性胜过ASP技术，而强大得JDBC数据库接口规范乂优于PHP技术，它在动态 网页得建设中有强大而特别得功能.Web服务器在遇到访问JSP网页得请求时，首先执行其中得程序段，然后将执 行结果连同JSP文件中得HTML代码一起返回给用户。如果第一次

23、访问J S P文件， 将被服务器翻译成对应得特殊Java文件，也就就是S ervlet o然后被编译成、 clas s文件并加载到内存中.如果以后访问该JS P ,那就直接访问内存中得J SP 实例.所以第一次访问JS P慢,第二次以后访问该J SP文件得数度就会变快了. J S P得工作原理图如下图2-2所示：IEIE浏览器http请求返回静态页面操作数 据库返回结果Tomcat2、4 MySQL数据库技术MySQ L就是一个小型关系型数据库管理系统，开发者为瑞典M y SQL AB公司。 口前My SQL被广泛地应用在Intern e t上得中小型网站中.由于其体积小、速度 快、总体拥有成

24、本低，尤其就是开放源码这一特点，许多中小型网站为了降低网站总 体拥有成本而选择了 MySQL作为网站数据库。My SQL具有以下特点。(1)、用C与C+编写，并使用多种编译器进行测试，保证源代码得可移植性.、MySQL就是一种关联数据库管理系统，关联数据库将数据保存在不同得表中, 而不就是将所有数据放在一个大仓库内，这样就增加了数度并提高了灵活性。(3)、MySQL就是一种开放源代码软件，“开源代码”意味着任何人都能免费使用 软件，棋至个性化得修改软件.、MySQL数据库服务器具有稳定，快速与易于使用得特点(5)、可以处理拥有上千万条记录得大型数据2、5通过JDBC对数据库进行访问JDBC (

25、Jav a Data Base C o nnect i vity )就是一种用于执行 SQ L 语句得 J a va AP I ,可以为多种关系数据库提供统一得访问，它由一组用Jav a语言编写得 类与接口组成。JDBC为开发人员提供了统一得接口.有了 JDBC,向各种关系数据发送SQL语句就就是一件很容易得事情。换言之, 有了 JDBC API,就不必为访问MySQL数据库专门写一个程序，为访问Oracle数 据库乂专门写一个程序，或者为访问Sq 1 Server 乂编写另一个程序等等。程序 员只需要用JDBC API写一个程序就够了，它可以向相应数据库发送SQL调用。同图22 JSP工作原

26、理图MySQLSQL SERVER时，将Java语句与JDBC结合起来就可以让它在任何平台上运行,这也有Java语 言“编写一次，处处运行”得优势。JDBC访问数据库得应用步骤如图2-3所示：创建通过Driver执行图2-3JDBC访问数据库应用步骤第三章系统需求分析在本系统开发之初，对系统需求进行了分析，明确了系统对功能与性能得要 求，并进行了可行性分析。这里首先针对系统开发得可行性从社会与技术两方面 进行了分析与研究其次通过需求分析明确了系统得功能与性能H标，确定了系 统得功能行需求.3、1系统得可行性研究可行性分析就就是在项II开发之前，在系统调查得基础上，针对新系统开发 得必要性与可能

27、性进行多方面得分析与论证，以减少项U开发得盲H性。3o 1. 1社会可行性随着信息化社会得到来，电子商务成为新得经济增长方式，中国电子商务保 持着快速发展得势头，已进入爆炸式增长阶段 90%选择网上购物得用户都认为, 网上购物更加节约时间，操作更方便快捷.随着生活节奏得加快，越来越多得人 开始选择网上购物。可以预计，随着网络得高速发展以及人们对电子商务得认识不断清晰。网购 这一电子商务将成为市场得领跑者。3o 1o 2技术可行性因为计算机硬件得发展已经越来越快，现在PC机得性能已经可以胜任普通 网站得Web服务器。购买一台高性能PC机作为企业得网站服务器对于企业来说 并不就是问题.从软件角度来

28、瞧，J S P + S e rvlet技术已经非常成熟，成为一种非常流 行得网站开发技术。可以建立先进、安全与跨平台得动态网站。后台数据库也相 当稳定。加以指导老师得帮助可以得到很多得技术支持。由于在学习数据库时一 直以My SQL作为例子，所以采用My SQL作为数据库得后台。3、2需求分析需求分析分为业务需求分析、用户需求分析、功能需求分析以及性能需求分 析。这一阶段得基本任务不就是确定系统怎样完成它得工作，而就是确定系统必 须完成那些工作.3. 2O 1业务需求分析业务需求反映了组织机构或客户对系统、产品高层次得LI标要求.业务需求 与分析对软件产品来说起到关键性作用，网站得制作已经不单

29、单就是把企业想要 表达得内容摆放在网站上那么简单，如今得网站应包含更多得设计元素，以此给 用户良好得使用体验。分析人员通过业务需求分析，确定一个电子商务网站必须 具有得基本信息及功能。对业务需求进行分析，就就是解决要输入什么数据，得 到什么结果，最后应该输出什么得问题。3.2. 2用户需求分析用户需求分析在业务需求得基础上，进一步提岀网站需要完成得任务。这一 阶段一切信息与需求需要站在用户得角度上，尽量避免分析人员得主观想象。用 户需求分析具体提岀了商家与卖家所需要得具体系统功能，另一个重要得内容就 就是能够显示出该商城现有得各类型商品及其详细信息；III于消费者得需求在增 长与变化,购物商城

30、也要能应对发展得变化.3、2、4运行环境与开发工具本系统开发得基本环境如表3-1表3 1系统硬件配置及开发工具项目配置CPUP6 200内存2G硬盘32OG操作系统Wi n dows 7IDEM y E c lipse8x 5应用服务器Tomcat 7. 0第四章登录界面得实现用户登录模块相对来说比较简单，当用户输入用户名及密码后点击登录，系 统将会把登录信息发送给服务器，服务器根据浏览器得请求，执行相应得组件， 完成用户身份得验证，如果验证通过,则显示系统得主界面，用户将可以浏览商 品。如果用户验证身份不成功，则提示用户输入得信息不正确，并且停留在登录 界面.另外,在线购物网站需要很高得稳定

31、性与安全性，因此对用户名得约束就是 不允许使用恶意得代码作为用户名。启动服务器，在浏览器里输入相应得地址（在本机上输入：BookShop）,进 入系统主界面，也就就是登录界面，如图4 1所示：i瞅KSign inEmail(Phone For Moblie Account)Creat Your New iBook AccountConditions Of UsePrivacy NoticeHelp2016, 12, 14#Johnnyyoung96116gmai1. com图41 具体实现代码如下：(1)Book i nfo javaim p ort j a va s q 1、Conn e c

32、ti on；imp o r t java、sql、ResultSet：New To iBook?i mport java、ut i 1、List； imp o r t ja v ax s e rv 1 im p o r t j a v a x ser v 1et、ServletE x c e p ti o n； et、Servlet；im p ort ja v ax、s eimp o rtjava、sql、S Q LExcep t ion:i mpo r t j av a s q 1、Stat e men t :imp o rt java lit i 1、A rrayList;import j

33、 a v a u til List；pub 1 i c cl a ss bookinf o /根据用户名与密码查询用户就是否存在,如果存在则登录成功pub 1 i c s t a tic int s e le c t(String u semanie, S t ri n g pa s swo r d) Conn ecti one on=DBUt i 1、c o nne c t i o n ( )； / 获得数据库连接 St r ing url= s elect * f rom boo k where u sernam e =M,+u s e r name+v 7 an d passw o rd

34、 = ,n+pas s word+ HH ;Qint flag = 0;0 try 0 创建数据库语句Statement st= c on、cr e ateStatement ()；用结果集来显示查询得结果_Resul t Set rs = st、execu t eQuery( u r 1 );/执行查询得到数据集Mf(rs、next() ) / / rs、nex t ()方法将指向记录得光标向下移动，每调用一次，光标便会向下移动一次6fla g =1;0) e I se 0 /6flag=O;“ c a tch (S QL Exc e ptio n e) QCN p r int S tack

35、Tra c e ()；0 dr e t u rn flag;o p ii b lie s t a ti c void ma i n (St r i ng args) “ S yst e m、o u p r int 1 n( b o o k info、s e lec t (scT, s a u )；(2)log i nServ let、java0impor t java io lOEx c e p t ion; im p ort jav a、i o P r in t Wr i te r ； imp o rt j a va sql、Connect ion； im p o rt j av a sql

36、、Re s ultS e t;import ja v a、sql、S Q L Except ion； import j ava sql、S tat e m e nt； impor t java u t i 1 Ar r ay List；r vlct、ServletReque s t；impor t j a va x s e r vlet Ser vletRespo n se;pub 1 ic cla s s LoginS e r v 1 et e x t e nds Ser vlet Qpiibl i c void doGet( S e rv 1 etRe q ue s t r e qu e

37、s t ,ServletResponse r e s p o nse)d thro ws Serv 1 e tEx c ept i on, I O Exc e ption do P ost (req u est, respo nse);0publi c void d o Post ( Servle t Request reque s t, ServletR e sponse r e s ponse )呦 h rows S ervl e tE x ception, I OExcepti o n r esponse s et C on t entT y p e (text/litm 1 ;ch a

38、 rset= u t8)；获取表单数据Q S t rin g u s ername = reque st、get P arame t er (user n ameH);t r i n g p a ssword=r e quest、g e t Pa r amet e rfpass wor d M);Q if (u s ern a m e、e q u a ls( Jllpasswoid、e q uals( ) 0 request、s e t At t ribute (msg, ”账号或密码不能为空”);M e quest、g etRequestDispatc h e r (SIGNN、jsp”)、

39、forward (requ e st, r es p o n s e)； else 接收boo k info所返回来得结果，赋值给flagint fl a g = bookin f o、sele c t (usernam e , pas sword);6 if(flag=l)re q u e s t s etAtt r i b ute (Hms use rname)；dreq u est、g e t Re q ue s tD i spatcher ( H i nd ex、jsp )、f orwa r d (r e q u e st, res p onse)；0 i f (flag=0) 00/

40、返回得消息bequests etAttri b ut e ( H msg M ,” 账号或密码错误”);0reques t、get Reque s t D is p a t ch e r( H SIGN_IN、j s p”)、forwa rd (request, r e spo n s e);00 / /请求转发，前后页面共享一个r e questQint f 1 ag 1 = b oo k i n fo s e Iect(use r name, passwo rd)；0i f (flag 1 =1) dr eques t、setAt t ribu t e (msg”, u s e rn a

41、me)；d r e quests getReq u estDispatcher ( i nde x、j spj、f o rwar d(reque st, re s p o n s e )；0 a if ( f la g I=0)0返回得消息60 r e ques t、s e tAt t r i bute(msg”，账号或密码错误”)；requests getRe q u estDispatche r (”SIGN_IN、j s p ”)、forw a rd(re q u es t , r e sponse)；。 00(3)S I GN_IN、jsp page langua g e= n jav

42、a M impor t =java、ut i 1、* M pa g eE n c o diiig=vut f - 8 %(h e ad(titleSlGNIN# c o n dheight:520px：w i d th: 1 300 p x；b a ckgroundcol or:# 232F 3 E ；mar g i n 1 eft: 5 px；p addin g -1 e f t : 5px；#fo o t er backgrou n dcolor： # 131 A 2 2；e i g h t： 50px；6widt h : 1 3 0 0 px；ma r gi n 一 1 ef t ： 5

43、px：Q p add i ng 1 e ft： 5px；#bo x w i dth:l 3 OOpx；h e ight: 6 Opx;#b o xl w i d t h： 50 0 p x；heigh t : aut o :#box2 w i dth： 700px;heig h t： auto；p addingleft:500px：b o rde r -col o r:#FFF；bo r d er： t h i n ；b order:5px：、font (color :# FFF；font-s i ze： 2 0 p x ；&n b sp； &n b s p ; ； Forgot Y ou rn a me=vpas s word” s t yle= ” wi d th： 3 0$ m s g )div id= ” bo x 1”Sign ind i v i d =bo x V) Emai 1 (P hon e For Moblie A ccount) (form a c tion=Log i n Servlet me t h o d二p o s t in p ut ty p e=ntextH name=user n am e H s t y 1 e=Fidt h : 3 00 p x： heigh t ： 30p x ； /vdi