单元5 购物网站登录与注册模块设计（JSP+Model2）.ppt

图5-7用户注册模块的程序设计流程【任务实施】【网页结构设计】 本单元用户登录页面主体结构的HTML代码如表5-1所示。 本单元用户注册页面主体结构的HTML代码如表5-2所示。行号HTML代码010203040506070809101112131415navclass=wnavpr/div/nav!--顶部导航栏结束--divclass=loginwf14formid=formlogonname=formlogonmethod=postaction=ulclass=input-listmt10id=Login_Checkli/lili/lili/li/uldivclass=btn-ui-bmt10/div/form/div!--底部导航栏开始--divid=footerclass=w/div表5-1单元5用户登录页面主体结构的HTML代码行号HTML代码010203040506070809101112131415161718192021222324navclass=wnavpr/nav!--顶部导航栏结束--divclass=loginwf14divclass=signuplayoutf14id=Sign_Checkdivclass=regist-boxid=Login_Checkdivclass=signup-tab-boxtabBoxformaction=UserRegistermethod=postid=emailRegisterFormulclass=input-listmt10li/lili/lili/lili/li/uldivclass=btn-ui-bmt10/divdivclass=wboxalabel-bindzhmmmt10divclass=wbox-flex/div/div/form/div/div/div/div!--底部导航栏开始--divid=footerclass=w/div表5-2单元5用户注册页面主体结构的HTML代码【网页CSS设计】 在DreamweaverCS6开发环境中创建两个CSS文件：module.css和member.css。【静态网页设计】 1．在DreamweaverCS6中创建静态网页login05.html 网页login05.html的浏览效果如图5-8所示。图5-8网页login05.html的浏览效果 2．在DreamweaverCS6中创建静态网页register05.html 在DreamweaverCS6中创建静态网页register05.html，该网页的初始HTML代码如表1-5所示。 在网页register05.html中head和/head之间编写如下所示的代码，引入所需的CSS样式文件。 网页register05.html的浏览效果如图5-9所示。图5-9网页register05.html的浏览效果【网页功能实现】【任务5-1】基于Model2模式设计用户登录模块（1）创建名为“UserInfo”的类（2）创建名为“DatabaseConn”的Java类（3）创建名为“UserManage”的类（4）新建一个Java类LoginServlet（5）创建用户登录的JSP页面login05.jsp（6）创建提示信息页面message.jsp（7）在web.xml文件中对LoginServlet类进行配置（8）运行程序输出结果图5-10在用户登录页面输入正确的登录信息【任务5-2】基于Model2模式设计用户注册模块（1）在类“UserManage”中添加实现用户注册功能的方法（2）新建一个Java类RegisterServlet（3）创建Servlet类ValidateCodeServlet（4）创建Servlet类ValidateServlet（5）在web.xml文件中对RegisterServlet类和Val