新聞中心

ECTouch404頁面設(shè)置

作者 / 無憂主機時間 2018-01-10 20:26:33

404是一種常見錯誤網(wǎng)頁，當輸入了錯誤的路徑或網(wǎng)頁丟失都會跳轉(zhuǎn)到404頁面，404頁面通常會帶有網(wǎng)站中重要的部分，比如在訪問百度是輸入了一個錯誤的鏈接，會提示頁面不存在，而頁面中依然保留了搜索功能，這樣就不會降低用戶的體驗度。ECTouch程序用php空間建站的通?？梢允褂?htaccess文件去定義404，不過ECTouch程序內(nèi)置了定義404的功能，而且對服務(wù)器環(huán)境不挑剔，下面無憂主機小編為大家分享ECTouch設(shè)置404頁面的教程。

關(guān)閉調(diào)試模式

修改根目錄include路徑下的Convention.php文件，如圖所示，

編輯此頁面在第24行找到： 'DEBUG' => true,將其修改為'DEBUG' => false,

修改根目錄include路徑下的Common.php文件，如圖所示，

編輯此頁面在再第980行找到function E()函數(shù)，

function E($msg, $code = 0) {

//throw new Exception($msg, $code);

//exit($msg);

include(ROOT_PATH. '404.html');

exit();

}

其中404.html表示錯誤頁面的名稱，文件當前路徑是ECTouch的根目錄下，可以根據(jù)自己的情況修改目錄和文件名稱。這里以默認的路徑和文件名稱為例。

自定義404頁面并上傳到ECTouch根目錄

因為ECTouch是移動端程序，所以需要設(shè)置自適應(yīng)屏幕頁面，頁面內(nèi)容包

提示頁面內(nèi)容不存在
可以返回到首頁
可以繼續(xù)搜索商品

代碼如下

<!DOCTYPE html>

<html>

<head>

<meta charset="gb1232">

<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />

<style>

/* 初始化邊框 ?*/

* {padding: 0;margin: 0;border: 0;}

body{ margin:0 auto; font: normal 100% Helvetica, Arial, sans-serif;}

a,a:link,a:active,a:hover,a:visited{color:#069639; text-decoration:none;}

/* 圖片大小自適應(yīng)手機屏幕*/

img {max-width: 100%; width: 100%; height: auto;}

/* 字體大小自適應(yīng)，不要用固定px*/

h1 {font-size: 1.5em; text-align: center;margin-top: 1em;}

h3 {font-size: 1em; text-align: center;margin-top: 1em;}

/* 實現(xiàn)文字自動換行 */

.wrap { table-layout:fixed; white-space:normal; word-break: break-all;word-wrap:break-word; overflow:hidden;height: auto; }

.main { width: 100%;}

.main p{ text-align: center; margin-top: 1em;}

/* 搜索 */

.search { width: 80%; margin: 0 auto;}

.input-search{position:relative; margin-top:0.8em; height:auto; height:3em; overflow:hidden;}

.input-search span{position:absolute; left:0em; right:2.9em;}

.input-search span input{width:100%; height:2.49em; font-size:1.2em; padding:0 0.6em; box-sizing:border-box; border-radius:0; border:1px solid #8d9394; border-radius:0.4em 0 0 0.4em;}

.input-search input{width:3.6em; height:3.7em; display:block; position:absolute; right:0em; border-radius: 0 0.4em 0.4em 0; }

.hot-search{margin-top:0.4em; display:table; width:100%;}

.hot-search p{margin-top:0.5em;}

.hot-search h4{height:1.6em;}

.hot-search a{display:table-cell; float:left; ?padding:0.1em; background:#fff; margin-right:0.6em; margin-bottom:0.6em; border-radius:0.4em;}

</style>

</head>

<body>

<div class="wrap">

<div class="main">

<h3>⊙﹏⊙‖ Oh Sorry!</h3>

<h1>404 Page Not Found...</h1>

<p>你可以 <a href="./">返回首頁</a> 或搜索商品。 ^_^o~ 努力！</p>

</div>

<div class="search" >

<form action="../mobile/index.php?m=default&c=category&a=index" ?method="post" id="searchForm" name="searchForm">

<div class="input-search">

<span>

<input name="keywords" type="search" placeholder="請輸入搜索商品關(guān)鍵詞！" id="keywordBox">

</span>

<input type="submit" value="搜索" onclick="return check('keywordBox')">

</div>

</form>

</div>

</div>

</body>

</html>

將代碼保存到404.html文件中，用二進制方式上傳到ECTouch根目錄。如果會出現(xiàn)亂碼，可以將第四行的charset改為gbk或utf-8，輸入一個錯誤路徑，返回的錯誤頁面如圖所示，