AI助力：用Trae 实现纯静态前后台分离的个人导航页（只有一页的HTML实现所有功能）

技术 | Technology
1

看到大佬论坛里面有人用AI写了一个HTML的个人导航页，我觉得挺有意思，但是比较简单还是不太符合我的预期，所以，我就在他的基础上用kimi+Trae直接重新写了一版。

可自定义版权信息；添加和删除链接；添加删除分类；增加翻页功能；增加数据导入导出功能；增加后台更改密码功能，同时进行加密处理。

**应用：因为就一个HTML页面，所以可以直接挂在自己的网站；还可以直接放在本地使用，也非常方便！[background=yellow]主打一个私密性[/background]**

Image description![Image description](https://s.rmimg.com/2025-03-30/1743265310-351434-1.png)
Image description![Image description](https://s.rmimg.com/2025-03-30/1743265311-424839-3.png)

**代码挺长的，我就不在这里贴了。点赞+关注获取完整代码文件。哈哈。。折腾半天，欢迎关注支持哈哈！**

[size=18]最新版本，回复查看下载方法。[/size]

**[size=20]最新版本下载：[/size]** [/d/26503](https://www.nodeloc.com/d/26503)

[reply]

微信扫码关注公众号，给公众号发数字99，直接下载单页版和升级版！

Image description</s>Image description<e>

[/reply]
2

[“AI\u52a9\u529b\uff1a\u7528Trae \u5b9e\u73b0\u7eaf\u9759\u6001\u524d\u540e\u53f0\u5206\u79bb\u7684\u4e2a\u4eba\u5bfc\u822a\u9875”,“AI\u52a9\u529b\uff1a\u7528Trae \u5b9e\u73b0\u7eaf\u9759\u6001\u524d\u540e\u53f0\u5206\u79bb\u7684\u4e2a\u4eba\u5bfc\u822a\u9875\uff08\u53ea\u6709\u4e00\u9875\u7684HTML\u5b9e\u73b0\u6240\u6709\u529f\u80fd\uff09”]

3

感谢大佬分享

4

@“米粒”#p273972

客气。哈哈～～

我新优化了一下网站版本，对安全性加强了一下，反正比单页安全。哈哈。。。单页版可以本地用。

5

@“Evan”#p273983 睡觉睡觉 顶不住了

6

@“米粒”#p273985 我也睡觉了

7

感谢

8

666，感谢op分享

9

@“LuckyFixate”#p274204

@"BondiDearest"#p274010

:xhj20: 欢迎使用哈哈哈哈哈哈哈哈哈哈哈

10

导航站现在还有市场吗？

11

@“skybreak”#p274359

自己做着玩的。。跟市场有毛关系。
做为自己的收藏夹弄着玩。。:xhj29:

12

牛逼了。我前几天也用AI生成了个导航页面，但是感觉不符合自己预期，让AI转换PHP后也增加了管理后台，不过不符合自己预期抛弃了。

13

@“是金子总会花光”#p274476

哈哈哈哈哈哈哈哈哈哈哈:xhj09::ac12:

14

[[38,40],[2,40]]

15

来看看

16

感谢分享

17

(˵¯͒:wavy_dash:¯͒˵)

18

感谢大佬，拿下后用ai改成左右结构的，上下结构的看起来有点不适应。

19

Image description</s>Image description<e>

EvanNav Server
最终版本不在更新，目前已经运行在服务端:xhj08: