轻量级教程系统,风格类似飞书、语雀,需输入卡密验证通过即可查看

轻量级教程系统,风格类似飞书、语雀,需输入卡密验证通过即可查看-雾祈心语
轻量级教程系统,风格类似飞书、语雀,需输入卡密验证通过即可查看
此内容为付费阅读,请付费后查看
28
限时特惠
58
付费阅读

✨ 功能特性

  • 卡密授权:通过卡密控制用户对内容的访问权限,支持批量生成和有效期设置。
  • 内容管理:支持视频教程(章节+区块)和图文教程(文章)两种内容形式。
  • 后台中心:提供仪表盘、教程管理、图文管理、卡密管理、系统配置等全方位功能。
  • 界面美观:前后台界面经过精心设计,验证页支持动态渐变背景,移动端体验良好。
  • 轻量高效:采用原生 PHP + MySQL 开发,无框架依赖,部署简单,运行速度快。
  • 文件上传:后台集成文件上传功能,方便管理 Logo、二维码、教程封面及视频等资源。
✨ 功能特性

- **卡密授权**:通过卡密控制用户对内容的访问权限,支持批量生成和有效期设置。
- **内容管理**:支持视频教程(章节+区块)和图文教程(文章)两种内容形式。
- **后台中心**:提供仪表盘、教程管理、图文管理、卡密管理、系统配置等全方位功能。
- **界面美观**:前后台界面经过精心设计,验证页支持动态渐变背景,移动端体验良好。
- **轻量高效**:采用原生 PHP + MySQL 开发,无框架依赖,部署简单,运行速度快。
- **文件上传**:后台集成文件上传功能,方便管理 Logo、二维码、教程封面及视频等资源。

## 🚀 技术栈

- **后端**:PHP 7+
- **数据库**:MySQL 5.6+
- **前端**:HTML, CSS, JavaScript (包含 Chart.js 用于图表展示)

## 📦 文件结构

```
/www/wwwroot/yztc/
├── index.php         # 前台主页(卡密验证、教程展示)
├── admin.php         # 后台管理中心
├── login.php         # 管理员登录页面
├── logout.php        # 退出登录
├── config.php        # 数据库连接配置文件
├── uploads/          # 上传文件存储目录
└── README.md         # 系统说明文档
```

## 🗄️ 数据库设计

系统包含以下核心数据表:

| 表名 | 用途说明 |
| :--- | :--- |
| `admins` | 存储管理员账号信息。 |
| `cards` | 存储授权卡密信息,包括使用状态和有效期。 |
| `tutorials` | 存储视频教程的章节信息。 |
| `tutorial_blocks` | 存储视频教程的内容区块(含视频和资源链接)。 |
| `articles` | 存储图文教程的文章内容。 |
| `settings` | 存储系统全局配置,如网站名称、Logo 等。 |

## 🛠️ 安装与部署

**1. 上传源码**

将所有项目文件上传到你的网站服务器目录(例如 `/www/wwwroot/yztc`)。

**2. 创建数据库**

在你的 MySQL 数据库中创建一个新的数据库(例如 `yztc`)。

**3. 导入数据表**

将以下 SQL 语句导入到你创建的数据库中,以创建所需的数据表和初始数据:

```sql
-- 创建管理员表
CREATE TABLE `admins` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `username` varchar(50) NOT NULL,
  `password` varchar(255) NOT NULL,
  PRIMARY KEY (`id`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4;

-- 插入默认管理员 (用户名: admin, 密码: admin123)
INSERT INTO `admins` (`id`, `username`, `password`) VALUES (1, 'admin', 'admin123');

-- 创建卡密表
CREATE TABLE `cards` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `card_key` varchar(50) NOT NULL,
  `expire_time` datetime DEFAULT NULL,
  `used_at` datetime DEFAULT NULL,
  `created_at` timestamp NULL DEFAULT CURRENT_TIMESTAMP,
  PRIMARY KEY (`id`),
  UNIQUE KEY `card_key` (`card_key`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4;

-- 创建视频教程章节表
CREATE TABLE `tutorials` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `title` varchar(255) NOT NULL,
  `sort_order` int(11) DEFAULT '0',
  PRIMARY KEY (`id`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4;

-- 创建视频教程内容区块表
CREATE TABLE `tutorial_blocks` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `tutorial_id` int(11) NOT NULL,
  `content` text,
  `file_url` varchar(500) DEFAULT NULL,
  `video_content` text,
  `video_url` varchar(500) DEFAULT NULL,
  `sort_order` int(11) DEFAULT '0',
  PRIMARY KEY (`id`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4;

-- 创建图文教程表
CREATE TABLE `articles` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `title` varchar(255) NOT NULL,
  `cover` varchar(500) DEFAULT NULL,
  `content` longtext,
  `sort_order` int(11) DEFAULT '0',
  `created_at` timestamp NULL DEFAULT CURRENT_TIMESTAMP,
  PRIMARY KEY (`id`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4;

-- 创建系统配置表
CREATE TABLE `settings` (
  `key` varchar(50) NOT NULL,
  `value` text,
  PRIMARY KEY (`key`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4;

-- 插入默认系统配置
INSERT INTO `settings` (`key`, `value`) VALUES
('system_name', '教程授权系统'),
('sidebar_footer', '技术支持'),
('system_logo', ''),
('verify_status', '1'),
('verify_expire', '24'),
('contact_qq', ''),
('contact_wechat', '');
```

**4. 修改配置**

打开 `config.php` 文件,根据提示修改为你的数据库连接信息:

```php
<?php
// 数据库主机
$db_host = 'localhost';

// 数据库用户名
$db_user = 'your_username';

// 数据库密码
$db_pass = 'your_password';

// 数据库名称
$db_name = 'yztc';

// ... 连接代码 ...
?>
```

**5. 完成部署**

访问 `http://你的域名/login.php`,使用默认账号 `admin` 和密码 `admin123` 登录后台,开始使用!

**重要提示**:首次登录后,请务必在「管理账号安全」菜单中修改默认密码。

## 👨‍💻 使用说明

### 后台管理

- **仪表盘**:查看系统核心数据统计,如卡密总数、今日激活、待激活、已过期数量及近期激活趋势。
- **教程内容管理**:管理视频教程,可以创建章节,并在章节下添加多个内容区块(包含视频和资源下载链接)。
- **图文教程管理**:管理文章形式的教程,支持封面图和富文本内容(HTML)。
- **授权卡密管理**:批量生成卡密,设置有效期,并可随时查看所有卡密的状态。
- **基础系统配置**:配置网站名称、Logo、联系方式二维码、卡密验证开关等。

### 前台访问

用户访问首页 `index.php`,输入有效的卡密后即可看到所有授权的教程内容。左侧菜单会展示所有视频教程章节和图文教程文章,点击即可快速导航。
图片[1]-轻量级教程系统,风格类似飞书、语雀,需输入卡密验证通过即可查看-雾祈心语
图片[2]-轻量级教程系统,风格类似飞书、语雀,需输入卡密验证通过即可查看-雾祈心语
图片[3]-轻量级教程系统,风格类似飞书、语雀,需输入卡密验证通过即可查看-雾祈心语
图片[4]-轻量级教程系统,风格类似飞书、语雀,需输入卡密验证通过即可查看-雾祈心语
图片[5]-轻量级教程系统,风格类似飞书、语雀,需输入卡密验证通过即可查看-雾祈心语
图片[6]-轻量级教程系统,风格类似飞书、语雀,需输入卡密验证通过即可查看-雾祈心语
图片[7]-轻量级教程系统,风格类似飞书、语雀,需输入卡密验证通过即可查看-雾祈心语
© 版权声明
THE END
文章很赞,支持一下吧~ 还没有人为TA打赏
暂无打赏用户
还没有人为TA打赏
喜欢就支持一下吧
点赞6 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容