企业官网建设流程全解析

简介：这是一套面向PHP开发者与中小型网站运营者的现代化网址推广导航系统源码，专为快速搭建高颜值、易管理的导航站而设计，解决传统导航站UI陈旧、统计功能弱、模板切换繁琐等痛点。资源包共2000个文件，涵盖454个核心PHP业务逻辑文件、697个JS交互脚本、236个PNG图标资源、165个CSS样式文件及123个HTML页面模板，完整支撑前后端功能；压缩包大小43MB，结构清晰，含多套已适配的热门主题模板与Funadmin后台管理模块。已有309人学习下载，可直接部署于PHP8.1+MySQL5.7环境，开箱即用。用户将获得一键访问统计、多模板动态切换、全模块后台配置（含分类/广告/友情链接/工具/主题管理）、主流UI组件库（如uikit、layui）集成及完整SQL初始化脚本，显著降低二次开发门槛与运维成本。

1. 项目概述：一个面向2025年的导航系统新选择

最近在整理手头的开源项目，发现很多朋友对网址导航系统源码的需求一直很旺盛，尤其是那些既想要漂亮界面，又希望有强大推广功能的。正好，我结合这几年做PHP项目的经验，以及前端UI设计的一些新趋势，琢磨了一套思路，可以称之为“2025款”的PHP网址导航系统。这不仅仅是一个源码，更像是一个可高度定制、易于二次开发的解决方案骨架。它瞄准的核心场景，就是个人站长、中小团队或者地方门户，需要一个既能聚合优质链接、又能通过内容或广告实现流量变现的入口站点。

传统的导航站源码，很多还停留在十年前的设计风格和功能逻辑上，要么UI老旧，要么后台复杂难用，要么推广功能薄弱。而这个构想中的系统，其核心价值在于“一体两面”：对内，它提供一个极其清晰、现代化的管理后台，让站长能像搭积木一样管理分类和网址；对外，它呈现一个符合当下审美、交互流畅、且暗含多种推广位的前端界面。无论是想做一个纯公益的收藏夹，还是带有商业性质的推广站，这套基础架构都能提供坚实的支撑。

简单来说，如果你正在寻找一个PHP写的、UI拿得出手、并且自带推广扩展能力的导航系统起点，那么接下来我分享的这套设计思路和关键实现，或许能给你带来不少启发。我会从整体设计、核心功能拆解、具体代码实现，再到部署优化和避坑指南，完整地过一遍。

2. 系统整体架构与核心设计思路

2.1 技术栈选型与理由

一套系统的地基是技术选型。对于这个导航系统，我的选择是经典的LAMP/LEMP栈，但会在具体组件版本和编码模式上向现代靠拢。

• 后端语言：PHP 8.0+。这是毋庸置疑的。PHP在Web开发领域的普及度和成熟度，意味着海量的教程、社区支持和现成类库。选择8.0以上版本，是为了利用JIT编译器带来的性能提升，以及更严格的类型声明、属性构造器、匹配表达式等现代语法，让代码更健壮、更易维护。虽然标题提到了“2025”，但采用稳定且具备现代特性的PHP 8.x系列是务实的选择。
• Web服务器：Nginx。相比Apache，Nginx在处理高并发静态请求和作为反向代理时表现更优，配置也更灵活简洁。这对于导航站这种可能含有大量图片、CSS/JS文件的场景很友好。
• 数据库：MySQL 8.0 或 MariaDB 10.5+。选择支持JSON字段类型、窗口函数等高级特性的版本，便于未来存储一些灵活的配置信息或进行复杂的数据分析。
• 前端架构：前后端轻度分离。不采用重量级的Vue/React SPA，而是采用“服务器端渲染 + 前端Ajax增强”的模式。核心页面（如首页、分类页）由PHP直接渲染，保证SEO友好和首屏速度。而管理后台的操作（如增删改网址）、前端的部分交互（如收藏、搜索提示）则通过Ajax与后端API通信。这样既保持了开发的简单性，又拥有了不错的用户体验。
• UI框架：基于某现代CSS框架（如Tailwind CSS）的自定义设计。直接使用Element UI、Ant Design等虽然快，但容易让网站失去特色，产生“模板感”。我倾向于使用Tailwind CSS这种工具类优先的框架，它能极大提升自定义UI的开发效率，同时能轻松打造独特的设计语言。对于需要复杂交互的组件（如表单、模态框），可以引入Alpine.js这类轻量级JS库。

注意：这里没有选择Comfy UI、Avalonia UI等，因为它们主要面向桌面或特定领域的GUI应用，与Web开发不直接相关。我们的“UI”指的是Web用户界面。

2.2 数据库设计与核心表结构

一个清晰的数据库设计是系统稳定的基石。导航系统的核心数据模型并不复杂，主要围绕“分类”和“网址”展开。

-- 核心表结构示例 CREATE TABLE `nav_category` ( `id` int(10) UNSIGNED NOT NULL AUTO_INCREMENT, `name` varchar(50) NOT NULL COMMENT '分类名称', `icon` varchar(100) DEFAULT NULL COMMENT '图标类名或图片路径', `sort_order` int(11) DEFAULT 0 COMMENT '排序权重，越大越靠前', `parent_id` int(10) UNSIGNED DEFAULT 0 COMMENT '父级分类ID，0为顶级', `is_show` tinyint(1) DEFAULT 1 COMMENT '是否显示', `created_at` timestamp NULL DEFAULT CURRENT_TIMESTAMP, `updated_at` timestamp NULL DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP, PRIMARY KEY (`id`), KEY `idx_parent_show_order` (`parent_id`,`is_show`,`sort_order`) ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COMMENT='网址分类表'; CREATE TABLE `nav_site` ( `id` int(10) UNSIGNED NOT NULL AUTO_INCREMENT, `category_id` int(10) UNSIGNED NOT NULL COMMENT '所属分类ID', `title` varchar(100) NOT NULL COMMENT '网站标题', `url` varchar(500) NOT NULL COMMENT '网站链接', `description` text COMMENT '网站描述', `logo` varchar(500) DEFAULT NULL COMMENT 'Logo图片路径', `is_recommend` tinyint(1) DEFAULT 0 COMMENT '是否推荐', `click_count` int(10) UNSIGNED DEFAULT 0 COMMENT '点击次数', `sort_order` int(11) DEFAULT 0 COMMENT '排序', `is_show` tinyint(1) DEFAULT 1 COMMENT '是否显示', `created_at` timestamp NULL DEFAULT CURRENT_TIMESTAMP, `updated_at` timestamp NULL DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP, PRIMARY KEY (`id`), KEY `idx_category_show_order` (`category_id`,`is_show`,`sort_order`), KEY `idx_recommend` (`is_recommend`), KEY `idx_click` (`click_count`) ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COMMENT='网址信息表';

设计要点解析：

1. 分类层级：parent_id字段实现了无限级分类，通过递归或嵌套集合模型（如使用left/right值）可以高效查询树状结构。对于导航站，通常2-3级分类足够，使用parent_id方案简单有效。
2. 排序与显示：sort_order和is_show是管理后台操作最频繁的字段，良好的索引（如idx_category_show_order）能大幅提升列表查询速度。
3. 推广相关字段：is_recommend用于标记优质或合作站点，可以在首页或分类页突出展示。click_count不仅用于统计热度，未来也可以作为排序或数据分析的依据。
4. 使用utf8mb4：确保支持所有Emoji和生僻字，避免存储问题。

2.3 目录结构与MVC模式实践

为了保证代码的可维护性，采用改良的MVC目录结构是必要的。这里不依赖臃肿的全栈框架，而是构建一个轻量级、易于理解的结构。

/nav-system-2025/ ├── app/ # 应用核心代码 │ ├── Controllers/ # 控制器 │ │ ├── HomeController.php │ │ ├── ApiController.php │ │ └── Admin/ │ │ └── SiteController.php │ ├── Models/ # 模型 │ │ ├── Category.php │ │ └── Site.php │ ├── Views/ # 视图模板 │ │ ├── home/ │ │ │ └── index.php │ │ ├── admin/ │ │ │ └── site/ │ │ │ ├── index.php │ │ │ └── form.php │ │ └── layouts/ # 布局文件 │ │ ├── frontend.php │ │ └── backend.php │ └── Core/ # 核心类（路由、数据库连接等） │ ├── Router.php │ ├── Database.php │ └── Config.php ├── public/ # Web根目录 │ ├── index.php # 单一入口文件 │ ├── assets/ │ │ ├── css/ # 编译后的Tailwind CSS等 │ │ ├── js/ # 前端JavaScript │ │ └── images/ # 静态图片 │ └── uploads/ # 用户上传的Logo等文件 ├── config/ # 配置文件 │ └── database.php ├── vendor/ # Composer依赖（可选，用于引入一些工具包） └── composer.json

关键点：

• 单一入口：所有请求通过public/index.php分发，便于进行统一的初始化、安全过滤和错误处理。
• 简单的路由：在index.php中解析URL，映射到对应的控制器@方法。例如，/admin/site/edit/1映射到Admin\SiteController::edit(1)。
• 手动加载与自动加载：使用Composer的PSR-4自动加载或简单的spl_autoload_register来加载类文件，避免到处require。

3. 核心功能模块的详细实现

3.1 前台展示模块：速度、体验与SEO

前台是用户直接接触的部分，核心目标是快、清晰、好用。

首页与分类页渲染： 控制器（HomeController.php）负责从模型获取数据，并传递给视图。

// app/Controllers/HomeController.php class HomeController { public function index() { // 获取所有显示的一级分类及其下的推荐网站 $categoryModel = new Category(); $siteModel = new Site(); $topCategories = $categoryModel->getTopCategoriesWithSites(10); // 假设这个方法已实现 // 可能还需要获取轮播图、公告等数据 // 加载视图 require_once APP_PATH . '/Views/home/index.php'; } }

视图文件（index.php）中，重点是用最简洁的HTML结构配合CSS展示数据。使用Tailwind CSS可以快速构建卡片、网格布局。

<!-- app/Views/home/index.php --> <?php include_once APP_PATH . '/Views/layouts/frontend.php'; ?> <div class="container mx-auto px-4 py-8"> <?php foreach ($topCategories as $cat): ?> <div class="mb-12"> <h2 class="text-2xl font-bold mb-4 flex items-center"> <i class="<?= htmlspecialchars($cat['icon']) ?> mr-2"></i> <?= htmlspecialchars($cat['name']) ?> </h2> <div class="grid grid-cols-2 md:grid-cols-4 lg:grid-cols-6 gap-4"> <?php foreach ($cat['sites'] as $site): ?> <a href="/go/<?= $site['id'] ?>" target="_blank" class="group bg-white rounded-lg shadow p-4 hover:shadow-md transition-shadow duration-200 block"> <div class="flex items-center"> <img src="<?= !empty($site['logo']) ? htmlspecialchars($site['logo']) : '/assets/images/default-logo.svg' ?>" alt="<?= htmlspecialchars($site['title']) ?>" class="w-10 h-10 rounded flex-shrink-0 object-contain"> <div class="ml-3"> <div class="font-semibold text-gray-800 group-hover:text-blue-600 truncate"><?= htmlspecialchars($site['title']) ?></div> <p class="text-sm text-gray-500 truncate"><?= htmlspecialchars($site['description']) ?></p> </div> </div> </a> <?php endforeach; ?> </div> </div> <?php endforeach; ?> </div> <?php include_once APP_PATH . '/Views/layouts/footer.php'; ?>

关键优化点：

1. 链接跳转与统计：注意看，网站链接不是直接指向目标，而是/go/1。这是一个跳转中间页，用于记录点击（click_count++）、可能的广告计费，然后再通过HTTP 302重定向到真实URL。这避免了因目标站加载慢而拖慢本页，也便于统计。
2. 图片懒加载：对于可能有很多Logo的页面，给<img>标签加上loading="lazy"属性。
3. SEO优化：合理的HTML标题（<title>）、描述（<meta name="description">）和结构化数据（Schema.org）。为每个分类甚至每个网址生成独立的、描述准确的标题和元标签。

3.2 后台管理模块：效率与防呆设计

后台是站长管理内容的工具，核心要求是高效、直观、防止误操作。

网址管理列表与操作： 采用常见的表格布局，提供搜索、筛选、批量操作功能。

// app/Controllers/Admin/SiteController.php class SiteController { public function index() { $siteModel = new Site(); $categoryModel = new Category(); // 处理搜索和筛选参数 $keyword = $_GET['keyword'] ?? ''; $categoryId = $_GET['category_id'] ?? 0; $page = max(1, intval($_GET['page'] ?? 1)); $pageSize = 20; // 获取数据 list($sites, $total) = $siteModel->getListWithCondition($keyword, $categoryId, $page, $pageSize); $categories = $categoryModel->getAllForSelect(); // 用于筛选下拉框 // 计算分页 $totalPages = ceil($total / $pageSize); require_once APP_PATH . '/Views/admin/site/index.php'; } public function save() { // 1. 验证CSRF Token（防止跨站请求伪造） if (!isset($_POST['_token']) || $_POST['_token'] !== $_SESSION['csrf_token']) { die('非法请求'); } // 2. 数据验证 $data = [ 'title' => trim($_POST['title'] ?? ''), 'url' => trim($_POST['url'] ?? ''), 'category_id' => intval($_POST['category_id'] ?? 0), ]; $errors = []; if (empty($data['title'])) $errors[] = '标题不能为空'; if (empty($data['url']) || !filter_var($data['url'], FILTER_VALIDATE_URL)) { $errors[] = 'URL格式不正确'; } if ($data['category_id'] <= 0) $errors[] = '请选择分类'; if (!empty($errors)) { // 返回错误信息到表单页 $_SESSION['form_errors'] = $errors; $_SESSION['old_input'] = $data; header('Location: /admin/site/create'); exit; } // 3. 处理Logo上传（如果有） if (isset($_FILES['logo']) && $_FILES['logo']['error'] === UPLOAD_ERR_OK) { $uploadResult = $this->handleLogoUpload($_FILES['logo']); if ($uploadResult['success']) { $data['logo'] = $uploadResult['path']; } else { $errors[] = $uploadResult['message']; // ... 错误处理 } } // 4. 保存到数据库 $siteModel = new Site(); $id = $_POST['id'] ?? 0; if ($id) { $success = $siteModel->update($id, $data); } else { $success = $siteModel->insert($data); } // 5. 结果反馈与重定向 if ($success) { $_SESSION['flash_message'] = '保存成功！'; header('Location: /admin/site'); } else { $_SESSION['flash_message'] = '保存失败，请重试。'; header('Location: /admin/site/edit/' . $id); } exit; } private function handleLogoUpload($file) { // 安全限制：文件类型、大小 $allowedTypes = ['image/jpeg', 'image/png', 'image/gif', 'image/svg+xml']; $maxSize = 2 * 1024 * 1024; // 2MB if (!in_array($file['type'], $allowedTypes)) { return ['success' => false, 'message' => '只允许上传JPG, PNG, GIF, SVG格式图片']; } if ($file['size'] > $maxSize) { return ['success' => false, 'message' => '图片大小不能超过2MB']; } // 生成唯一文件名，防止覆盖和脚本执行 $ext = pathinfo($file['name'], PATHINFO_EXTENSION); $newFilename = uniqid() . '.' . strtolower($ext); $uploadPath = '/public/uploads/logos/' . date('Ym') . '/'; // 确保目录存在 if (!is_dir(ROOT_PATH . $uploadPath)) { mkdir(ROOT_PATH . $uploadPath, 0755, true); } $destination = ROOT_PATH . $uploadPath . $newFilename; if (move_uploaded_file($file['tmp_name'], $destination)) { // 可选：对图片进行缩放，生成缩略图 // $this->createThumbnail($destination, 100, 100); return ['success' => true, 'path' => $uploadPath . $newFilename]; } else { return ['success' => false, 'message' => '文件上传失败']; } } }

后台设计心得：

1. 表单安全是重中之重：必须验证CSRF Token，防止恶意网站诱导用户提交。所有用户输入（$_POST,$_GET,$_FILES）都必须经过严格的过滤和验证。
2. 文件上传的陷阱：除了检查$_FILES[‘error’]，一定要用getimagesize()或finfo_file()进行二次文件类型验证，仅靠MIME类型不可靠。存储路径不要使用用户原始文件名，并确保上传目录没有执行PHP脚本的权限（通过.htaccess或Nginx配置禁止）。
3. 用户体验反馈：使用Session闪存（flash_message）来传递一次性的成功或错误消息，避免表单重复提交后消息依然存在。保留旧输入（old_input）可以让用户修改表单时无需全部重填。

3.3 推广功能的内置设计思路

“推广”是这个系统的特色。它不一定是复杂的广告系统，而是指一系列便于流量引导和变现的功能设计。

1. 固定广告位管理：在数据库设计advertisement表，包含位置标识（如home_top_banner）、图片/代码、链接、开始/结束时间等字段。在视图模板的对应位置（如frontend.php的顶部），通过控制器传入当前有效的广告数据并渲染。
2. 推荐位与权重排序：网址表中的is_recommend和sort_order字段就是基础。可以在后台增加一个“手动置顶”或“权重调整”功能，让站长可以灵活控制重要网址的展示顺序。
3. 数据统计看板：在后台首页，展示关键数据：总网址数、今日点击、热门网址TOP10、分类分布等。这需要聚合查询nav_site表的click_count和created_at字段。简单的图表可以使用Chart.js等轻量库实现。
4. 联盟链接集成：预留一个“推广链接”字段。当用户点击时，先经过本站的跳转中间页记录，再跳转到真实的联盟链接（如某电商平台的推广链接）。这样数据掌握在自己手里。

实现一个简单的数据看板API示例：

// app/Controllers/ApiController.php class ApiController { public function dashboardStats() { header('Content-Type: application/json'); $siteModel = new Site(); $todayStart = date('Y-m-d 00:00:00'); $todayEnd = date('Y-m-d 23:59:59'); $stats = [ 'total_sites' => $siteModel->getTotalCount(), 'today_clicks' => $siteModel->getClickCountByTime($todayStart, $todayEnd), 'hot_sites' => $siteModel->getHotSites(10), // 获取点击量前十的网站 ]; echo json_encode(['code' => 0, 'data' => $stats]); exit; } }

前端通过Ajax定期调用这个API，并用Chart.js渲染图表。

4. 安全加固、性能优化与部署上线

4.1 必须关注的安全防护点

PHP项目的安全是老生常谈，但至关重要。

• SQL注入：绝对不要直接拼接SQL语句。使用预处理语句（PDO或MySQLi）。

  // 错误示范 $sql = "SELECT * FROM nav_site WHERE title LIKE '%{$_GET['kw']}%'"; // 正确示范（使用PDO） $stmt = $pdo->prepare("SELECT * FROM nav_site WHERE title LIKE ?"); $stmt->execute(['%' . $_GET['kw'] . '%']);

• XSS跨站脚本：所有输出到HTML页面的动态数据，必须使用htmlspecialchars()函数进行转义。在视图模板中，养成习惯：<?= htmlspecialchars($variable) ?>。
• CSRF跨站请求伪造：所有会修改数据的POST表单，必须包含一个随机的Token，并在服务器端验证。Token可以存储在Session中。
• Session安全：设置session.cookie_httponly = On（防止JS读取），生产环境考虑设置session.cookie_secure = On（仅HTTPS传输）。
• 文件包含：避免使用include($_GET[‘page’] . ‘.php’)这种动态包含。如果需要，应严格限制可包含的文件名白名单。
• 信息泄露：关闭PHP错误显示（display_errors = Off），设置自定义错误日志。确保config.php、.env等配置文件不在Web可访问目录下。

4.2 性能优化策略

导航站通常内容变化不频繁，非常适合缓存。

1. OPcache：这是PHP字节码缓存，能极大提升脚本执行速度。在php.ini中确保opcache.enable=1并合理配置内存。
2. 数据库查询缓存：
   • 对象缓存：对于不常变的数据，如分类列表、热门网站，可以在查询后存入Redis或Memcached。下次请求直接读缓存。

   function getTopCategories() { $cacheKey = 'top_categories'; $data = $redis->get($cacheKey); if ($data !== false) { return json_decode($data, true); } // 缓存不存在，查询数据库 $data = $categoryModel->getTopCategories(); $redis->setex($cacheKey, 3600, json_encode($data)); // 缓存1小时 return $data; }

   • SQL优化：为WHERE、ORDER BY、JOIN的字段建立合适索引。避免SELECT *，只取需要的字段。
3. 前端静态资源优化：
   • 合并和压缩CSS、JS文件。
   • 使用WebP等现代图片格式，并设置适当的缓存头（Cache-Control: max-age=31536000）。
   • 将CSS放在<head>，JS放在<body>末尾。

4.3 生产环境部署要点

1. 服务器配置：
   • Nginx配置：正确配置root指向public目录，将非文件请求重写到index.php（前端控制器模式）。

   location / { try_files $uri $uri/ /index.php?$query_string; } location ~ \.php$ { fastcgi_pass unix:/run/php/php8.2-fpm.sock; fastcgi_param SCRIPT_FILENAME $realpath_root$fastcgi_script_name; include fastcgi_params; }

   • 设置目录权限：uploads/目录可写（如755），但app/、config/等核心代码目录应设为只读（如644）。
2. 环境隔离：使用.env文件存储数据库密码等敏感信息，并通过getenv()读取。将.env加入.gitignore。
3. HTTPS强制：使用Let‘s Encrypt等免费证书为站点启用HTTPS，并在Nginx配置中强制HTTP跳转到HTTPS。
4. 备份策略：定期（如每天）通过mysqldump备份数据库，并同步到远程存储或另一台服务器。

5. 常见问题排查与进阶扩展方向

5.1 开发与部署中的典型问题

1. 页面显示空白或500错误：
   • 检查PHP错误日志：tail -f /var/log/php-fpm/error.log或查看/var/log/nginx/error.log。
   • 常见原因：语法错误、未定义的类或函数、目录权限不足、.htaccess配置错误（如果使用Apache）、Nginx的fastcgi_param SCRIPT_FILENAME设置不正确。
2. 数据库连接失败：
   • 检查config/database.php中的主机、用户名、密码、数据库名是否正确。
   • 检查MySQL/MariaDB服务是否运行：systemctl status mariadb。
   • 检查防火墙是否开放了3306端口（如果数据库在远程）。
3. 文件上传失败：
   • 检查php.ini中的upload_max_filesize和post_max_size设置。
   • 检查目标上传目录是否存在且有写权限（www-data或nginx用户）。
   • 检查表单是否设置了enctype="multipart/form-data"。
4. 中文乱码：
   • 确保数据库、表和连接字符集均为utf8mb4。
   • 在PHP连接数据库后，执行SET NAMES 'utf8mb4'。
   • HTML页面头部设置<meta charset="UTF-8">。

5.2 系统功能进阶扩展思路

当基础系统运行稳定后，可以考虑以下方向进行深度定制，提升竞争力：

1. 用户系统与个性化：
   • 增加用户注册登录，允许用户收藏网址、自定义首页布局。
   • 实现基于Cookie或LocalStorage的“最近访问”、“最常点击”的个性化推荐。
2. 内容自动化与API：
   • 编写爬虫脚本（可用Python或PHP的Guzzle库），定期抓取合作网站的Logo、描述，自动更新。
   • 提供JSON API接口，供第三方工具或移动端App调用导航数据。
3. 更强大的推广与统计：
   • 集成Google Analytics或自建更精细的点击分析，分析用户来源、点击热图。
   • 实现分时段、分来源的广告展示规则。
4. 多主题切换：将前端视图模板抽象化，支持在后台切换不同的主题包，适应不同风格的站点需求。

5.3 关于“源码”的思考

最后，聊聊“源码”本身。网上流传的很多导航源码，要么功能残缺，要么代码混乱，甚至留有后门。我的建议是，把这份设计思路当作你自己的起点。从最核心的分类、网址增删改查做起，亲手实现一遍。这个过程会让你深刻理解每个功能模块的关联和潜在问题。遇到具体技术点，如“PHP PDO如何防注入”、“Nginx如何配置重写规则”，再去搜索（例如搜索“php pdo 预处理语句”）寻找解决方案，而不是直接找一个看似完整但难以驾驭的“大全源码”。

这套以现代PHP实践为基础，注重安全、性能和可扩展性的导航系统设计，从零搭建大约需要一名有经验的开发者1-2周的时间。但它带来的价值是：一个完全受控、完全理解、可以随心所欲扩展的、属于你自己的“2025款”网址导航系统。它可能没有那些大而全的系统功能多，但它的每一行代码你都了如指掌，这才是应对未来需求变化最大的底气。

本文还有配套的精品资源，点击获取