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

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

后台面板

图标

目前桌面的图标按钮支持 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 中修改管理密码。

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