# daohang

**Repository Path**: dagestar/daohang

## Basic Information

- **Project Name**: daohang
- **Description**: 网址导航系统 导航密码：daohang123
- **Primary Language**: Unknown
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2025-06-04
- **Last Updated**: 2026-04-21

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 🧭 轻量级导航工具

类似 OneNav 的网址导航工具，支持暗色/亮色主题切换，提供简洁美观的界面。

## ✨ 功能特点

- 🎨 **美观界面**：类似 OneNav 的设计风格，支持暗色/亮色主题
- 📱 **响应式设计**：自适应不同屏幕尺寸
- 🔍 **搜索功能**：快速搜索网址和分类
- 🏷️ **分类管理**：支持自定义分类和颜色
- 🔧 **后台管理**：无需登录的后台管理界面
- 💾 **本地存储**：使用 SQLite 轻量级数据库
- ⚡ **轻量快速**：基于 React + Express 构建

## 🚀 快速开始

### 1. 启动后端服务

```bash
# 安装依赖（如果还没安装）
npm install express sqlite3 cors

# 启动后端
node server.js
```

后端服务将在 `http://localhost:3001` 启动

### 2. 启动前端开发服务

```bash
# 进入前端目录
cd frontend

# 安装前端依赖（如果还没安装）
npm install

# 启动前端开发服务
npm run dev
```

前端服务将在 `http://localhost:5173` 启动

### 3. 访问应用

- **首页导航**：`http://localhost:5173`
- **后台管理**：`http://localhost:5173/admin`

## 📖 使用说明

### 后台管理

1. 访问 `/admin` 页面
2. **分类管理**：添加、编辑、删除网址分类
3. **网址管理**：添加、编辑、删除网址链接
4. 支持设置网址图标和分类颜色

### 首页导航

1. 按分类浏览网址
2. 使用搜索框快速查找
3. 点击右上角切换暗色/亮色主题
4. 点击网址卡片打开对应网站

## 🛠️ 技术栈

- **前端**：React 18 + Vite + Tailwind CSS
- **后端**：Node.js + Express
- **数据库**：SQLite
- **路由**：React Router
- **样式**：Tailwind CSS（支持暗色模式）

## 📁 项目结构

```
daohang/
├── server.js          # Express 后端服务
├── nav.db             # SQLite 数据库文件（自动生成）
├── package.json       # 项目配置
├── README.md          # 说明文档
└── frontend/          # React 前端项目
    ├── src/
    │   ├── App.jsx            # 主应用组件
    │   ├── components/
    │   │   ├── HomePage.jsx   # 首页组件
    │   │   └── AdminPage.jsx  # 后台管理组件
    │   └── index.css          # 样式文件
    └── package.json           # 前端项目配置
```

## 🎯 API 接口

### 分类接口
- `GET /api/categories` - 获取所有分类
- `POST /api/categories` - 创建分类
- `PUT /api/categories/:id` - 更新分类
- `DELETE /api/categories/:id` - 删除分类

### 网址接口
- `GET /api/links` - 获取所有网址
- `POST /api/links` - 创建网址
- `PUT /api/links/:id` - 更新网址
- `DELETE /api/links/:id` - 删除网址

## 🎨 界面预览

- 支持暗色/亮色主题自由切换
![输入图片说明](%E5%BE%AE%E4%BF%A1%E6%88%AA%E5%9B%BE_20250624110949.png)
- 类似 OneNav 的卡片式布局
- 美观的分类颜色标识
- 响应式网格布局
- 优雅的悬停动效
- 后台密码:daohang123

##  许可证

MIT License