代码拉取完成，页面将自动刷新
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<link rel="stylesheet" type="text/css" href="css/animate.css"/>
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
<link rel="stylesheet" type="text/css" href="css/css.css"/>
<link rel="stylesheet" type="text/css" href="css/cates.css"/>
<script src="js/jquery-1.10.2.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/jquery.superslide.2.1.1.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<a class="navbar-brand" href="#"><img src="img/book.png" 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 bt">
<li>图书商城管理系统</li>
</ul>
<ul class="navbar-nav navbar-light">
<li class="nav-item"><button class="btn btn-info" type="button" style="margin-left: 5px" data-toggle="modal" ><a href="personnal.html">个人中心</a></button>
</li>
<li class="nav-item">
<button class="btn btn-info" type="button" style="margin-left: 5px" data-toggle="modal" data-target="#login">登录</button>
</li>
<li class="nav-item">
<button class="btn btn-success" type="button" style="margin-left: 5px" data-toggle="modal" data-target="#register">注册</button>
</li>
</ul>
</div>
</nav>
<header class="userList">
</header>
<nav>
<div class="innerBox">
<ul id="nav-ul">
<li ><a href="index.html">首页</a></li>
<li><a href="cates.html">名人励志</a></li>
<li><a href="dianqi.html">经典名著</a></li>
<li class="active"><a href="wenju.html">儿童绘本</a></li>
<li><a href="valuation.html">估价咨询</a></li>
</li>
</ul>
</div>
</nav>
<div class="container">
<div class="innerBox cateBox">
<div class="left leftBox">
<div class="cateList">
<div class="titles cateTitle">
文具分类
</div>
<div class="cates">
<ul>
<li><a href="#" class="active">名人励志</a></li>
<li><a href="#">经典名著</a></li>
<li><a href="#">儿童绘本</a></li>
<li><a href="#">历史</a></li>
</ul>
</div>
</div>
<div class="cateList recentList">
<div class="titles cateTitle">
最近浏览
</div>
<div class="recent">
<ul>
<li>
<div class="recentImg left">
<a href="#"><img src="img/71只绵羊.jpg"/></a>
</div>
<div class=" recentTitle right">
<p><a href="#">71只绵羊</a></p>
<p><span class="price">￥10</span></p>
</div>
</li>
<li>
<div class="recentImg left">
<a href="#"><img src="img/小鳄鱼看牙医.jpg"/></a>
</div>
<div class="recentTitle right">
<p><a href="#">小鳄鱼看牙医</a></p>
<p><span>￥10</span></p>
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="right rightBox">
<div class="overflowBox">
<div class="left today">
<div class="titles todayTitle">
今日上新
</div>
<div class="todayBox">
<div class="todayGoods">
<div class="todayimg">
<a href="#"><img src="img/一只奇怪的蛋.jpg"/></a>
</div>
<div class="todayTitle">
<p><a href="#">一只奇怪的蛋</a></p>
<p><span>￥10</span></p>
</div>
</div>
<div class="todayGoods">
<div class="todayimg">
<a href="#"><img src="img/小鳄鱼看牙医.jpg"></a>
</div>
<div class="todayTitle">
<p><a href="#">小鳄鱼看牙医</a></p>
<p><span>￥10</span></p>
</div>
</div>
<div class="todayGoods">
<div class="todayimg">
<a href="#"><img src="img/71只绵羊.jpg"/></a>
</div>
<div class="todayTitle">
<p><a href="#">71只绵羊</a></p>
<p><span>￥10</span></p>
</div>
</div>
<div class="todayGoods">
<div class="todayimg">
<a href="#"><img src="img/面包学.jpg"/></a>
</div>
<div class="todayTitle">
<p><a href="#">面包学</a></p>
<p><span>￥10</span></p>
</div>
</div>
<div class="todayGoods">
<div class="todayimg">
<a href="#"><img src="img/71只绵羊.jpg"/></a>
</div>
<div class="todayTitle">
<p><a href="#">71只绵羊</a></p>
<p><span>￥10</span></p>
</div>
</div>
<div class="todayGoods">
<div class="todayimg">
<a href="#"><img src="img/面包学.jpg"/></a>
</div>
<div class="todayTitle">
<p><a href="#">面包学</a></p>
<p><span>￥10</span></p>
</div>
</div>
<div class="todayGoods">
<div class="todayimg">
<a href="#"><img src="img/小鳄鱼看牙医.jpg"></a>
</div>
<div class="todayTitle">
<p><a href="#">小鳄鱼看牙医</a></p>
<p><span>￥10</span></p>
</div>
</div>
<div class="todayGoods">
<div class="todayimg">
<a href="#"><img src="img/一只奇怪的蛋.jpg"/></a>
</div>
<div class="todayTitle">
<p><a href="#">一只奇怪的蛋</a></p>
<p><span>￥10</span></p>
</div>
</div>
</div>
</div>
<div class="right news">
<div class="titles newsTitle">
今日动态
</div>
<div class="newsBox">
<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 class="hot">
<div class="titles hotTitle">
热点推荐
</div>
<div class="hotBox">
<div class="todayGoods">
<div class="todayimg">
<a href="#"><img src="img/一只奇怪的蛋.jpg"/></a>
</div>
<div class="todayTitle">
<p><a href="#">一只奇怪的蛋</a></p>
<p><span>￥10</span></p>
</div>
</div>
<div class="todayGoods">
<div class="todayimg">
<a href="#"><img src="img/小鳄鱼看牙医.jpg"></a>
</div>
<div class="todayTitle">
<p><a href="#">小鳄鱼看牙医</a></p>
<p><span>￥10</span></p>
</div>
</div>
<div class="todayGoods">
<div class="todayimg">
<a href="#"><img src="img/71只绵羊.jpg"/></a>
</div>
<div class="todayTitle">
<p><a href="#">71只绵羊</a></p>
<p><span>￥10</span></p>
</div>
</div>
<div class="todayGoods">
<div class="todayimg">
<a href="#"><img src="img/面包学.jpg"/></a>
</div>
<div class="todayTitle">
<p><a href="#">面包学</a></p>
<p><span>￥10</span></p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row div_row_yxy" style="background:#d6d8d9;padding-top: 40px;padding-bottom: 40px;">
<div class="col-12 text-center">
<h3 class="display-8" style="color:red">图书商城管理系统</h3>
<div class="a" style="color: #6c757d;">
<span>关于我们</span><span class="copyright_split">|</span>
<span>联系我们</span><span class="copyright_split">|</span>
<span>联系客服</span><span class="copyright_split">|</span>
<span>合作招商</span><span class="copyright_split">|</span>
<span>商家帮助</span><span class="copyright_split">|</span>
<span>营销中心</span>
<p class="" style="margin-top: 15px">前置审批备案号: 川教GX-20120046</p>
<p class="">Copyright © 2022 yxy All rights reserved</p>
</div>
</div>
</div>
<!--尾部结束-->
<div class="modal fade" id="register" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">用户注册</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<form>
<div class="form-group row">
<label for="inputPassword" class="col-sm-2 col-form-label">用户名</label>
<div class="col-sm-10">
<input type="text" class="form-control" id="inputusername">
</div>
</div>
<div class="form-group row">
<label for="inputPassword" class="col-sm-2 col-form-label">密码</label>
<div class="col-sm-10">
<input type="password" class="form-control" id="inputPassword">
</div>
</div>
<div class="form-group row">
<label for="inputPassword" class="col-sm-2 col-form-label">确认密码</label>
<div class="col-sm-10">
<input type="password" class="form-control" id="inputConfirmPassword">
</div>
</div>
<div class="form-group row">
<label for="inputPassword" class="col-sm-2 col-form-label">年龄</label>
<div class="col-sm-10">
<input type="text" class="form-control" id="inputAge">
</div>
</div>
<div class="form-group row">
<label for="inputPassword" class="col-sm-2 col-form-label">性别</label>
<div class="col-sm-10">
<input type="text" class="form-control" id="inputSex">
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
<button type="button" class="btn btn-primary">提交</button>
</div>
</form>
</div>
</div>
</div>
</div>
<!--注册结束-->
<!--登录开始-->
<div class="modal fade" id="login" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" >用户登录</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<form>
<div class="form-group row">
<label for="inputPassword" class="col-sm-2 col-form-label">用户名</label>
<div class="col-sm-10">
<input type="text" class="form-control" id="inputusername_1">
</div>
</div>
<div class="form-group row">
<label for="inputPassword" class="col-sm-2 col-form-label">密码</label>
<div class="col-sm-10">
<input type="password" class="form-control" id="inputPassword_2">
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
<button type="button" class="btn btn-primary">提交</button>
</div>
</form>
</div>
</div>
</div>
</div>
</body>
<script src="js/jquery-1.10.2.min.js" type="text/javascript" charset="utf-8"></script>
</html>
此处可能存在不合适展示的内容，页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容，可点击提交进行申诉，我们将尽快为您处理。
马建仓 AI 助手
