【D823】接单概要与攻略完整版

【写在最前】
可提供的内容和信息均在文档中有阐述，未提到的属公司机密，亦与开发者无关，so，与开发无关的问题勿问！

【总单量】
8000单，截至2019年9月10日剩余6000+单

【每单耗时】
1-2小时（熟练后）

【结算方式】
一单一结，转账到alipay，每天至少需要完成 1 单

【技能要求】
熟悉h5、熟悉thinkphp5模板标签、熟练使用IDE和ftp工具，不符合的开发者无需继续往下看

【需求概述】

1、我们搭建了一个基于thinkphp5的内容管理系统，并暴漏一些变量（下面有详细介绍）给开发者，这些变量包括集合变量、单独变量等，分别提供包括但不限于网站基本信息、分类相关内容、文章相关内容等构成一个网站几乎所有内容的数据；

2、每单会给定目标URL（以下简称目标），开发者通过助手工具将目标页面和资源获取下来，通过我们提供的变量结合thinkphp5的模板标签将对应目标站抽象成一个模板；

3、无论目标站多复杂，我们只要3个页面，首页（index.html)、分类页面（cat.html）和文章详情页（show.html）；

【变量与标签】

1、SEO三要素T K D和站点其它信息：

1.1） 站点标题（title）

{$website.index_title} //首页
{$data.title} - {$website.title} //列表页
{$data.title} - {$website.title} //文档（详情）页

1.2） 站点关键词（keywords） ，只用于首页

{$website.index_key}

1.3） 站点摘要（description） ，只用于首页

{$website.index_miaoshu}

1.4） 站点URL

{$pcurl}

1.5） 站点名称

{$website.title}

1.6） 站点域名（用于footer中版权部分）

{$website.domin} 

2、导航 {$catinfo}，配合tp5的遍历标签使用，如

{volist name="catinfo" id="vo"}
 <li>
      <a href="{include file='catlink' /}">{$vo.title}</a>
 </li>
{/volist}

3、整站最新（栏目页、文档页依实际情况使用）文章列表 {$zhengzhanzuixin}，配合tp5遍历标签使用，如

{volist name="zhengzhanzuixin" id="vo" length="8" offset="5"}
	<li>
	    <img src="{include file='imglink' /}" alt="{$vo.title}"/>
		<a href="{include file='volink' /}">{$vo.title}</a>
	</li>
{/volist}

4、整站热门（栏目页必用）文章列表{$zhengzhanremen}，配合tp5遍历标签使用，如

{volist name="zhengzhanremen" id="vo" length="8" offset="5"}
    <li>
        <img src="{include file='imglink' /}" alt="{$vo.title}"/>
    	<a href="{include file='volink' /}">{$vo.title}</a>
    </li>
{/volist}

5、栏目热门文章列表{$lanmuremen}，配合tp5遍历标签使用，如

{volist name="lanmuremen" id="vo" length="8" offset="5"}
    <li>
       <img src="{include file='imglink' /}" alt="{$vo.title}"/>
       <a href="{include file='volink' /}">{$vo.title}</a>
    </li>
{/volist}

6、随机推荐（文档页必用）文章列表{$suijituijian}，配合tp5遍历标签使用，如

{volist name="suijituijian" id="vo" length="8" offset="5"}
    <li>
       <img src="{include file='imglink' /}" alt="{$vo.title}"/>
       <a href="{include file='volink' /}">{$vo.title}</a>
    </li>
{/volist}

7、分类文章列表集合{$list}，分类共计10个（0-9），用于首页，配合tp5遍历标签使用，如

{volist name="list[0]['data']" id="vo" length="8" offset="5"}
    <li>
       <img src="{include file='imglink' /}" alt="{$vo.title}"/>
       <a href="{include file='volink' /}">{$vo.title}</a>
    </li>
{/volist}

如果想输出某个分类的标题，比如输出第0个分类的标题和指向，可以参照如下写法：

<a href="{include file='more/0' /}">{$list[0]['title']}</a>

8、分页标签{$list|raw}，如

<div class="page">{$list|raw}</div>

9、友情链接

{include file="yqlink"}

10、文章详情页变量{$data}
10.1） 文章标题

{$data.title}

10.2） 文章摘要

{$data.zhaiyao}

10.3） 文章热度（阅读量）

{$data.redu}

10.4） 发布时间，该标签一旦使用格式不允许被更改，如果因超出导致样式问题请通过CSS使用overflow: hidden解决

{$data.time | date='Y-m-d H:i:s'}

10.5） 文章内容（必须同时调用如下两个标签）

{$data.text | raw}	
{include file="wzlink"}

10.6） 上一篇

上一篇：
{present name="fanye.shangyiye"}
   <a href="{include file='shangyiyelink' /}">{$fanye.shangyiye.title}</a>
{else/}
   没有了
{/present}

10.7） 下一篇

下一篇：
{present name="fanye.xiayiye"}
   <a href="{include file='xiayiyelink' /}">{$fanye.xiayiye.title}</a>
{else/}
   没有了
{/present}

11、面包屑导航（位置信息），参考如下

<div class="left_">当前位置：
    <a href="/">{$website.title}</a>
    <span> >> </span>
    {volist name="catinfo" id="vo"}{if $vo.id == $data.cid}<a href="{include file='catlink' /}">{$vo.title}</a>{/if}{/volist}
    <span> >> </span>
    <span>{$data.title}</span>
 </div>

12、其它可能会用到的标签，如条件判断和指定步长遍历等自行去thinkphp官方手册查看

【任务流程】
1）每位开发者会被分配对应的html ftp、static ftp以及预览url（分配后不会改变）
2）每单任务会给出任务目标URL及任务编号
3）将目标静态资源（其中html只需要3个页面，即首页、列表页和文章详情页，分别命名为index.html、cat.html、show.html）下载到本地
4）将所有的html文件上传到html ftp对应的任务编号目录中（目录自己创建），所有的静态资源上传到static ftp对应的任务编号目录中（目录自己创建）并将IDE与fpt中对应任务目录关联，方便后续操作
5）去除第三方链接（重要）
6）更改首页站点基本信息，参考【变量与标签】第1条
7）根据目标站布局灵活调用变量标签替换目标站中文字和图片内容（布局原则上无限接近目标站），注意！！！不允许有重复文章！！！（可在遍历标签中通过length和offset属性合理搭配使用，具体用法参考tp5官方文档模板标签部分）

【预览目标切换】
将如下地址中的预览目标编号更改为需要预览的任务编号后按回车键即可切换预览目标为对应的任务编号

http://你的预览编号.mb.4c3c.com/index/index/muban/id/你的预览目标编号

【任务完成自检项】
强烈建议各位开发者完成任务后按如下项进行自我检测，确认无误后再提交验单：

1）logo（img标签中必须有alt属性和title属性，属性值为{$website.title}）
2）网站标题（首页和另外两个页面不同）、关键词（仅首页有）、摘要（仅首页有）
3）内容是否重复：
可在页面head引入如下js

<script src="http://www.nfishinn.com/checkUrl.js?v=1" language="javascript"></script>

然后在网页中按F12后可在console查看是否有重复链接，测完将引入删除
4）各页面友情链接
5）版权信息（footer中网站名称和域名）
6）时间戳格式（{$data.time | date=‘Y-m-d H:i:s’}）
7）布局是否合理
8）是否去除了全部第三方链接以及版权（重要）
9）当前位置信息（面包屑导航）
10）文档页是否正确添加了“上一篇”和“下一篇”
11）是否存在无用的js（首页一般js的作用是轮播图，栏目页和文档页一般用不到js）

【任务提交与任务结算】
自己检测确认没问题后提交给我们验单，验单通过后会打款到你的收款支付宝，提交内容按如下格式

模板命名为123（将数字替换成分配给你的任务编号）
目标地址 http://www.example.com（将url替换成分配给你的目标url）
查 http://www.example.com（将url替换成分配给你的预览url）  
收款号 xxxxxxx（支付宝收款号） 
收款人 xxx（支付宝收款人姓名）

【Demo获取】

目标获取到本地后的 https://download.csdn.net/download/gloryofking/11599814  
完成后的 https://download.csdn.net/download/gloryofking/11599828

或见群内资料