十分钟搭好免费的开源网址导航：WebStack-Laravel 完整指南

十分钟搭好免费的开源网址导航：WebStack-Laravel 完整指南

【免费下载链接】WebStack-Laravel一个开源的网址导航网站项目，您可以拿来制作自己的网址导航。项目地址: https://gitcode.com/gh_mirrors/we/WebStack-Laravel

你有没有过这种经历：浏览器书签攒了几百个，想找某个站时翻半天找不到？自己又不会写代码，做个分类清晰的导航站似乎不现实。WebStack-Laravel 就是来解决这个问题的：一个基于 Laravel 的开源网址导航网站项目，自带完整的前台展示页和后台管理界面，装好数据库后就能直接维护你自己的导航站。它基于 MIT 协议开源，个人使用、二次开发都免费。

它是什么

WebStack-Laravel 的定位很明确：帮你把"网址收藏夹"变成一个可以对外分享的导航网站。前台按分类展示所有站点，每个站点有标题、图标、描述和跳转链接；后台提供分类管理和站点管理两个核心模块，增删改查都在页面上点一点完成，不需要手写 SQL 或改代码。项目结构就是一个标准的 Laravel 应用，首页路由和数据模型分别见 前台路由 和 Site 模型，代码量不大，看一遍就能摸清全貌。

为什么值得试

1. 前后台一体，装完即可用：migrate:refresh --seed一条命令建表并写入预设数据，访问/admin就能进后台（默认账号密码均为 admin），适合第一次接触 Laravel 后台开发的新手。
2. 数据模型极简，二开门槛低：整个系统只有categories和sites两张业务表，分类支持父子两级结构（见 分类模型），想加字段、改样式都不会陷进复杂的表关系里，适合想动手改造的开发者。
3. 图标上传自动裁剪：后台新增站点时上传的图标会强制裁成 120x120 并自动重命名存到 uploads 目录（见 网站管理源码），你不用关心图片规格，前台展示永远整齐。
4. 一条命令清空预设数据：内置webstack:clean命令可以清掉所有站点、分类和上传的图片（见 清空命令源码），想做纯空白导航站时特别省事。

它能做什么

前台导航页

首页一次性加载所有分类及其下属站点，按分类排序展示，每个站点卡片包含图标、标题、描述和链接。访问地址即首页，另有一个简单的 about 页面。样式来自前端开源项目 WebStackPage，整体观感干净，不花哨。

后台分类管理

分类以可拖拽的树形结构管理，支持两级嵌套（最多 2 层深度），可给每个分类设置标题和 FontAwesome 图标。分类决定了前台的板块划分，是整个导航站的骨架。

后台网站管理

站点管理是一个标准的数据表格：支持按分类筛选、按标题模糊搜索，列展示分类、标题、图标、描述和地址。新增、编辑、删除都在表单里完成，表单自带长度校验（标题最长 50 字、描述 300 字），不需要额外写后端校验逻辑。

适合谁用

• 个人博客作者：把博客里零散的推荐链接整理成导航页，放个外链引流，比干巴巴的书签列表好看得多。
• 小团队/部门：把常用的协作工具、文档系统、内部门户集中到一个页面上，新人来了直接看导航页，不用到处问链接。
• Laravel 学习者：项目完整覆盖了模型、迁移、种子数据、后台 CRUD、文件上传、自定义 Artisan 命令这些常见知识点，代码又足够短，适合当练手模板。
• 想学习二开的人：在现成的导航站上加搜索、加分页、换主题，改动范围可控，比从零起步更容易做出东西。

怎么上手

前提是你已经装好 PHP 7.0+ 和 Composer，并建好了一个数据库。

1. 克隆项目到本地：

git clone https://gitcode.com/gh_mirrors/we/WebStack-Laravel.git

2. 进入项目目录，安装依赖：composer install

3. 复制配置文件并填数据库信息：cp .env.example .env，编辑.env里的DB_DATABASE、DB_USERNAME、DB_PASSWORD

4. 生成应用密钥并建表写数据：php artisan key:generate，然后php artisan migrate:refresh --seed

5. 本地启动访问：php artisan serve，浏览器打开 http://127.0.0.1:8000，首页即导航站；后台在 /admin，账号密码都是 admin

线上部署就是一个普通 Laravel 应用的标准操作，配好 Web 服务器指向 public 目录即可，没有额外的特殊步骤。

技术怎么实现

技术栈是 Laravel 5.5 + laravel-admin（encore/laravel-admin 1.6）的组合。前台只有一两个控制器，模板直接渲染分类树；后台则完全交给 laravel-admin 的 Grid、Form、Show 三个构建器生成表格、表单和详情页，后台控制器 里几乎看不到手写 HTML，这是选它而不是手写后台的原因——省掉大量重复页面代码。数据层用迁移加种子文件管理表结构，预设数据也走 seeder 注入，部署可重复性强。另外还用了 intervention/image 做图标裁剪、login-captcha 提供后台登录验证码。这套组合的代价是版本偏老（PHP 7.0 / Laravel 5.5），生产环境建议了解兼容性后再决定，学习和二次开发则无压力。

小结

WebStack-Laravel 用两张表、一套现成后台，把"做一个能自己维护的网址导航站"这件事压到了十分钟以内，是入门 Laravel 和低成本搭建导航站都很合适的起点。如果正好有整理书签的需求，或者想找个结构清晰的小项目练手，现在就可以克隆下来跑一遍，跑通之后在二开上加功能会非常顺手。

【免费下载链接】WebStack-Laravel一个开源的网址导航网站项目，您可以拿来制作自己的网址导航。项目地址: https://gitcode.com/gh_mirrors/we/WebStack-Laravel