Heim > php教程 > PHP开发 > Eine einfache Möglichkeit, mit thinkphp eine 404-Sprungseite zu erstellen

Eine einfache Möglichkeit, mit thinkphp eine 404-Sprungseite zu erstellen

高洛峰
Freigeben: 2016-12-21 16:30:58
Original
1812 Leute haben es durchsucht

Im Internet gibt es viele Methoden zum Erstellen von thinkphp 404-Seiten, aber die meisten davon sind zu umständlich, unpraktisch und nervig, daher werde ich Ihnen im Folgenden die bequemste 404-Erstellungsmethode vorstellen.
Fügen Sie Konfigurationselemente zur Konfigurationskonfigurationsdatei im öffentlichen Verzeichnis von thinkphp hinzu:

'TMPL_EXCEPTION_FILE' => 'Public/404.html',
Nach dem Login kopieren

Erstellen Sie 404.html im öffentlichen Ordner mit Folgendem Inhalt

<!DOCTYPE html >
<html>
<head>
<meta charset=utf-8" />
<title>404哟</title>
<style type="text/css">
body {
 background-color: #ECECEC;
 font-family: &#39;Open Sans&#39;, sans-serif;
 font-size: 14px;
 color: #3c3c3c;
}
.demo{width:600px;margin:0 auto;}
.demo p:first-child {
 text-align: center;
 font-family: cursive;
 font-size: 150px;
 font-weight: bold;
 line-height: 100px;
 letter-spacing: 5px;
 color: #fff;
}
 
.demo p:first-child span {
 cursor: pointer;
 text-shadow: 0px 0px 2px #686868,
  0px 1px 1px #ddd,
  0px 2px 1px #d6d6d6,
  0px 3px 1px #ccc,
  0px 4px 1px #c5c5c5,
  0px 5px 1px #c1c1c1,
  0px 6px 1px #bbb,
  0px 7px 1px #777,
  0px 8px 3px rgba(100, 100, 100, 0.4),
  0px 9px 5px rgba(100, 100, 100, 0.1),
  0px 10px 7px rgba(100, 100, 100, 0.15),
  0px 11px 9px rgba(100, 100, 100, 0.2),
  0px 12px 11px rgba(100, 100, 100, 0.25),
  0px 13px 15px rgba(100, 100, 100, 0.3);
 -webkit-transition: all .1s linear;
 transition: all .1s linear;
}
 
.demo p:first-child span:hover {
 text-shadow: 0px 0px 2px #686868,
  0px 1px 1px #fff,
  0px 2px 1px #fff,
  0px 3px 1px #fff,
  0px 4px 1px #fff,
  0px 5px 1px #fff,
  0px 6px 1px #fff,
  0px 7px 1px #777,
  0px 8px 3px #fff,
  0px 9px 5px #fff,
  0px 10px 7px #fff,
  0px 11px 9px #fff,
  0px 12px 11px #fff,
  0px 13px 15px #fff;
 -webkit-transition: all .1s linear;
 transition: all .1s linear;
}
 
.demo p:not(:first-child) {
 text-align: center;
 color: #666;
 font-family: cursive;
 font-size: 20px;
 text-shadow: 0 1px 0 #fff;
 letter-spacing: 1px;
 line-height: 2em;
 margin-top: -50px;
}
 
</style>
<script type="text/javascript"> 
function countDown(secs,surl){ 
  var jumpTo = document.getElementById(&#39;jumpTo&#39;);
  jumpTo.innerHTML=secs;
  if(--secs>0){ 
    setTimeout("countDown("+secs+",&#39;"+surl+"&#39;)",1000); 
   } 
  else{  
    location.href=surl; 
  } 
} 
</script>
</head>
 
<body>
 
<div class="demo">
  <p><span>4</span><span>0</span><span>4</span></p>
  <p>该页面不存在(′?ω?`)<span id="jumpTo">5</span>秒后跳转到首页</p>
</div>
<script type="text/javascript">
  countDown(5,&#39;/&#39;);
</script>
</body>
</html>
Nach dem Login kopieren

Der Statuscode ist natürlich 404, denn thinkphp gibt standardmäßig 404 für Seiten zurück, die nicht existieren. Du bist fertig! Abschließend möchte ich eine Quellcode-Community namens Original Source Code Library empfehlen. Sie ist eine gute Website und kann Ihnen möglicherweise helfen!

Das Obige ist der gesamte Inhalt der einfachen Implementierungsmethode zum Erstellen einer 404-Sprungseite in thinkphp, die Ihnen vom Herausgeber zur Verfügung gestellt wurde. Ich hoffe, dass es für alle hilfreich ist. Bitte unterstützen Sie die chinesische PHP-Website >

Mehr Bitte beachten Sie die chinesische PHP-Website für verwandte Artikel zur einfachen Implementierungsmethode zum Erstellen einer 404-Sprungseite mit Thinkphp!


Verwandte Etiketten:
404
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage