css沒有在perl cgi腳本中應用
[英]css not being applied in perl cgi script
問題描述
我正在使用Xampp測試我的perl cgi腳本。 當我打開cgi腳本時，css似乎不適用於該頁面。 我已經在html文件中嘗試了完全相同的代碼，並且工作正常，這表明html鏈接到了找到CSS的正確位置。
$self->{content}=<<HTML;
<!DOCTYPE html>
<html>
<head>
<title>$title</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Bootstrap -->
<link href="../css/bootstrap.min.css" rel="stylesheet" media="screen">
<link href="../css/additional.css" rel="stylesheet" media="screen">
<script src="http://code.jquery.com/jquery.js"></script>
<script src="../js/bootstrap.min.js"></script>
</head>
<body>
<div class="navbar">
<div class="navbar-inner">
<a class="brand" >Bridge : $env </a>
<ul class="nav">
<li><a href="#"><i class="icon-upload"></i>upload</a></li>
<li><a href="#"><i class="icon-search"></i>Search</a></li>
<li><a href="#"><i class="icon-cog"></i>Admin</a></li>
</ul>
</div>
</div>
<div class="container">
...
</div>
</body>
</html>
HTML
2 個解決方案
解決方案1
5 已采納 2013-06-18 08:30:54
本地主機/xampp/cgi-bin/web/css/bootstrap.min.css
您的Web服務器可能已配置為將cgi-bin中的所有內容都視為可執行文件。
CSS不是服務器可以解釋的編程語言，因此當您嘗試加載CSS時，它可能會提供500錯誤。
不要在cgi-bin保留靜態資源。
解決方案2
-1 2013-08-02 04:35:01
也許可以使用http連接進行測試：類似於： <link rel="stylesheet" href="http://192.168.0.32/bootstrap/css/bootstrap.min.css" media="screen">這是我的腳本（非常臟）：
#!/usr/bin/perl
use CGI qw(:standard);
print header;
print_hdetails();
print"<body data-spy=\"scroll\" data-target=\"\.bs-docs-sidebar\">\n";
print_navbar();
print_headerofpage();
print_mysidebar();
print_mybodycontent();
print end_html;
sub print_hdetails{
print <<FORMULE;
<!DOCTYPE html>
<html>
<head>
<base href="http://192.168.0.32/cgi-bin/"><!--[if lte IE 6]></base><![endif]-->
<title>bootstrapstyle page</title>
<meta charset="utf-8">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<!-- for Bootstrap -->
<script type="text/javascript" src="http://192.168.0.32/bootstrap/jquery/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="http://192.168.0.32/bootstrap/js/bootstrap.min.js"></script>
<link href="http://192.168.0.32/bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen">
<!--link href="http://192.168.0.32/silverstripe/themes/bootstrap/css/myadded.css" rel="stylesheet" media="screen"-->
<!--link rel="shortcut icon" href="http://192.168.0.32/silverstripe/themes/bootstrap/images/favicon.ico" /-->
<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!--link rel="stylesheet" type="text/css" href="themes/bootstrap/css/form.css?m=1373645318" /-->
</head>
FORMULE
}
sub print_headerofpage {
print <<CONTENT;
<header class="jumbotron subhead" id="overview">
<div class="container">
<p>
<h2>bonjour!</h2><br>
</p>
</div>
</header>
CONTENT
}
sub print_mysidebar{
print <<MYSIDEBAR;
<div class="container">
<div class="row-fluid">
<div class="span2">
<h6>Sidebar content</h6>
<p>
class=span2
</p>
<ul class="nav nav-list bs-docs-sidenav">
<li><a href="#components"><i class="icon-chevron-right"></i> 1. Choose components</a></li>
<li><a href="#plugins"><i class="icon-chevron-right"></i> 2. Select jQuery plugins</a></li>
<li><a href="#variables"><i class="icon-chevron-right"></i> 3. Customize variables</a></li>
<li><a href="#download"><i class="icon-chevron-right"></i> 4. Download</a></li>
</ul>
</div>
MYSIDEBAR
}
sub print_mybodycontent{
print <<MYBODYCONTENT;
<div class="span10">
<h1>Hello, world! </h1>
<p>
ici c'est le body content class=span10
</p>
<p>
<h4>Le sourire, il fait plaisir a ceux qui vous aiment. Il emmerde ceux qui vous detestent. </h4>
</p>
</div>
MYBODYCONTENT
}
sub print_navbar {
print <<LANAVBAR;
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="brand" href="./index.html">Bootstrap</a>
<div class="nav-collapse collapse">
<ul class="nav">
<li class="">
<a href="./index.html">Home</a>
</li>
<li class="">
<a href="./getting-started.html">Get started</a>
</li>
<li class="">
<a href="./scaffolding.html">Scaffolding</a>
</li>
<li class="">
<a href="./base-css.html">Base CSS</a>
</li>
<li class="">
<a href="./components.html">Components</a>
</li>
<li class="">
<a href="./javascript.html">JavaScript</a>
</li>
<li class="active">
<a href="./customize.html">Customize</a>
</li>
</ul>
</div>
</div>
</div>
</div>
LANAVBAR
}
這個對我有用。
未在 CGI 腳本中應用 CSS
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.