新闻中心

ECTouch404页面设置

作者 / 无忧主机时间 2018-01-10 20:26:33

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

关闭调试模式

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

编辑此页面在第24行找到： 'DEBUG' => true,将其修改为'DEBUG' => false,

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

编辑此页面在再第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，输入一个错误路径，返回的错误页面如图所示，