404是一种常见错误网页,当输入了错误的路径或网页丢失都会跳转到404页面,404页面通常会带有网站中重要的部分,比如在访问百度是输入了一个错误的链接,会提示页面不存在,而页面中依然保留了搜索功能,这样就不会降低用户的体验度。ECTouch程序用php空间建站的通常可以使用.htaccess文件去定义404,不过ECTouch程序内置了定义404的功能,而且对服务器环境不挑剔,下面无忧主机小编为大家分享ECTouch设置404页面的教程。

  • 关闭调试模式

修改根目录include路径下的Convention.php文件,如图所示,

图23 ECTouch404页面设置

编辑此页面在第24行找到:

‘DEBUG’ => true,将其修改为’DEBUG’ => false,

  • 设置404文件目录和名称

修改根目录include路径下的Common.php文件,如图所示,

图33 ECTouch404页面设置

编辑此页面在再第980行找到function E()函数,

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

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

//exit($msg);

include(ROOT_PATH. '404.html');

exit();

}

其中404.html表示错误页面的名称,文件当前路径是ECTouch的根目录下,可以根据自己的情况修改目录和文件名称。这里以默认的路径和文件名称为例。

  • 自定义404页面并上传到ECTouch根目录

因为ECTouch是移动端程序,所以需要设置自适应屏幕页面,页面内容包

  • 提示页面内容不存在
  • 可以返回到首页
  • 可以继续搜索商品

代码如下

<!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;}

/* 图片大小自适应手机屏幕*/

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

/* 字体大小自适应,不要用固定px*/

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

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

/* 实现文字自动换行 */

.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="请输入搜索商品关键词!" id="keywordBox">

</span>

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

</div>

</form>

</div>

</div>

</body>

</html>

将代码保存到404.html文件中,用二进制方式上传到ECTouch根目录。如果会出现乱码,可以将第四行的charset改为gbk或utf-8,输入一个错误路径,返回的错误页面如图所示,

图41 ECTouch404页面设置

访问者可以到回首页或者继续搜索商品。

本文地址:http://www.51php.com/ectouch/26116.html

喜欢本文或觉得本文对您有帮助,请分享给您的朋友 ^_^

阅读本文的人还阅读: