核心问题：订单的查询和实现
代码部分：
<!DOCTYPE html>
<html lang="en">
<!-- Basic -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- Mobile Metas -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="viewport" content="initial-scale=1, maximum-scale=1">
<!-- Site Metas -->
<title>个人中心</title>
<meta name="keywords" content="">
<meta name="description" content="">
<meta name="author" content="">
<!-- Site Icons -->
<link rel="shortcut icon" href="../../../../public/static/images/fevicon.ico.png" type="image/x-icon" />
<link rel="apple-touch-icon" href="../../../../public/static/images/apple-touch-icon.png">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="../../../../public/static/css/bootstrap.min.css">
<!-- Site CSS -->
<link rel="stylesheet" href="../../../../public/static/style.css">
<!-- Colors CSS -->
<link rel="stylesheet" href="../../../../public/static/css/colors.css">
<!-- ALL VERSION CSS -->
<link rel="stylesheet" href="../../../../public/static/css/versions.css">
<!-- Responsive CSS -->
<link rel="stylesheet" href="../../../../public/static/css/responsive.css">
<!-- Custom CSS -->
<link rel="stylesheet" href="../../../../public/static/css/custom.css">
<!-- Modernizer for Portfolio -->
<script src="../../../../public/static/js/modernizer.js"></script>
<!-- [if lt IE 9] -->
<script src="../../../../public/static/js/jquery-3.4.1.js" type="text/javascript" charset="utf-8"></script>
</head>
<body class="clinic_version">
<!-- LOADER -->
<div id="preloader">
<img class="preloader" src="../../../../public/static/images/loaders/heart-loading2.gif" alt="">
</div>
<!-- END LOADER -->
<header>
<div class="header-top wow fadeIn">
<div class="container">
<a class="navbar-brand" href="index.html"><img src="../../../../public/static/images/logo.png" alt="image"></a>
<div class="right-header">
<div class="header-info">
<div class="info-inner">
<span class="icontop"><img src="../../../../public/static/images/phone-icon.png" alt="#"></span>
<span class="iconcont"><a href="tel:10086 123456">10086 123456</a></span>
</div>
<div class="info-inner">
<span class="icontop"><i class="fa fa-envelope" aria-hidden="true"></i></span>
<span class="iconcont"><a data-scroll href="mailto:info@yoursite.com">hopeful@qq.com</a></span>
</div>
<div class="info-inner">
<span class="icontop"><i class="fa fa-clock-o" aria-hidden="true"></i></span>
<span class="iconcont"><a data-scroll href="#">上班时间: 7:00am - 8:00pm</a></span>
</div>
</div>
</div>
</div>
</div>
<div class="header-bottom wow fadeIn">
<div class="container">
<nav class="main-menu">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"><i class="fa fa-bars" aria-hidden="true"></i></button>
</div>
<div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li><a class="active" href="{:url(\'index/index\')}">返回首页</a></li>
<li><a data-scroll href="#">修改资料</a></li>
<!--<li><a data-scroll href="#service">项目二</a></li>
<li><a data-scroll href="#doctors">项目三</a></li>
<li><a data-scroll href="#price">项目四</a></li>
<li><a data-scroll href="#testimonials">项目五</a></li>
<li><a data-scroll href="#getintouch">项目六</a></li>-->
</ul>
</div>
</nav>
<div class="serch-bar">
<div class="serb01">
<a href="{:url(\'index/login\')}">请先登陆</a>
<a href="{:url(\'index/sign\')}">欢迎注册</a>
</div>
</div>
</div>
</div>
</header>
<div id="testimonials" class="section wb wow fadeIn" style="background-image: url(../../../../public/static/images/bg-testimonial2.png);">
<div class="container">
<div class="heading">
<span class="icon-logo"><img src="../../../../public/static/images/icon-logo.png" alt="#"></span>
<h2>您的订单</h2>
</div>
<!-- end title -->
<div class="row dev-list text-center" style="height: 600px;">
<table class="table table-striped table-hover" id="tabres" style="">
<tr>
<th style="width: 100%;text-align: center; font-size: 30px;">您还未购买车票</th>
</tr>
</table>
</div>
<!-- end row -->
</div>
<!-- end container -->
</div>
<div class="copyright-area wow fadeIn">
<div class="container">
<div class="row">
<div class="col-md-8">
<div class="footer-text">
<p>河南厚溥科技教育有限公司</p>
</div>
</div>
<div class="col-md-4">
<div class="social">
<ul class="social-links">
<!--<li><a href=""><i class="fa fa-rss"></i></a></li>
<li><a href=""><i class="fa fa-facebook"></i></a></li>
<li><a href=""><i class="fa fa-twitter"></i></a></li>
<li><a href=""><i class="fa fa-google-plus"></i></a></li>
<li><a href=""><i class="fa fa-youtube"></i></a></li>
<li><a href=""><i class="fa fa-pinterest"></i></a></li>-->
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- end copyrights -->
<a href="#testimonials" data-scroll class="dmtop global-radius"><i class="fa fa-angle-up"></i></a>
<!-- all js files -->
<script src="../../../../public/static/js/all.js"></script>
<!-- all plugins -->
<script src="../../../../public/static/js/custom.js"></script>
<?php
if (@$_COOKIE[\'name\']!=null) {
$name = $_COOKIE[\'name\'];
echo "<script>var cstr = \'".$name."\' ;</script>";
} else {
echo "<script>var cstr = null ;</script>";
}
?>
<script type="text/javascript">
$(document).ready(function () {
ifcookie ();
getdingdan ();
})
function ifcookie () {
if (cstr!=null) {
$(".serb01").children().remove();
$(".serb01").append("<a href=\'{:url("index/geren")}\'>"+cstr+"</a>");
$(".serb01").append("<a href=\'{:url("index/deleteCookie")}\'>退出</a>");
}
}
function getdingdan () {
$.ajax({
type:"post",
url:"{:url(\'index/getDingDan\')}",
async:true,
data:{
"username":cstr
},
dataType:"json",
success:function (data) {
if (data!=false) {
$("#tabres").children().remove();
var tr = $("<tr></tr>");
var thcheci = $("<th></th>").text("车次");
var thsheng01 = $("<th></th>").text("出发省");
var thcity01 = $("<th></th>").text("出发市");
var thriqi = $("<th></th>").text("日期");
var thshijian = $("<th></th>").text("时间");
var thsheng02 = $("<th></th>").text("到达省");
var thcity02 = $("<th></th>").text("到达市");
var thtime = $("<th></th>").text("用时");
var thprice = $("<th></th>").text("票价");
var thzhifufangshi = $("<th></th>").text("支付方式");
var thcaozuo = $("<th colspan=\'2\'></th>").text("操作");
var trall = tr.append(thcheci).append(thsheng01).append(thcity01)
.append(thriqi).append(thshijian).append(thsheng02).append(thcity02)
.append(thtime).append(thprice).append(thzhifufangshi).append(thcaozuo);
$("#tabres").append(trall);
for (var i = 0; i < data.length; i++) {
var trtd = $("<tr></tr>");
var tdcheci = $("<th class=\'tdcheci\'></th>").text(data[i][\'busid\']);
var tdsheng01 = $("<th></th>").text(data[i][\'sheng01\']);
var tdcity01 = $("<th></th>").text(data[i][\'city01\']);
var tdriqi = $("<th></th>").text(data[i][\'date\']);
var tdshijian = $("<th></th>").text(data[i][\'time\']);
var tdsheng02 = $("<th></th>").text(data[i][\'sheng02\']);
var tdcity02 = $("<th></th>").text(data[i][\'city02\']);
var tdtime = $("<th></th>").text(data[i][\'subtime\']);
var tdprice = $("<th></th>").text(data[i][\'price\']);
var n = data[i][\'zhifufangshi\'];
if (n==1) {
var tdzhifufangshi = $("<th></th>").text("微信");
}
if (n==2) {
var tdzhifufangshi = $("<th></th>").text("支付宝");
}
var str = "\'"+data[i][\'busid\']+"\',\'"+data[i][\'sheng01\']+"\',\'"+data[i][\'city01\']+"\',\'"+data[i][\'date\']+"\',\'"+data[i][\'time\']+"\',\'"+data[i][\'sheng02\']+"\',\'"+data[i][\'city02\']+"\',\'"+data[i][\'subtime\']+"\',\'"+data[i][\'price\']+"\',\'"+data[i][\'zhifufangshi\']+"\'";
var tdcaozuo1 = $(\'<th><button class="btn btn-primary btn-sm" data-toggle="modal" data-target="#myModal" onclick="gaiqian(\'+str+\')">改签</button></th>\');
var tdcaozuo2 = $(\'<th><button class="btn btn-danger btn-sm" data-toggle="modal" data-target="#myModal" onclick="tuipiao(\'+str+\')">退票</button></th>\');
var tdall = trtd.append(tdcheci).append(tdsheng01).append(tdcity01)
.append(tdriqi).append(tdshijian).append(tdsheng02).append(tdcity02)
.append(tdtime).append(tdprice).append(tdzhifufangshi).append(tdcaozuo1)
.append(tdcaozuo2);
$("#tabres").append(tdall);
}
} else{
$("#tabres").children().remove();
var tr = $("<tr></tr>");
var th = $(\'<th style="width: 100%;text-align: center; font-size: 30px;">您还未购买车票</th>\')
tr.append(th);
$("#tabres").append(tr);
}
}
});
}
</script>
</body>
</html>
解决方案：
后台代码部分：
//跳转个人中心
public function geren()
{
return view(\'geren\');
}
//个人中心 全部的车票订单
public function getDingDan(Request $req)
{
$arr = $req->post();
$sql = "SELECT bustickets.username,bustickets.busid,
bustickets.zhifufangshi,bus.busid,bus.sheng01,
bus.city01,bus.sheng02,bus.city02,bus.date,bus.time,
bus.subtime,bus.price FROM bustickets INNER JOIN bus ON bustickets.busid = bus.busid WHERE bustickets.username=\'".$arr[\'username\']."\'";
$res = Bustickets::query($sql);
if ($res!=null) {
echo json_encode($res);
} else {
$data = 0;
echo json_encode($data);
}
}
燃尽图：