基于bootstrap实现商品管理界面

陆续将做过的东西整理出来，以下是一个基于bootstrap商品管理界面，效果如图：
Bootstrap是Twitter推出的一个用于前端开发的开源工具包,是基于 HTML、CSS、JAVASCRIPT 的,它简洁灵活,使得 Web 开发更加快捷。
Bootstrap官网：https://www.bootcss.com/

数据由后台导入，一页大小固定，数据存放在SQL,后台为eclipse，主要展示前端 代码。

主要代码：

1. html部分

    <!--头部 用于存放导航栏-->
    <header id="my_header">
        <!--导航条-->
        <nav class="navbar navbar-default navbar-static-top nav_show" >
            <div class="container-fluid">
                <!-- 右侧自适应3杠小图标 -->
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand " href="#">首页</a>
                </div>

                <!-- Collect the nav links, forms, and other content for toggling -->
                <div class="collapse navbar-collapse">
                    <ul class="nav navbar-nav">
                        <li><a href="#">商品管理 </a></li>
                        <li><a href="#">订单管理&