最近很多到访我网站的朋友，表示对我的个人主页这个仿电脑桌面的模板非常感兴趣，希望我可以分享给他们。

其实这也压根不是什么模板，只是我做的一个单页而已，如果想的话随随便便就能扒下来。不过碍于很多朋友不会操作，于是我抽空把这个单页剥离了出来，并且临时搭配了一个简易的后台管理面板，更加方便使用。

图标

目前桌面的图标按钮支持 4 种加载方式：

AJAX加载

通过ajax加载指定的页面，因为主页模板的主体框架是基于MDUI1.0搭建的，所以加载的页面内可以使用所有的MDUI1.0的组件代码。另外在加载完成后，会自动解析加载页面内的JS代码，需要使用标签包裹。
这样就可以在加载完页面后执行指定的JS代码：

<div id="links-list"></div>
<script type="text/javascript">
    getLinks();
</script>

iframe嵌套页面

将目标页面嵌套进当前的窗口。可以在自定义JS内写入监听 message 的代码，这样就可以和嵌套的子页面通信。

function执行函数

比如桌面的【关机】按钮，选择类型为Function，链接地址填写 shutdown，在桌面点击时就会执行这个函数。自定义的函数也可以写入后台设置的自定义JS内统一维护。

target跳转

在新窗口打开目标链接。如果想要多个链接随机跳转，可以在多个链接之间使用 | 来分隔。

友链&&留言

友情链接目前仅支持手动录入，可以在页面通过 getLinks() 进行调用。
如果配置了邮箱信息，当收到新的留言时将会通过邮件通知，也可以在后台进行邮件回复。

照片&&壁纸

在移动端设备访问页面时，用户可以点击右下角【相机】进行拍照并保存，可以在后台删除。如果配置了邮件服务器信息和通知邮箱地址，当用户拍照上传时，可以接收到邮件通知。
默认壁纸是Bing每日图片，可以在 index.php 内的 window.Config 中修改。

邮箱配置

在后台右上角的设置、邮件栏目可以设置邮箱相关的信息，只有配置了正确的信息，才可以接收到通知邮件。
通知邮件模板支持自定义。

管理面板新增内容

比如你需要新增一个上传文件的页面，可以在 dashboard/tab 文件夹内新建文件 upload.php：

<? //最好验证一下token避免外部引用
require_once('../../config.php');
$token = isset($_SERVER['HTTP_X_TOKEN']) ? $_SERVER['HTTP_X_TOKEN'] : '';
if(!verify_token($token)) exit;
// 你的代码
?>

然后在 dashboard/index.php 中的 getTabTitle 新增一行

'upload' => '上传文件'

即可。

统计

默认引入了 busuanzi.cc 统计代码，不需要直接删除即可。

体验&&下载

主页：https://test.s17.cn
管理面板：https://test.s17.cn/dashboard
默认密码：123456

有需要的朋友可以前往下载：

下载地址：https://files.s17.cn/_uploads/share/s17_1_0.zip
解压上传至服务器之后，需要在 config.php 中修改管理密码。

感觉仍然还有很多问题，不过有朋友需要就先分享出来吧，有什么问题和建议也可以告知 ~