十分钟搭好免费的开源网址导航:WebStack-Laravel 完整指南
【免费下载链接】WebStack-Laravel一个开源的网址导航网站项目,您可以拿来制作自己的网址导航。项目地址: https://gitcode.com/gh_mirrors/we/WebStack-Laravel
你有没有过这种经历:浏览器书签攒了几百个,想找某个站时翻半天找不到?自己又不会写代码,做个分类清晰的导航站似乎不现实。WebStack-Laravel 就是来解决这个问题的:一个基于 Laravel 的开源网址导航网站项目,自带完整的前台展示页和后台管理界面,装好数据库后就能直接维护你自己的导航站。它基于 MIT 协议开源,个人使用、二次开发都免费。
它是什么
WebStack-Laravel 的定位很明确:帮你把"网址收藏夹"变成一个可以对外分享的导航网站。前台按分类展示所有站点,每个站点有标题、图标、描述和跳转链接;后台提供分类管理和站点管理两个核心模块,增删改查都在页面上点一点完成,不需要手写 SQL 或改代码。项目结构就是一个标准的 Laravel 应用,首页路由和数据模型分别见 前台路由 和 Site 模型,代码量不大,看一遍就能摸清全貌。
为什么值得试
- 前后台一体,装完即可用:
migrate:refresh --seed一条命令建表并写入预设数据,访问/admin就能进后台(默认账号密码均为 admin),适合第一次接触 Laravel 后台开发的新手。 - 数据模型极简,二开门槛低:整个系统只有
categories和sites两张业务表,分类支持父子两级结构(见 分类模型),想加字段、改样式都不会陷进复杂的表关系里,适合想动手改造的开发者。 - 图标上传自动裁剪:后台新增站点时上传的图标会强制裁成 120x120 并自动重命名存到 uploads 目录(见 网站管理源码),你不用关心图片规格,前台展示永远整齐。
- 一条命令清空预设数据:内置
webstack:clean命令可以清掉所有站点、分类和上传的图片(见 清空命令源码),想做纯空白导航站时特别省事。
它能做什么
前台导航页
首页一次性加载所有分类及其下属站点,按分类排序展示,每个站点卡片包含图标、标题、描述和链接。访问地址即首页,另有一个简单的 about 页面。样式来自前端开源项目 WebStackPage,整体观感干净,不花哨。
后台分类管理
分类以可拖拽的树形结构管理,支持两级嵌套(最多 2 层深度),可给每个分类设置标题和 FontAwesome 图标。分类决定了前台的板块划分,是整个导航站的骨架。
后台网站管理
站点管理是一个标准的数据表格:支持按分类筛选、按标题模糊搜索,列展示分类、标题、图标、描述和地址。新增、编辑、删除都在表单里完成,表单自带长度校验(标题最长 50 字、描述 300 字),不需要额外写后端校验逻辑。
适合谁用
- 个人博客作者:把博客里零散的推荐链接整理成导航页,放个外链引流,比干巴巴的书签列表好看得多。
- 小团队/部门:把常用的协作工具、文档系统、内部门户集中到一个页面上,新人来了直接看导航页,不用到处问链接。
- Laravel 学习者:项目完整覆盖了模型、迁移、种子数据、后台 CRUD、文件上传、自定义 Artisan 命令这些常见知识点,代码又足够短,适合当练手模板。
- 想学习二开的人:在现成的导航站上加搜索、加分页、换主题,改动范围可控,比从零起步更容易做出东西。
怎么上手
前提是你已经装好 PHP 7.0+ 和 Composer,并建好了一个数据库。
- 克隆项目到本地:
git clone https://gitcode.com/gh_mirrors/we/WebStack-Laravel.git进入项目目录,安装依赖:
composer install复制配置文件并填数据库信息:
cp .env.example .env,编辑.env里的DB_DATABASE、DB_USERNAME、DB_PASSWORD生成应用密钥并建表写数据:
php artisan key:generate,然后php artisan migrate:refresh --seed本地启动访问:
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
创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考