技术栈 

UI：Photoshop 

前端：HTML5、CSS3、JavaScript，后台用的光年框架，前台主要用的Maria M. Muñoz的拟态组件，还有部分插件都在下面 

后端：PHP，thinkphp6

安装教程

1：PHP版本>7.1即可

2：设置public文件夹为运行目录

3：设置伪静态

location / { if (!-e $request_filename){
        rewrite  ^(.*)$  /index.php?s=$1  last; break;
    }
}

4：开启exec函数 (默认是禁用的) ，用来获取CPU和内存状态【稳定云用户可忽略】 

 5：在路径\config\database.php的文件 填写数据库名、数据库用户名、数据库密码 

 6：导入数据库文件 xiaofeng.sql 

 后台路径：http://域名/admin/login 

账号：admin

密码：123456

音乐播放器地址：music.xfyun.club

视频教程：https://www.bilibili.com/video/BV11Y4y1g7pT/

开源地址：https://gitee.com/xfwlclub/nitai4 

关于插件

• 如果哪天某个插件失效了，咱们可以尝试把插件库存放到自己的云储存/服务器里面（不建议存放本地） 

•  jQuery中文官网：https://www.jquery123.com
• axios中文官网：http://www.axios-js.com dayjs
• 中文官网：https://dayjs.fenxianglu.cn
• sweetalert官网：https://sweetalert.js.org
• dark-mode GitHub：https://github.com/jakejarvis/dark-mode （这个插件需要部署nodejs）
• 天气API用的是：https://api.vvhan.com/api/weather
• Maria M. Muñoz的拟态组件：https://codepen.io/myacode/pen/PoqQQNM

------本页内容已结束，喜欢请分享------

感谢您的来访，获取更多精彩文章请收藏本站。