``` <template> <div> <div id="mySidenav" class="sidenav"> <a href="javascript:void(0)" class="closebtn" @click="closeNav()">×</a> <a href="http://localhost:8080">首页</a> <a href="#warning">警告页面</a> <a href="./test.html">机队状态</a> <a href="#repair">拆换情况</a> <a href="#preformance">性能分析</a> <a href="#defect">显性故障</a> <a href="#delay">延误分析</a> <a href="#message">报文故障</a> <a href="http://anav-lt.9cair.com:8000/airnavx/search/text">空客AIRNAVX</a> <!-- 添加 Logo 图片 --> <div class="logo-container_"> <img src="@/assets/logo02.png" alt="Logo" class="logo"> </div> <div class="logo-container"> <img src="@/assets/logo.png" alt="Logo" class="logo"> </div> </div> <div> <span style="font-size:20px;cursor:pointer;color:white" @click="openNav()">☰ 菜单</span> </div> </div> </template> <script> export default { name: 'myMenu', methods: { openNav() { document.getElementById("mySidenav").style.width = "250px"; }, closeNav() { document.getElementById("mySidenav").style.width = "0"; } } } </script> <style lang="less"> .sidenav { height: 100%; width: 0px; position: fixed; z-index: 1; top: 0; left: 0; background-color: rgb(0,136,87); overflow-x: hidden; transition: 0.5s; padding-top: 60px; display: flex; flex-direction: column; justify-content: space-between; } .sidenav a { padding: 8px 8px 8px 32px; text-decoration: none; font-size: 20px; color: #d3d2d2; display: block; font-family: 'Avenir', Helvetica, Arial, sans-serif; transition: 0.3s; } .sidenav a:hover { color: rgb(250,240,3); } .sidenav .closebtn { position: absolute; top: 0; right: 25px; font-size: 36px; margin-left: 50px; } .logo-container_ { margin-top: auto; padding: 10px; text-align: center; background-color: antiquewhite; } .logo-container { margin-top: auto; padding: 10px; text-align: center; /*background-color: antiquewhite;*/ } .logo { width: 200px; height: 100px; } @media screen and (max-height: 450px) { .sidenav {padding-top: 15px;} .sidenav a {font-size: 18px;} } </style>```验证时候浏览器直接访问http://localhost:8080/test.html成功,但是在vue网页应用无法跳转,原因是什么?
相关推荐




look54.php:
<?php
session_start();
require "../db54.php";
if(!isset($_SESSION["username"])) {
header("Location: ../login54.php");
exit;
}
$user = $_SESSION["username"];
?>
<!DOCTYPE html>
<html>
<head>
<title>我的购物车</title>
<style>
table { width: 100%; border-collapse: collapse; }
th, td { padding: 8px; text-align: left; border-bottom: 1px solid #ddd; }
img { max-width: 100px; }
</style>
<script>
function openme(row) {
row.style.backgroundColor = "#FFFFCC";
}
function closeme(row) {
row.style.backgroundColor = (row.rowIndex % 2 == 1 ? "#F0F0F0" : "");
}
function op(button, id) {
// Implement quantity increase/decrease logic
}
function select_all() {
// Implement select all checkboxes
}
function reset_all() {
// Implement reset all checkboxes
}
function delete_all() {
// Implement delete selected items
}
function na() {
return confirm("确定要移除该商品吗?");
}
function op(t,id) {
value=t.value; //按钮上显示的文字
if(value=='+') { //带参数跳转,兼容Google.ie
parent.top.window.location="look54.php?op=add&id="+id;
}
if(value=='-') {
parent.top.window.location="look54.php?op=sub&id="+id;
}
}
</script>
</head>
<body>
我的购物车
<?php
// 显示当前用户信息 - 统一使用username
if(isset($_SESSION['username'])) {
echo "查看购物车 | 当前用户:" . htmlspecialchars($user) . "";
?>
<form name="cartForm" method="post">
选择
商品名称
商品图片
订阅数量
单价
操作
<?php
// 处理"拿掉该商品"超链接删除
if(isset($_GET['id']) && $_GET["op"]=="移除") {
$id = $_GET['id'];
$sql = "DELETE FROM dingdan54 WHERE id = $id";
if($db54->write($sql)) {
echo "<script>alert('拿掉商品成功!')</script>";
} else {
echo "<script>alert('拿掉商品失败!')</script>";
echo "<script>location.href('look54.php')</script>";
}
}
// 处理增减按钮+-操作
if(isset($_GET["op"])) {
$op = $_GET["op"];
$id = $_GET['id'];
// 获取当前数量
$sql = "SELECT * FROM dingdan54 WHERE id = $id";
$result = $db54->read($sql);
if(count($result) > 0) {
$current_num = $result[0]['num'];
if($op == "add") {
$new_num = $current_num + 1;
} elseif($op == "sub" && $current_num > 1) {
$new_num = $current_num - 1;
} else {
$new_num = $current_num;
}
// 更新数量
$update_sql = "UPDATE dingdan54 SET num = $new_num WHERE id = $id";
$db54->write($update_sql);
}
}
// 处理"拿掉选中商品"按钮
if(isset($_GET["str"])) {
$ids = explode("|", trim($_GET["str"], "|"));
foreach($ids as $id) {
if(is_numeric($id)) {
$sql = "DELETE FROM dingdan54 WHERE id = $id";
$db54->write($sql);
}
}
echo "<script>alert('拿掉商品成功!')</script>";
echo "<script>location.href('look54.php')</script>";
}
// 显示购物车
$cart_sql = "SELECT dingdan54.id AS id, sp54.name AS name, sp54.photo AS photo, SUM(dingdan54.num)
AS total_num, sp54.money AS money FROM sp54
JOIN dingdan54 ON sp54.id = dingdan54.sp_id
WHERE sp54.id = dingdan54.sp_id AND dingdan54.user = '$user' AND dingdan54.flag = 0
GROUP BY sp54.id, sp54.name, sp54.photo, sp54.money";
$cart_result = $db54->read($cart_sql);
$n = count($cart_result);
if ($n == 0) {
echo "购物车是空的! ";
}else{
for ($i = 0; $i < $n; $i++) {
$item = $cart_result[$i];
echo "";
echo "<input type='checkbox' name='flag' value='{$item['id']}'> ";
echo "{$item['name']} ";
echo "![]()
";
echo "<input type='button' name='enter' value='-' onclick='op(this, {$item['id']})'>
<input type='text' name='num{$item['id']}' readonly size='3'
style='text-align:center' value='{$item['total_num']}'>
<input type='button' name='enter' value='+' onclick='op(this, {$item['id']})'> ";
echo "{$item['money']}元 ";
echo "
移除该商品 ";
echo " ";
}
}
?>
<input type="button" name="enter" value="全选" onclick="select_all()">
<input type="button" name="enter" value="全部取消" onclick="reset_all()">
<input type="button" name="enter" value="删除选中商品" onclick="delete_all()">
<?php
$total_sql = "SELECT sp54.money AS money, dingdan54.num AS num
FROM sp54, dingdan54
WHERE sp54.id = dingdan54.sp_id AND dingdan54.user = '$user'
AND dingdan54.flag = 0";
$total_result = $db54->read($total_sql);
$sum = 0;
foreach ($total_result as $item) {
$sum += $item["money"] * $item["num"];
}
echo "应付金额:¥";
echo $sum . " 元";
echo " | 去付款";
?>
</form>
继续购物
<?php } ?>
</body>
</html>
l54.php:
<?php
include('../db54.php');
session_start();
$user_id=$_SESSION["id"]?? 0;
$sql="select * from user54 where id='$user_id'";
$result=$db54->read($sql);
$username=$result[0]["username"];
?>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>信安28班54何雨霏PHP实训</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="robots" content="all,follow">
</head>
<body>
Nathan AndrewsWeb Developer
BD
Main
何雨霏的留言板
实训页面1
实训页面2
实训页面3
Example dropdown
admin
查看购物车
后台管理
Login page
Demo
6 New
Second menu
admin
查看购物车
后台管理
<?php
?>
信安28班54何雨霏PHP实训 <?php echo $username; ?>
12
You have 6 new messages
4 minutes ago
You have 2 followers
4 minutes ago
Server Rebooted
4 minutes ago
You have 2 followers
10 minutes ago
view all notifications
10
Jason Doesent you a direct message3 days ago at 7:58 pm - 10.06.2019
Frank Williamssent you a direct message3 days ago at 7:58 pm - 10.06.2019
Ashley Woodsent you a direct message3 days ago at 7:58 pm - 10.06.2019
Read all messages
English
German
French
Logout
<?php require "daohang54.php"; ?>
<?php require "look54.php"; ?>
<script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script>
<script src="vendor/popper.js/umd/popper.min.js"> </script>
<script src="https://www.jq22.com/jquery/bootstrap-4.2.1.js"></script>
<script src="js/grasp_mobile_progress_circle-1.0.0.min.js"></script>
<script src="vendor/jquery.cookie/jquery.cookie.js"> </script>
<script src="vendor/chart.js/Chart.min.js"></script>
<script src="vendor/jquery-validation/jquery.validate.min.js"></script>
<script src="vendor/malihu-custom-scrollbar-plugin/jquery.mCustomScrollbar.concat.min.js"></script>
<script src="js/charts-home.js"></script>
<script src="js/front.js"></script>
</body>
</html>
页面能显示look54的内容,不能显示l54的框架














