Skip to content

README.en.md

Latest commit

 

History

History
259 lines (193 loc) · 7.06 KB

README.en.md

File metadata and controls

259 lines (193 loc) · 7.06 KB
Raw

Bookmarks Manager

A simple and easy-to-use bookmark management tool built with Go backend and Vue.js frontend.

Bookmark Manager

Features

  • 📁 Folder Management - Create, edit, delete folders with nested structure support
  • 🔖 Bookmark Management - Add, edit, delete bookmarks with batch operations
  • 🔄 Drag & Drop - Reorder folders and bookmarks with drag-and-drop
  • 📦 Batch Operations - Select, delete and move bookmarks in batches
  • 🌐 Metadata Fetching - Auto-fetch webpage titles and favicon icons
  • 🎨 Modern UI - Clean and beautiful user interface
  • 📱 Responsive Design - Adapts to different screen sizes
  • ⚡ Fast Performance - SQLite-based local database for quick queries
  • 🔒 Secure & Reliable - Supports intranet HTTPS sites

Technical Architecture

Backend Stack

  • Go 1.21+ - Primary programming language
  • Chi - Lightweight HTTP router
  • SQLite - Local database storage
  • Go Modules - Dependency management

Frontend Stack

  • Vue.js 3 - Modern JavaScript framework
  • HTML5/CSS3 - Page layout and styling
  • Fetch API - HTTP request handling

Data Storage

  • SQLite database file: data.db
  • Foreign key constraints and data consistency
  • Automatic position maintenance

Quick Start

System Requirements

  • Go 1.21 or higher
  • SQLite-supported operating system (Windows/macOS/Linux)

Installation Steps

  1. Clone or download the project

    git clone <project-url>
cd bookmarks

  2. Run the application

    go run main.go

    Configuration options:

    • Custom port: go run main.go -port 3000
    • Custom data path: go run main.go -dataUrl=/path/to/your/data/
    • Combined configuration: go run main.go -dataUrl=/path/to/data -port 8080
    • View all options: go run main.go -h

  3. Access the application

Configuration Options

You can customize the bookmark manager via command line parameters:

Available Parameters:

  • -dataUrl: Data storage path (default: "./")
  • -port: Server listening port (default: "8901")

Examples:

# Custom data path
go run main.go -dataUrl=/path/to/your/data/

# Custom port
go run main.go -port 3000

# Combined configuration
go run main.go -dataUrl=/path/to/data -port 8080

# View all options
go run main.go -h

Usage Guide

Basic Operations

  1. Create Folders

    • Click "New Folder" button on the left panel
    • Or right-click existing folder and select "New Subfolder"

  2. Add Bookmarks

    • Click "Add URL" button on the left panel
    • Or right-click folder and select "Add URL"
    • Enter URL and click "Fetch Info" to auto-fill title and icon

  3. Edit Items

    • Double-click folder or bookmark name to edit
    • Or right-click and select "Edit" option

  4. Delete Items

    • Right-click and select "Delete" option
    • Or use batch deletion in edit mode

Advanced Features

  1. Reordering

    • Drag folders or bookmarks to new positions
    • Or use "Move Up"/"Move Down" options in right-click menu

  2. Move to Folder

    • Right-click and select "Move to Folder"
    • Select target folder and confirm

  3. Batch Operations

    • Click "Edit" button to enter edit mode
    • Use checkboxes to select multiple items
    • Execute batch delete or move operations

  4. Search and Organization

    • Organize bookmarks through folder structure
    • View bookmark path information

Keyboard Shortcuts

  • Right-click Menu: Right-click any item to see available operations
  • Double-click Edit: Double-click item name for quick editing
  • Drag & Drop: Directly drag to target position
  • Batch Selection: Use edit mode for batch operations

API Documentation

RESTful API Endpoints

  • GET /api/tree - Get complete tree structure
  • GET /api/metadata?url=<url> - Fetch webpage metadata
  • POST /api/folders - Create folder
  • POST /api/bookmarks - Create bookmark
  • PUT /api/nodes/{id} - Update node
  • DELETE /api/nodes/{id} - Delete node
  • POST /api/nodes/reorder - Reorder nodes

Request Examples

# Get tree structure
curl http://localhost:8901/api/tree

# Create folder
curl -X POST http://localhost:8901/api/folders \
  -H "Content-Type: application/json" \
  -d '{"title":"Work Related","parent_id":null}'

# Create bookmark
curl -X POST http://localhost:8901/api/bookmarks \
  -H "Content-Type: application/json" \
  -d '{"title":"GitHub","url":"https://github.com","parent_id":1}'

Configuration

Database Configuration

  • Database file location: configurable via -dataUrl parameter
  • Default location: data.db in current directory
  • Automatically creates necessary tables and indexes

Server Configuration

  • Default port: 8901
  • Static file serving support
  • Built-in CORS support

Project Structure

bookmarks/
├── main.go              # Main program entry point
├── go.mod               # Go module definition
├── go.sum               # Dependency checksums
├── data.db              # SQLite database file (generated at runtime)
├── static/              # Static files directory
│   ├── index.html       # Main page
│   ├── app.js          # Vue.js application
│   └── style.css       # Style sheet
├── README.md           # Chinese documentation
├── README.en.md        # English documentation
└── techfunway.bookmarks/ # Packaging related files

Development

Environment Requirements

  • Go 1.21+
  • Modern browser support (Chrome, Firefox, Safari, Edge)

Development Run

# Start development server
go run main.go

# After modifying frontend code, refresh browser to see changes

Deployment Recommendations

  • Can be packaged as single executable file
  • Runs on any platform supporting Go
  • Data files can be separated from program for easy backup

Troubleshooting

Common Issues

  1. Port Already in Use

    • Check if port 8901 is occupied by other programs
    • Or modify port configuration in code

  2. Database Errors

    • Ensure write permissions
    • Check if disk space is sufficient

  3. Metadata Fetching Failures

    • Check network connection
    • Some websites may restrict crawler access

  4. HTTPS Site Access Failures

    • Application supports self-signed certificates
    • Intranet HTTPS sites can be accessed normally

Log Viewing

  • Server startup shows running port
  • Browser developer tools for frontend errors
  • Server logs show API requests and error information

License

This project uses the MIT License, see LICENSE file for details.

Contributing

Issues and Pull Requests are welcome!

  1. Fork the repository
  2. Create feature branch (git checkout -b feature/AmazingFeature)
  3. Commit changes (git commit -m 'Add some AmazingFeature')
  4. Push to branch (git push origin feature/AmazingFeature)
  5. Open Pull Request

Changelog

v1.0.0

  • Initial release
  • Basic folder and bookmark management
  • Drag & drop reordering support
  • Batch operations functionality
  • Webpage metadata fetching