视频演示

演示了本后台的使用方法，并添加一些AI生成的前端小工具进行测试。

概述

这个后台是一个简单的基于 PHP 的web项目管理系统，它允许用户创建、编辑、保存和删除服务器上的web项目。每个项目都由一个文件夹表示，包含 HTML、CSS、JavaScript 和 PHP 文件，并且可以为每个项目设置一个可读的名称。此外，它还支持通过拖放对项目列表进行排序，并提供了日夜间模式切换以及全屏编辑功能，方便用户进行代码管理。

截图

特色

这个后台管理系统具有以下特色：

• 全面的项目管理： 支持您新建、编辑、保存和删除项目，每个项目都对应一个独立的文件夹，方便管理。
• 多语言代码编辑： 内置功能强大的代码编辑器（CodeMirror），支持 HTML、CSS、JavaScript 和 PHP 的语法高亮，并提供快捷键操作和注释功能。
• 可定制的用户界面： 提供标签页式的文件切换，以及日间/夜间模式主题切换，让您根据喜好调整界面。
• 高效的工作流： 编辑器可切换到全高模式，让您专注代码；左侧项目列表支持拖拽排序，方便您组织项目。
• *自适应侧边栏： 左侧的项目列表区域能够根据项目名称文字的长度自适应宽度，确保内容完整显示而不会被截断。

部署方法

使用这个后台管理系统非常简单，按照以下步骤即可：

1. 部署到服务器： 在服务器上新建 admin.php 文件（代码附后）以及它所依赖的 projects_order.json （新建空文件即可）和任何项目文件夹一起，上传到您的 Web 服务器（如 Apache, Nginx）的任意一个可访问的文件夹内。
2. 设置管理员密码： 打开 admin.php 文件，找到 define('ADMIN_PASSWORD', '此处是后台密码'); 这一行。将 '此处是后台密码' 替换为您自己的安全密码并保存。
3. 访问后台： 在浏览器中访问该 PHP 文件的 URL（例如：http://yourdomain.com/your-folder/admin.php）。首次访问时会要求您输入刚才设置的管理员密码。
4. 开始使用： 登录后，您就可以在左侧管理项目，右侧编辑代码。点击“新建项目”创建新项目，或者点击现有项目进行编辑。保存后即可通过项目文件夹的 URL 访问您的作品。

完整的php代码

2025年7月4日更新。

分拆版

index.html：

index.php：

script.js：

style.css：

单文件版

2025年7月4日新增效果：

• 一次性保存成功，而无需刷新
• 成功/失败的提示语2秒后消失
• 代码编辑框支持搜索关键词
• 点击全高后，按钮名称变为半高