网上蛋糕商城JSP页面

任务目标：

使用JSP页面实现网上蛋糕商城注册页面，实现效果如图所示

实现步骤：

1.创建顶部文件

创建用于显示页面导航栏的顶部文件header.jsp,代码实现如下

<%--<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>


    


<%--  引入初始化Servlet--%>


    

        

            

                

                    
首页
                    

                        商品分类
                       

                           
                               
${type.name}
                           
                        
                    
                    
热销
                    
新品
                    
登录
                    
注册
                
            
        
        

            

                
                

                    

                        
                        搜索
                    
                
            
            

                
            
        
    

 2.创建底部文件

创建用于显示提示信息的底部文件footer.jsp,代码实现如下

<%@ page contentType="text/html;charset=UTF-8" language="java" %>


    





    

        

            
www.XXXX.com  
        
    

3.创建用户注册文件

创建用于用户注册的文件user_register.jsp,页面中编写用户注册的表单，并在表单的顶端和底端分别引入页面的顶部文件和底部文件，其中页面所需的样式在资源已经提供，代码实现如下

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>


    
    
    
    
    
    
    


<%--导航栏页面--%>
<%@include file="header.jsp" %>
<%--注册部分--%>

    

        

            

                

                    
注册新用户
                    

                        用户名：*   ${ sessionScope.msg } 
                        
                    
                    

                        密码：*
                        
                    
                    

                        地址：*
                        
                    
                    

                        电话号码：*
                        
                    
                    

                        邮箱：*
                        
                    
                    

                        收货人：*
                        
                    
                
                

                    
                    

                
            
            

        
    

<%--底部信息页面--%>
<%@include file="footer.jsp"%>

4.运行项目查看结果

在IDEA中启动Tomcat服务器