IDEA(2020版)使用JSP技术实现网上蛋糕商城

查看全文：IDEA(2020版)使用JSP技术实现网上蛋糕商城 – 每天进步一点点

---

 

【任务目标】

根据所学JSP知识，根据前面实现的用户注册页面，使用JSP页面实现网上蛋糕商城注册页面。

代码下载（密码3535）：https://url47.ctfile.com/f/64055047-1497324283-256305?p=3535

一、创建顶部文件

右击web文件夹，选择New—>JSP/JSPX，名字为header.jsp

参考代码如下：

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<div class="header">
    <div class="container">
        <nav class="navbar navbar-default" role="navigation">
            <!--navbar-header-->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav">
                    <li><a href="/index" >首页</a></li>
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle " data-toggle="dropdown">商品分类
                            <b class="caret"></b>
                        </a>
                        <ul class="dropdown-menu multi-column columns-2">
                            <li>
                                <div class="row">
                                    <div class="col-sm-12">
                                        <h4>商品分类</h4>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </li>
                    <li><a href="#" >热销</a></li>
                    <li><a href="#" >新品</a></li>
                    <li><a href="#" class="active">注册</a></li>
                    <li><a href="#" >登录</a></li>
                </ul>
                <!--/.navbar-collapse-->
            </div>
            <!--//navbar-header-->
        </nav>
        <div class="header-info">
            <div class="header-right search-box">
                <a href="javascript:;">
                    <span class="glyphicon glyphicon-search" aria-hidden="true"></span>
                </a>
                <div class="search">
                    <form class="navbar-form" action="/">
                        <input type="text" class="form-control" name="keyword">
                        <button type="submit" class="btn btn-default" aria-label="Left Align">
                            搜索
                        </button>
                    </form>
                </div>
            </div>
            <div class="header-right cart">
                <a href="goods_cart.jsp">
                    <span class="glyphicon glyphicon-shopping-cart " aria-hidden="true">
                        <span class="card_num"></span>
                    </span>
                </a>
            </div>
            <div class="clearfix"> </div>
        </div>
        <div class="clearfix"> </div>
    </div>
</div>
<!--//header-->

二、创建底部文件

右击web文件夹，选择New—>JSP/JSPX，名字为footer.jsp

参考代码如下：

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!--footer-->
<div class="footer">
    <div class="container">
        <div class="text-center">
            <p>heima www.itcast.cn © All rights Reseverd</p>
        </div>
    </div>
</div>
<!--//footer-->

三、创建用户注册文件

右击web文件夹，选择New—>JSP/JSPX，名字为user_register.jsp

代码参考如下：

---

 

 

查看全文：IDEA(2020版)使用JSP技术实现网上蛋糕商城 – 每天进步一点点