会员可以在此提问,百战程序员老师有问必答
对大家有帮助的问答会被标记为“推荐”
看完课程过来浏览一下别人提的问题,会帮你学得更全面
截止目前,同学们一共提了 133649个问题
JAVA 全系列/第九阶段:Spring Boot实战/Spring Boot 27737楼

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>实战</title>
    <link rel="stylesheet" href="css/bootstrap.min.css" />
    <link rel="stylesheet" href="css/index.css" />
</head>
<body>
<!--导航条-->
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
    <a class="navbar-brand">
        <img src="images/footer_logo.png" width="100" height="40" class="d-inline-block align-top" alt="" />
    </a>
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
            aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
    </button>
    <div class="collapse navbar-collapse" id="navbarSupportedContent">
        <ul class="navbar-nav mr-auto">
            <li class="nav-item active">
                <a class="nav-link" href="#">全国</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="#">游戏</a>
            </li>
            <li class="nav-item dropdown">
                <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                    演出
                </a>
                <div class="dropdown-menu" aria-labelledby="navbarDropdown">
                    <a class="dropdown-item" href="#">喜剧</a>
                    <a class="dropdown-item" href="#">话剧</a>
                    <div class="dropdown-divider"></div>
                    <a class="dropdown-item" href="#">想象</a>
                </div>
            </li>
            <li class="nav-item">
                <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">
                    不被选中
                    <span class="badge badge-danger">new</span>
                </a>
            </li>
        </ul>
        <form class="form-inline my-2 my-lg-0">
            <input class="form-control mr-sm-2" type="search" placeholder="搜索" aria-label="Search">
            <button class="btn btn-outline-success my-2 my-sm-0" type="submit">搜索</button>
        </form>
    </div>
</nav>
<!--轮播图-->
<div class="banner">
    <div class="container">
        <div class="row">
            <div class="col-md-8">
                <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
                    <ol class="carousel-indicators">
                        <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
                        <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
                        <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
                        <li data-target="#carouselExampleIndicators" data-slide-to="3"></li>
                    </ol>
                    <div class="carousel-inner">
                        <div class="carousel-item active">
                            <img src="images/1.jpg" class="d-block w-100" alt="...">
                        </div>
                        <div class="carousel-item">
                            <img src="images/2.jpg" class="d-block w-100" alt="...">
                        </div>
                        <div class="carousel-item">
                            <img src="images/3.jpg" class="d-block w-100" alt="...">
                        </div>
                        <div class="carousel-item">
                            <img src="images/4.jpg" class="d-block w-100" alt="...">
                        </div>
                    </div>
                    <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
                        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                        <span class="sr-only">Previous</span>
                    </a>
                    <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
                        <span class="carousel-control-next-icon" aria-hidden="true"></span>
                        <span class="sr-only">Next</span>
                    </a>
                </div>
            </div>
            <div class="col-md-4">
                <div class="box">
                    <img src="images/img1.jpg" class="img-fluid" alt="..." />
                    <ul>
                        <li><a href="#">音乐节</a></li>
                        <li><a href="#">音乐节</a></li>
                        <li><a href="#">音乐节</a></li>
                        <li><a href="#">音乐节</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
<!--内容区域-->
<div class="container">
    <div class="row content-one">
        <div class="col-md-9">
            <div class="row">
                <div class="col-6 col-md-3">
                    <div class="card">
                        <img class="card-img-top" src="images/5.jpg" />
                        <div class="card-body">
                            12345
                        </div>
                    </div>
                </div>
                <div class="col-6 col-md-3">
                    <div class="card">
                        <img class="card-img-top" src="images/6.jpg" />
                        <div class="card-body">
                            12345
                        </div>
                    </div>
                </div>
                <div class="col-6 col-md-3">
                    <div class="card">
                        <img class="card-img-top" src="images/7.jpg" />
                        <div class="card-body">
                            12345
                        </div>
                    </div>
                </div>
                <div class="col-6 col-md-3">
                    <div class="card">
                        <img class="card-img-top" src="images/8.jpg" />
                        <div class="card-body">
                            12345
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-3">
            <nav>
                <div class="nav nav-tabs" id="nav-tab" role="tablist">
                    <a class="nav-item nav-link active" id="nav-home-tab" data-toggle="tab" href="#nav-home" role="tab" aria-controls="nav-home" aria-selected="true">首页</a>
                    <a class="nav-item nav-link" id="nav-profile-tab" data-toggle="tab" href="#nav-profile" role="tab" aria-controls="nav-profile" aria-selected="false">其他</a>
                </div>
            </nav>
            <div class="tab-content" id="nav-tabContent">
                <div class="tab-pane fade show active" id="nav-home" role="tabpanel" aria-labelledby="nav-home-tab">
                    <img src="images/img2.jpg" class="img-fluid" alt="..." />
                    123456
                </div>
                <div class="tab-pane fade" id="nav-profile" role="tabpanel" aria-labelledby="nav-profile-tab">
                    <img src="images/img3.jpg" class="img-fluid" alt="..." />
                    12345
                </div>
            </div>
        </div>
    </div>
    <img src="images/ad1.jpg" class="img-fluid" alt=".." />
    <div class="row content-three">
        <div class="col-md-9">
            <nav>
                <div class="nav nav-tabs" id="nav-tab1" role="tablist">
                    <a class="nav-item nav-link active" id="nav-home-tab1" data-toggle="tab" href="#nav-home1" role="tab" aria-controls="nav-home1" aria-selected="true">演唱会</a>
                    <a class="nav-item nav-link" id="nav-profile-tab1" data-toggle="tab" href="#nav-profile1" role="tab" aria-controls="nav-profile1" aria-selected="false">舞台</a>
                    <a class="nav-item nav-link" id="nav-contact-tab" data-toggle="tab" href="#nav-contact" role="tab" aria-controls="nav-contact" aria-selected="false">话剧</a>
                    <a class="nav-item nav-link" id="nav-contact-tab1" data-toggle="tab" href="#nav-contact1" role="tab" aria-controls="nav-contact1" aria-selected="false">综艺</a>
                </div>
            </nav>
            <div class="tab-content" id="nav-tabContent1">
                <div class="tab-pane fade show active" id="nav-home1" role="tabpanel" aria-labelledby="nav-home-tab">
                    <div class="row">
                        <div class="col-md-3 col-sm-6 tab-list">
                            <div class="card">
                                <img class="card-img-top" src="images/9.jpg" alt="">
                                <p>[上海]百老汇经典音乐剧《狮子王》</p>
                            </div>
                        </div>
                        <div class="col-md-3 col-sm-6 tab-list">
                            <div class="card">
                                <img class="card-img-top" src="images/10.jpg" alt="">
                                <p>[上海]百老汇经典音乐剧《狮子王》</p>
                            </div>
                        </div>
                        <div class="col-md-3 col-sm-6 tab-list">
                            <div class="card">
                                <img class="card-img-top" src="images/11.jpg" alt="">
                                <p>[上海]百老汇经典音乐剧《狮子王》</p>
                            </div>
                        </div>
                        <div class="col-md-3 col-sm-6 tab-list">
                            <div class="card">
                                <img class="card-img-top" src="images/12.jpg" alt="">
                                <p>[上海]百老汇经典音乐剧《狮子王》</p>
                            </div>
                        </div>
                        <div class="col-md-3 col-sm-6 tab-list">
                            <div class="card">
                                <img class="card-img-top" src="images/9.jpg" alt="">
                                <p>[上海]百老汇经典音乐剧《狮子王》</p>
                            </div>
                        </div>
                        <div class="col-md-3 col-sm-6 tab-list">
                            <div class="card">
                                <img class="card-img-top" src="images/10.jpg" alt="">
                                <p>[上海]百老汇经典音乐剧《狮子王》</p>
                            </div>
                        </div>
                        <div class="col-md-3 col-sm-6 tab-list">
                            <div class="card">
                                <img class="card-img-top" src="images/11.jpg" alt="">
                                <p>[上海]百老汇经典音乐剧《狮子王》</p>
                            </div>
                        </div>
                        <div class="col-md-3 col-sm-6 tab-list">
                            <div class="card">
                                <img class="card-img-top" src="images/12.jpg" alt="">
                                <p>[上海]百老汇经典音乐剧《狮子王》</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="tab-pane fade" id="nav-profile1" role="tabpanel" aria-labelledby="nav-profile-tab">
                    <div class="row">
                        <div class="col-md-3 col-sm-6">
                            <div class="card">
                                <img class="card-img-top" src="images/5.jpg" />
                                <div class="card-body">
                                    12345
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3 col-sm-6">
                            <div class="card">
                                <img class="card-img-top" src="images/6.jpg" />
                                <div class="card-body">
                                    12345
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3 col-sm-6">
                            <div class="card">
                                <img class="card-img-top" src="images/7.jpg" />
                                <div class="card-body">
                                    12345
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3 col-sm-6">
                            <div class="card">
                                <img class="card-img-top" src="images/8.jpg" />
                                <div class="card-body">
                                    12345
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="tab-pane fade" id="nav-contact" role="tabpanel" aria-labelledby="nav-contact-tab">
                    <div class="row">
                        <div class="col-6 col-md-3">
                            <div class="card">
                                <img class="card-img-top" src="images/5.jpg" />
                                <div class="card-body">
                                    12345
                                </div>
                            </div>
                        </div>
                        <div class="col-6 col-md-3">
                            <div class="card">
                                <img class="card-img-top" src="images/6.jpg" />
                                <div class="card-body">
                                    12345
                                </div>
                            </div>
                        </div>
                        <div class="col-6 col-md-3">
                            <div class="card">
                                <img class="card-img-top" src="images/7.jpg" />
                                <div class="card-body">
                                    12345
                                </div>
                            </div>
                        </div>
                        <div class="col-6 col-md-3">
                            <div class="card">
                                <img class="card-img-top" src="images/8.jpg" />
                                <div class="card-body">
                                    12345
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="tab-pane fade" id="nav-contact1" role="tabpanel" aria-labelledby="nav-contact-tab">
                    <div class="row">
                        <div class="col-6 col-md-3">
                            <div class="card">
                                <img class="card-img-top" src="images/5.jpg" />
                                <div class="card-body">
                                    12345
                                </div>
                            </div>
                        </div>
                        <div class="col-6 col-md-3">
                            <div class="card">
                                <img class="card-img-top" src="images/6.jpg" />
                                <div class="card-body">
                                    12345
                                </div>
                            </div>
                        </div>
                        <div class="col-6 col-md-3">
                            <div class="card">
                                <img class="card-img-top" src="images/7.jpg" />
                                <div class="card-body">
                                    12345
                                </div>
                            </div>
                        </div>
                        <div class="col-6 col-md-3">
                            <div class="card">
                                <img class="card-img-top" src="images/8.jpg" />
                                <div class="card-body">
                                    12345
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-3">
            <div class="content-right">
                <div class="item">
                    内容1
                </div>
                <div class="item">
                    内容2
                </div>
                <div class="item">
                    内容3
                </div>
            </div>
        </div>
    </div>
</div>

<div class="footer">
    <div class="container">
        <div class="row">
            <div class="col-md-4 clearfix">
                <img class="pull-left" src="images/footer_logo.png" alt=".." />
                <div class="info pull-right">
                    <p class="footer-title">电影官网</p>
                    <p class="small">占座</p>
                </div>
            </div>
            <div class="col-md-4 clearfix">
                <img class="pull-left" src="images/phoneIcon.png" alt=".." />
                <div class="info pull-right">
                    <p class="footer-title">电影官网</p>
                    <p class="small">占座</p>
                </div>
            </div>
            <div class="col-md-4 clearfix">
                <img class="pull-left" src="images/f_wx.png" alt=".." />
                <img class="pull-left" src="images/f_wpr.png" alt=".." />

                <div class="info pull-right">
                    <p class="footer-title">电影官网</p>
                    <p class="small">占座</p>
                </div>
            </div>
            <p class="address">@2015北京微影时代科技有限公司版权所有  京ICP备14034406号-2</p>
        </div>
    </div>
</div>
<script src="js/jquery-1.12.4.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>

image.pngimage.pngimage.png和视频里老师写的代码还是有点区别的,不过效果基本上都达到了

WEB前端全系列/第四阶段:BootStrap框架模块/BootStrap4实战 27738楼
JAVA 全系列/第二阶段:JAVA 基础深化和提高/容器(旧) 27740楼

mapper2demo.zip

老师就是这个了  工具类使用不了 然后全局配置文件也不知道哪里报了一个异常

JAVA 全系列/第六阶段:项目管理与SSM框架/Mybatis 27741楼
JAVA 全系列/第一阶段:AI驱动的JAVA编程/JAVA入门和背景知识 27744楼
JAVA 全系列/预科阶段:职业规划/学习方法/JAVA 技术体系介绍和学习方法 27746楼
JAVA 全系列/第六阶段:项目管理与SSM框架/Mybatis 27747楼
JAVA 全系列/第十四阶段:全文检索服务/Spring Data For ElasticSearch 27748楼
JAVA 全系列/第二阶段:JAVA 基础深化和提高/反射技术(旧) 27750楼

课程分类

百战程序员微信公众号

百战程序员微信小程序

©2014-2025百战汇智(北京)科技有限公司 All Rights Reserved 北京亦庄经济开发区科创十四街 赛蒂国际工业园
网站维护:百战汇智(北京)科技有限公司
京公网安备 11011402011233号    京ICP备18060230号-3    营业执照    经营许可证:京B2-20212637