【任务目标】根据所学JSP知识根据前面实现的用户注册页面使用JSP页面实现网上蛋糕商城注册页面。代码下载1百度网盘通过网盘分享的文件Servlet6网上蛋糕商城JSP页面.zip链接: https://pan.baidu.com/s/12FrdnJv7cdF9Gwxc4Y3aAw?pwdd36i 提取码: d36i2夸克网盘我用夸克网盘给你分享了「Servlet6网上蛋糕商城JSP页面.zip」点击链接或复制整段内容打开「夸克APP」即可获取。/6a0b3b5tEE链接https://pan.quark.cn/s/c4cab5f88e67?pwd5SH2提取码5SH2一、创建顶部文件右击web文件夹选择New—JSP/JSPX名字为header.jsp参考代码如下% page contentTypetext/html;charsetUTF-8 languagejava %divclassheaderdivclasscontainernavclassnavbar navbar-defaultrolenavigation!--navbar-header--divclasscollapse navbar-collapseidbs-example-navbar-collapse-1ulclassnav navbar-navliahref/index首页/a/liliclassdropdownahref#classdropdown-toggledata-toggledropdown商品分类bclasscaret/b/aulclassdropdown-menu multi-column columns-2lidivclassrowdivclasscol-sm-12h4商品分类/h4/div/div/li/ul/liliahref#热销/a/liliahref#新品/a/liliahref#classactive注册/a/liliahref#登录/a/li/ul!--/.navbar-collapse--/div!--//navbar-header--/navdivclassheader-infodivclassheader-right search-boxahrefjavascript:;spanclassglyphicon glyphicon-searcharia-hiddentrue/span/adivclasssearchformclassnavbar-formaction/inputtypetextclassform-controlnamekeywordbuttontypesubmitclassbtn btn-defaultaria-labelLeft Align搜索/button/form/div/divdivclassheader-right cartahrefgoods_cart.jspspanclassglyphicon glyphicon-shopping-cartaria-hiddentruespanclasscard_num/span/span/a/divdivclassclearfix/div/divdivclassclearfix/div/div/div!--//header--二、创建底部文件右击web文件夹选择New—JSP/JSPX名字为footer.jsp参考代码如下% page contentTypetext/html;charsetUTF-8 languagejava %!--footer--divclassfooterdivclasscontainerdivclasstext-centerpheima www.itcast.cn © All rights Reseverd/p/div/div/div!--//footer--三、创建用户注册文件右击web文件夹选择New—JSP/JSPX名字为user_register.jsp代码参考如下% page contentTypetext/html;charsetUTF-8 languagejava %!DOCTYPEhtmlhtmlheadtitle用户注册/titlemetanameviewportcontentwidthdevice-width, initial-scale1metahttp-equivContent-Typecontenttext/html; charsetutf-8linktypetext/cssrelstylesheethrefcss/bootstrap.csslinktypetext/cssrelstylesheethrefcss/style.css/headbody!--header--jsp:includepage/header.jsp/!--//header--!--account--divclassaccountdivclasscontainerdivclassregisterformaction/user_rigistermethodpostdivclassregister-top-gridh3注册新用户/h3divclassinputspan用户名labelstylecolor:red;*/label/spaninputtypetextnameusernameplaceholder请输入用户名requiredrequired/divdivclassinputspan邮箱labelstylecolor:red;*/label/spaninputtypetextnameemailplaceholder请输入邮箱requiredrequired/divdivclassinputspan密码labelstylecolor:red;*/label/spaninputtypepasswordnamepasswordplaceholder请输入密码requiredrequired/divdivclassinputspan收货人label/label/spaninputtypetextnamenameplaceholder请输入收货/divdivclassinputspan收货电话label/label/spaninputtypetextnamephoneplaceholder请输入收货电话/divdivclassinputspan收货地址label/label/spaninputtypetextnameaddressplaceholder请输入收货地址/divdivclassclearfix/div/divdivclassregister-but text-centerinputtypesubmitvalue提交divclassclearfix/div/div/formdivclassclearfix/div/div/div/div!--//account--!--footer--jsp:includepage/footer.jsp/!--//footer--/body/html四、运行效果运行tomcat访问下面的地址http://localhost:8080/chapter06/user_register.jsp访问后界面如下