官网后台新增「工具导航」：分类管理与二级菜单自助配置

我们陆续上线了几个自研工具：头条矩阵工场、PDF 批量水印、电商主图工具。以前每加一个，都要改一次导航代码、重新部署。这显然不可持续。 这次做了两件事：官网加了「工具」一级导航（带二级下拉），后台加了「工具导航」管理页。 前台效果 顶部导航新增「工具」，鼠标悬停展开二级菜单； 二级菜单按 分类 分组，目前是「图片工具」，以后会有「内容工具」「办公工具」等； 点击「工具」进入工具矩阵页 /tools ，所有工具以卡片形式展示，含名称、说明、分类标签； 手机端收进抽屉菜单，点击展开二级列表。 后台怎么管 登录后台，侧边栏进入「工具导航」，可以： 新增工具 ：填名称、链接、分类、一句话说明、图标、排序； 改分类 ：直接输入新分类名，二级菜单会自动多一列，不用改代码； 控制显示位置 ：三个独立开关——在工具页显示、进入导航下拉、新窗口打开； 调整顺序 ：排序数字小的排前面； 删除 ：同时从导航和工具页移除。 三个开关的实际用法 举几个例子： 新工具还在内测，只想给拿到链接的人看：关掉「在工具页显示」和「进入导航下拉」，但保留记录； 某个工具想放在导航里，但不进工具页（比如是站内的产品页而非外部工具）：只开「进入导航下拉」； 工具已下线：直接关掉两个显示开关，数据保留，随时可以恢复。 一个小坑，顺手修了 开发时发现：后台把「显示」开关关掉（值 0），保存后还是显示。查下来是 EF Core 的默认值配置问题——给 is_show 配了数据库默认值 1 之后，EF 把「0」当成「未赋值」，于是又用了默认值 1。 改成在实体初始化器里给默认值，问题解决。现在关掉开关，公开接口立刻不返回该条。 对 SEO 的影响 工具矩阵页是服务端直出的独立页面（不加载 Vue），搜索引擎和 AI 爬虫能直接读到全部工具信息。页面有独立的标题、描述、canonical，以及 CollectionPage、ItemList、BreadcrumbList 结构化数据。sitemap 里也加了 /tools 。 下一步 会把现有几个自研产品（PDF 水印、头条矩阵、小红书矩阵）也按分类收进工具栏目，同时在工具页加「使用教程」入口。如果你有想推荐的工具类型，欢迎告诉我们。

孝感实诚网络科技有限公司（实诚科技）专注网站建设、小程序开发、管理系统定制与软件工具开发，咨询热线 13622369854。