ECTouch404页面设置

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

  • 关闭调试模式
修改根目录include路径下的Convention.php文件,如图所示,图2编辑此页面在第24行找到:'DEBUG' => true,将其修改为'DEBUG' => false,
  • 设置404文件目录和名称
修改根目录include路径下的Common.php文件,如图所示,图3编辑此页面在再第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,输入一个错误路径,返回的错误页面如图所示,图4访问者可以到回首页或者继续搜索商品。

本文地址:https://www.gaosudu.com/ectouch/26116.html