Initial commit: ToolHub ASP.NET Core app

.dockerignore

@@ -0,0 +1,102 @@
+# Git
+.git
+.gitignore
+.gitattributes
+
+# Visual Studio
+.vs/
+*.user
+*.suo
+*.userosscache
+*.sln.docstates
+
+# Build results
+[Dd]ebug/
+[Dd]ebugPublic/
+[Rr]elease/
+[Rr]eleases/
+x64/
+x86/
+build/
+bld/
+[Bb]in/
+[Oo]bj/
+[Oo]ut/
+msbuild.log
+msbuild.err
+msbuild.wrn
+
+# NuGet
+*.nupkg
+*.snupkg
+**/[Pp]ackages/*
+!**/[Pp]ackages/build/
+*.nuget.props
+*.nuget.targets
+
+# User-specific files
+*.rsuser
+*.suo
+*.user
+*.userosscache
+*.sln.docstates
+
+# Mono auto generated files
+mono_crash.*
+
+# Windows image file caches
+Thumbs.db
+ehthumbs.db
+
+# Folder config file
+[Dd]esktop.ini
+
+# Recycle Bin used on file shares
+$RECYCLE.BIN/
+
+# Windows Installer files
+*.cab
+*.msi
+*.msix
+*.msm
+*.msp
+
+# Windows shortcuts
+*.lnk
+
+# JetBrains Rider
+.idea/
+*.sln.iml
+
+# macOS
+.DS_Store
+
+# Linux
+*~
+
+# Temporary files
+*.tmp
+*.temp
+
+# Logs
+*.log
+
+# Database files (will be created in container)
+*.db
+*.db-shm
+*.db-wal
+
+# Docker
+Dockerfile*
+docker-compose*
+.dockerignore
+
+# Documentation
+README.md
+*.md
+
+# Test files
+**/test/
+**/tests/
+**/*.Tests/
+**/*.tests/

Controllers/AdminController.cs

@@ -0,0 +1,109 @@
+using Microsoft.AspNetCore.Mvc;
+using Microsoft.AspNetCore.Authorization;
+using Microsoft.AspNetCore.Authentication;
+using Microsoft.AspNetCore.Authentication.Cookies;
+using System.Security.Claims;
+using ToolHub.Models;
+using ToolHub.Services;
+
+namespace ToolHub.Controllers;
+
+public class AdminController : Controller
+{
+    private readonly IUserService _userService;
+    private readonly IToolService _toolService;
+    private readonly IFreeSql _freeSql;
+
+    public AdminController(IUserService userService, IToolService toolService, IFreeSql freeSql)
+    {
+        _userService = userService;
+        _toolService = toolService;
+        _freeSql = freeSql;
+    }
+
+    [HttpGet]
+    public IActionResult Login()
+    {
+        if (User.Identity?.IsAuthenticated == true)
+        {
+            return RedirectToAction("Index");
+        }
+        return View();
+    }
+
+    [HttpPost]
+    public async Task<IActionResult> Login(string email, string password, bool rememberMe = false)
+    {
+        if (string.IsNullOrEmpty(email) || string.IsNullOrEmpty(password))
+        {
+            ViewBag.Error = "请输入邮箱和密码";
+            return View();
+        }
+
+        var user = await _userService.GetUserByEmailAsync(email);
+        if (user == null || user.Role != "Admin" || !await _userService.VerifyPasswordAsync(email, password))
+        {
+            ViewBag.Error = "邮箱或密码错误，或您不是管理员";
+            return View();
+        }
+
+        var claims = new List<Claim>
+        {
+            new(ClaimTypes.NameIdentifier, user.Id.ToString()),
+            new(ClaimTypes.Name, user.UserName),
+            new(ClaimTypes.Email, user.Email),
+            new(ClaimTypes.Role, user.Role)
+        };
+
+        var claimsIdentity = new ClaimsIdentity(claims, CookieAuthenticationDefaults.AuthenticationScheme);
+        var authProperties = new AuthenticationProperties
+        {
+            IsPersistent = rememberMe,
+            ExpiresUtc = rememberMe ? DateTimeOffset.UtcNow.AddDays(7) : DateTimeOffset.UtcNow.AddHours(1)
+        };
+
+        await HttpContext.SignInAsync(CookieAuthenticationDefaults.AuthenticationScheme,
+            new ClaimsPrincipal(claimsIdentity), authProperties);
+
+        return RedirectToAction("Index");
+    }
+
+    [HttpPost]
+    [Authorize(Roles = "Admin")]
+    public async Task<IActionResult> Logout()
+    {
+        await HttpContext.SignOutAsync(CookieAuthenticationDefaults.AuthenticationScheme);
+        return RedirectToAction("Login");
+    }
+
+    [Authorize(Roles = "Admin")]
+    public async Task<IActionResult> Index()
+    {
+        // 统计数据
+        ViewBag.TotalTools = await _freeSql.Select<Tool>().Where(t => t.IsActive).CountAsync();
+        ViewBag.TotalCategories = await _freeSql.Select<Category>().Where(c => c.IsActive).CountAsync();
+        ViewBag.TotalUsers = await _freeSql.Select<User>().Where(u => u.IsActive).CountAsync();
+        ViewBag.TotalViews = await _freeSql.Select<Tool>().SumAsync(t => t.ViewCount);
+
+        // 最新工具
+        ViewBag.RecentTools = await _freeSql.Select<Tool>()
+            .Include(t => t.Category)
+            .Where(t => t.IsActive)
+            .OrderByDescending(t => t.CreatedAt)
+            .Take(5)
+            .ToListAsync();
+
+        return View();
+    }
+
+    [Authorize(Roles = "Admin")]
+    public async Task<IActionResult> Users(int page = 1)
+    {
+        var users = await _freeSql.Select<User>()
+            .Where(u => u.IsActive)
+            .OrderByDescending(u => u.CreatedAt)
+            .Page(page, 20)
+            .ToListAsync();
+        return View(users);
+    }
+}

Controllers/CategoryController.cs

@@ -0,0 +1,202 @@
+using Microsoft.AspNetCore.Mvc;
+using Microsoft.AspNetCore.Authorization;
+using ToolHub.Models;
+
+namespace ToolHub.Controllers;
+
+[Authorize(Roles = "Admin")]
+public class CategoryController : Controller
+{
+    private readonly IFreeSql _freeSql;
+
+    public CategoryController(IFreeSql freeSql)
+    {
+        _freeSql = freeSql;
+    }
+
+    // 类别管理页面
+    public async Task<IActionResult> Index(int page = 1)
+    {
+        var pageSize = 20;
+        var categories = await _freeSql.Select<Category>()
+            .IncludeMany(c => c.Tools)
+            .Where(c => c.IsActive)
+            .OrderBy(c => c.SortOrder)
+            .Page(page, pageSize)
+            .ToListAsync();
+            
+        // 获取总数用于分页
+        var totalCount = (int)await _freeSql.Select<Category>()
+            .Where(c => c.IsActive)
+            .CountAsync();
+        var totalPages = (int)Math.Ceiling((double)totalCount / pageSize);
+        
+        ViewBag.CurrentPage = page;
+        ViewBag.TotalCount = totalCount;
+        ViewBag.TotalPages = totalPages;
+        ViewBag.PageSize = pageSize;
+        
+        return View(categories);
+    }
+
+    // 获取分页分类列表（AJAX）
+    [HttpGet]
+    public async Task<IActionResult> GetCategories(int page = 1)
+    {
+        try
+        {
+            var pageSize = 20;
+            var categories = await _freeSql.Select<Category>()
+                .IncludeMany(c => c.Tools)
+                .Where(c => c.IsActive)
+                .OrderBy(c => c.SortOrder)
+                .Page(page, pageSize)
+                .ToListAsync();
+                
+            var totalCount = (int)await _freeSql.Select<Category>()
+                .Where(c => c.IsActive)
+                .CountAsync();
+            var totalPages = (int)Math.Ceiling((double)totalCount / pageSize);
+            
+            return Json(new
+            {
+                categories = categories,
+                pagination = new
+                {
+                    currentPage = page,
+                    totalPages = totalPages,
+                    totalCount = totalCount,
+                    pageSize = pageSize,
+                    hasNext = page < totalPages,
+                    hasPrev = page > 1
+                }
+            });
+        }
+        catch
+        {
+            return Json(new { success = false, message = "获取分类列表失败" });
+        }
+    }
+
+    // 保存类别（添加/编辑）
+    [HttpPost]
+    public async Task<IActionResult> Save([FromBody] CategoryDto categoryDto)
+    {
+        try
+        {
+            if (categoryDto.Id == 0)
+            {
+                // 添加新分类
+                var category = new Category
+                {
+                    Name = categoryDto.Name,
+                    Description = categoryDto.Description,
+                    Icon = categoryDto.Icon,
+                    Color = categoryDto.Color,
+                    SortOrder = categoryDto.SortOrder,
+                    IsActive = true
+                };
+                await _freeSql.Insert(category).ExecuteAffrowsAsync();
+            }
+            else
+            {
+                // 更新分类
+                await _freeSql.Update<Category>()
+                    .Where(c => c.Id == categoryDto.Id)
+                    .Set(c => c.Name, categoryDto.Name)
+                    .Set(c => c.Description, categoryDto.Description)
+                    .Set(c => c.Icon, categoryDto.Icon)
+                    .Set(c => c.Color, categoryDto.Color)
+                    .Set(c => c.SortOrder, categoryDto.SortOrder)
+                    .Set(c => c.UpdatedAt, DateTime.Now)
+                    .ExecuteAffrowsAsync();
+            }
+            return Json(new { success = true });
+        }
+        catch
+        {
+            return Json(new { success = false });
+        }
+    }
+
+    // 切换类别状态
+    [HttpPost]
+    public async Task<IActionResult> ToggleStatus([FromBody] ToggleCategoryStatusRequest request)
+    {
+        try
+        {
+            await _freeSql.Update<Category>()
+                .Where(c => c.Id == request.Id)
+                .Set(c => c.IsActive, request.IsActive)
+                .Set(c => c.UpdatedAt, DateTime.Now)
+                .ExecuteAffrowsAsync();
+            return Json(new { success = true });
+        }
+        catch
+        {
+            return Json(new { success = false });
+        }
+    }
+
+    // 删除类别
+    [HttpPost]
+    public async Task<IActionResult> Delete([FromBody] DeleteCategoryRequest request)
+    {
+        try
+        {
+            // 检查是否有工具使用此分类
+            var toolCount = await _freeSql.Select<Tool>().Where(t => t.CategoryId == request.Id).CountAsync();
+            if (toolCount > 0)
+            {
+                return Json(new { success = false, message = "该分类下还有工具，无法删除" });
+            }
+            
+            await _freeSql.Delete<Category>().Where(c => c.Id == request.Id).ExecuteAffrowsAsync();
+            return Json(new { success = true });
+        }
+        catch
+        {
+            return Json(new { success = false });
+        }
+    }
+
+    // 获取类别列表（用于下拉选择）
+    [HttpGet]
+    public async Task<IActionResult> GetList()
+    {
+        try
+        {
+            var categories = await _freeSql.Select<Category>()
+                .Where(c => c.IsActive)
+                .OrderBy(c => c.SortOrder)
+                .ToListAsync();
+            return Json(categories);
+        }
+        catch
+        {
+            return Json(new List<Category>());
+        }
+    }
+}
+
+// DTOs
+public class CategoryDto
+{
+    public int Id { get; set; }
+    public string Name { get; set; } = string.Empty;
+    public string? Description { get; set; }
+    public string? Icon { get; set; }
+    public string? Color { get; set; }
+    public int SortOrder { get; set; }
+}
+
+public class ToggleCategoryStatusRequest
+{
+    public int Id { get; set; }
+    public bool IsActive { get; set; }
+}
+
+public class DeleteCategoryRequest
+{
+    public int Id { get; set; }
+}

Controllers/HomeController.cs

@@ -0,0 +1,72 @@
+using System.Diagnostics;
+using Microsoft.AspNetCore.Mvc;
+using ToolHub.Models;
+using ToolHub.Services;
+
+namespace ToolHub.Controllers
+{
+    public class HomeController : Controller
+    {
+        private readonly ILogger<HomeController> _logger;
+        private readonly IToolService _toolService;
+
+        public HomeController(ILogger<HomeController> logger, IToolService toolService)
+        {
+            _logger = logger;
+            _toolService = toolService;
+        }
+
+        public async Task<IActionResult> Index()
+        {
+            ViewBag.Categories = await _toolService.GetCategoriesAsync();
+            ViewBag.HotTools = await _toolService.GetHotToolsAsync();
+            ViewBag.NewTools = await _toolService.GetNewToolsAsync();
+            
+            return View();
+        }
+
+        public async Task<IActionResult> Tools(int categoryId = 0, int page = 1, string? search = null)
+        {
+            ViewBag.Categories = await _toolService.GetCategoriesAsync();
+            ViewBag.CurrentCategory = categoryId;
+            ViewBag.Search = search;
+            
+            List<Tool> tools;
+            if (!string.IsNullOrEmpty(search))
+            {
+                tools = await _toolService.SearchToolsAsync(search, page);
+            }
+            else
+            {
+                tools = await _toolService.GetToolsByCategoryAsync(categoryId, page);
+            }
+            
+            return View(tools);
+        }
+
+        public async Task<IActionResult> Tool(int id)
+        {
+            var tool = await _toolService.GetToolByIdAsync(id);
+            if (tool == null)
+            {
+                return NotFound();
+            }
+
+            // 增加浏览次数
+            await _toolService.IncrementViewCountAsync(id);
+            
+            return View(tool);
+        }
+
+        public IActionResult Privacy()
+        {
+            return View();
+        }
+
+        [ResponseCache(Duration = 0, Location = ResponseCacheLocation.None, NoStore = true)]
+        public IActionResult Error()
+        {
+            return View(new ErrorViewModel { RequestId = Activity.Current?.Id ?? HttpContext.TraceIdentifier });
+        }
+    }
+}

Controllers/TagController.cs

@@ -0,0 +1,292 @@
+using Microsoft.AspNetCore.Mvc;
+using Microsoft.AspNetCore.Authorization;
+using ToolHub.Models;
+
+namespace ToolHub.Controllers;
+
+[Authorize(Roles = "Admin")]
+public class TagController : Controller
+{
+    private readonly IFreeSql _freeSql;
+
+    public TagController(IFreeSql freeSql)
+    {
+        _freeSql = freeSql;
+    }
+
+    // 标签管理页面
+    public async Task<IActionResult> Index(int page = 1)
+    {
+        var pageSize = 20;
+        var tags = await _freeSql.Select<Tag>()
+            .IncludeMany(t => t.ToolTags)
+            .Where(t => t.IsActive)
+            .OrderBy(t => t.Name)
+            .Page(page, pageSize)
+            .ToListAsync();
+
+        // 获取总数用于分页
+        var totalCount = (int)await _freeSql.Select<Tag>()
+            .Where(t => t.IsActive)
+            .CountAsync();
+        var totalPages = (int)Math.Ceiling((double)totalCount / pageSize);
+
+        ViewBag.CurrentPage = page;
+        ViewBag.TotalCount = totalCount;
+        ViewBag.TotalPages = totalPages;
+        ViewBag.PageSize = pageSize;
+
+        return View(tags);
+    }
+
+    // 获取分页标签列表（AJAX）
+    [HttpGet]
+    public async Task<IActionResult> GetTags(int page = 1)
+    {
+        try
+        {
+            var pageSize = 20;
+            var tags = await _freeSql.Select<Tag>()
+                .IncludeMany(t => t.ToolTags)
+                .Where(t => t.IsActive)
+                .OrderBy(t => t.Name)
+                .Page(page, pageSize)
+                .ToListAsync();
+
+            var totalCount = (int)await _freeSql.Select<Tag>()
+                .Where(t => t.IsActive)
+                .CountAsync();
+            var totalPages = (int)Math.Ceiling((double)totalCount / pageSize);
+
+            return Json(new
+            {
+                tags = tags,
+                pagination = new
+                {
+                    currentPage = page,
+                    totalPages = totalPages,
+                    totalCount = totalCount,
+                    pageSize = pageSize,
+                    hasNext = page < totalPages,
+                    hasPrev = page > 1
+                }
+            });
+        }
+        catch
+        {
+            return Json(new { success = false, message = "获取标签列表失败" });
+        }
+    }
+
+    // 获取单个标签信息
+    [HttpGet]
+    public async Task<IActionResult> Get(int id)
+    {
+        try
+        {
+            var tag = await _freeSql.Select<Tag>()
+                .Where(t => t.Id == id)
+                .FirstAsync();
+
+            if (tag == null)
+                return NotFound();
+
+            return Json(tag);
+        }
+        catch
+        {
+            return StatusCode(500);
+        }
+    }
+
+    // 保存标签（添加/编辑）
+    [HttpPost]
+    public async Task<IActionResult> Save([FromBody] TagDto tagDto)
+    {
+        try
+        {
+            if (tagDto.Id == 0)
+            {
+                // 添加新标签
+                var tag = new Tag
+                {
+                    Name = tagDto.Name,
+                    Color = tagDto.Color,
+                    IsActive = true
+                };
+                await _freeSql.Insert(tag).ExecuteAffrowsAsync();
+            }
+            else
+            {
+                // 更新标签
+                await _freeSql.Update<Tag>()
+                    .Where(t => t.Id == tagDto.Id)
+                    .Set(t => t.Name, tagDto.Name)
+                    .Set(t => t.Color, tagDto.Color)
+                    .ExecuteAffrowsAsync();
+            }
+            return Json(new { success = true });
+        }
+        catch
+        {
+            return Json(new { success = false });
+        }
+    }
+
+    // 切换标签状态
+    [HttpPost]
+    public async Task<IActionResult> ToggleStatus([FromBody] ToggleTagStatusRequest request)
+    {
+        try
+        {
+            await _freeSql.Update<Tag>()
+                .Where(t => t.Id == request.Id)
+                .Set(t => t.IsActive, request.IsActive)
+                .ExecuteAffrowsAsync();
+            return Json(new { success = true });
+        }
+        catch
+        {
+            return Json(new { success = false });
+        }
+    }
+
+    // 删除标签
+    [HttpPost]
+    public async Task<IActionResult> Delete([FromBody] DeleteTagRequest request)
+    {
+        try
+        {
+            // 检查是否有工具使用此标签
+            var toolTagCount = await _freeSql.Select<ToolTag>().Where(tt => tt.TagId == request.Id).CountAsync();
+            if (toolTagCount > 0)
+            {
+                return Json(new { success = false, message = "该标签下还有工具，无法删除" });
+            }
+
+            await _freeSql.Delete<Tag>().Where(t => t.Id == request.Id).ExecuteAffrowsAsync();
+            return Json(new { success = true });
+        }
+        catch
+        {
+            return Json(new { success = false });
+        }
+    }
+
+    // 获取标签列表（用于下拉选择）
+    [HttpGet]
+    public async Task<IActionResult> GetList()
+    {
+        try
+        {
+            var tags = await _freeSql.Select<Tag>()
+                .Where(t => t.IsActive)
+                .OrderBy(t => t.Name)
+                .ToListAsync();
+            return Json(tags);
+        }
+        catch
+        {
+            return Json(new List<Tag>());
+        }
+    }
+
+    // 为工具添加标签
+    [HttpPost]
+    public async Task<IActionResult> AddToolTag([FromBody] AddToolTagRequest request)
+    {
+        try
+        {
+            // 检查是否已存在
+            var existing = await _freeSql.Select<ToolTag>()
+                .Where(tt => tt.ToolId == request.ToolId && tt.TagId == request.TagId)
+                .FirstAsync();
+
+            if (existing != null)
+            {
+                return Json(new { success = false, message = "该工具已添加此标签" });
+            }
+
+            var toolTag = new ToolTag
+            {
+                ToolId = request.ToolId,
+                TagId = request.TagId
+            };
+
+            await _freeSql.Insert(toolTag).ExecuteAffrowsAsync();
+            return Json(new { success = true });
+        }
+        catch
+        {
+            return Json(new { success = false });
+        }
+    }
+
+    // 移除工具标签
+    [HttpPost]
+    public async Task<IActionResult> RemoveToolTag([FromBody] RemoveToolTagRequest request)
+    {
+        try
+        {
+            await _freeSql.Delete<ToolTag>()
+                .Where(tt => tt.ToolId == request.ToolId && tt.TagId == request.TagId)
+                .ExecuteAffrowsAsync();
+            return Json(new { success = true });
+        }
+        catch
+        {
+            return Json(new { success = false });
+        }
+    }
+
+    // 获取工具的标签
+    [HttpGet]
+    public async Task<IActionResult> GetToolTags(int toolId)
+    {
+        try
+        {
+            var toolTags = await _freeSql.Select<ToolTag>()
+                .Include(tt => tt.Tag)
+                .Where(tt => tt.ToolId == toolId)
+                .ToListAsync();
+
+            var tags = toolTags.Select(tt => tt.Tag).ToList();
+            return Json(tags);
+        }
+        catch
+        {
+            return Json(new List<Tag>());
+        }
+    }
+}
+
+// DTOs
+public class TagDto
+{
+    public int Id { get; set; }
+    public string Name { get; set; } = string.Empty;
+    public string? Color { get; set; }
+}
+
+public class ToggleTagStatusRequest
+{
+    public int Id { get; set; }
+    public bool IsActive { get; set; }
+}
+
+public class DeleteTagRequest
+{
+    public int Id { get; set; }
+}
+
+public class AddToolTagRequest
+{
+    public int ToolId { get; set; }
+    public int TagId { get; set; }
+}
+
+public class RemoveToolTagRequest
+{
+    public int ToolId { get; set; }
+    public int TagId { get; set; }
+}

Controllers/ToolController.cs

@@ -0,0 +1,345 @@
+using Microsoft.AspNetCore.Mvc;
+using Microsoft.AspNetCore.Authorization;
+using ToolHub.Models;
+using ToolHub.Services;
+
+namespace ToolHub.Controllers;
+
+[Authorize(Roles = "Admin")]
+public class ToolController : Controller
+{
+    private readonly IToolService _toolService;
+    private readonly IFreeSql _freeSql;
+
+    public ToolController(IToolService toolService, IFreeSql freeSql)
+    {
+        _toolService = toolService;
+        _freeSql = freeSql;
+    }
+
+    // 工具管理页面
+    public async Task<IActionResult> Index(int page = 1, int categoryId = 0)
+    {
+        ViewBag.Categories = await _toolService.GetCategoriesAsync();
+        ViewBag.CurrentCategory = categoryId;
+        ViewBag.CurrentPage = page;
+
+        var pageSize = 20;
+        var tools = await _toolService.GetToolsByCategoryAsync(categoryId, page, pageSize,true);
+        
+        // 获取总数用于分页
+        var totalCount = await GetToolsCountAsync(categoryId);
+        var totalPages = (int)Math.Ceiling((double)totalCount / pageSize);
+        
+        ViewBag.TotalCount = totalCount;
+        ViewBag.TotalPages = totalPages;
+        ViewBag.PageSize = pageSize;
+        
+        return View(tools);
+    }
+
+    // 获取工具总数
+    private async Task<int> GetToolsCountAsync(int categoryId = 0)
+    {
+        var query = _freeSql.Select<Tool>().Where(t => t.IsActive);
+        
+        if (categoryId > 0)
+        {
+            query = query.Where(t => t.CategoryId == categoryId);
+        }
+        
+        return (int)await query.CountAsync();
+    }
+
+    // 获取分页工具列表（AJAX）
+    [HttpGet]
+    public async Task<IActionResult> GetTools(int page = 1, int categoryId = 0, string search = "")
+    {
+        try
+        {
+            var pageSize = 20;
+            List<Tool> tools;
+            int totalCount;
+            
+            if (!string.IsNullOrEmpty(search))
+            {
+                tools = await _toolService.SearchToolsAsync(search, page, pageSize);
+                totalCount = (int)await _freeSql.Select<Tool>()
+                    .Where(t => t.IsActive && (t.Name.Contains(search) || t.Description!.Contains(search)))
+                    .CountAsync();
+            }
+            else
+            {
+                tools = await _toolService.GetToolsByCategoryAsync(categoryId, page, pageSize);
+                totalCount = await GetToolsCountAsync(categoryId);
+            }
+            
+            var totalPages = (int)Math.Ceiling((double)totalCount / pageSize);
+            
+            return Json(new
+            {
+                tools = tools,
+                pagination = new
+                {
+                    currentPage = page,
+                    totalPages = totalPages,
+                    totalCount = totalCount,
+                    pageSize = pageSize,
+                    hasNext = page < totalPages,
+                    hasPrev = page > 1
+                }
+            });
+        }
+        catch
+        {
+            return Json(new { success = false, message = "获取工具列表失败" });
+        }
+    }
+
+    // 获取所有工具列表（用于统计页面）
+    [HttpGet]
+    public async Task<IActionResult> GetAllTools()
+    {
+        try
+        {
+            var tools = await _freeSql.Select<Tool>()
+                .Where(t => t.IsActive)
+                .OrderBy(t => t.Name)
+                .ToListAsync();
+            
+            return Json(new { success = true, tools = tools });
+        }
+        catch
+        {
+            return Json(new { success = false, message = "获取工具列表失败" });
+        }
+    }
+
+    // 获取单个工具信息
+    [HttpGet]
+    public async Task<IActionResult> Get(int id)
+    {
+        try
+        {
+            var tool = await _freeSql.Select<Tool>()
+                .Where(t => t.Id == id)
+                .FirstAsync();
+            
+            if (tool == null)
+                return NotFound();
+                
+            return Json(tool);
+        }
+        catch
+        {
+            return StatusCode(500);
+        }
+    }
+
+    // 保存工具（添加/编辑）
+    [HttpPost]
+    public async Task<IActionResult> Save([FromBody] ToolDto toolDto)
+    {
+        try
+        {
+            if (toolDto.Id == 0)
+            {
+                // 添加新工具
+                var tool = new Tool
+                {
+                    Name = toolDto.Name,
+                    Description = toolDto.Description,
+                    Icon = toolDto.Icon,
+                    Image = toolDto.Image,
+                    Url = toolDto.Url,
+                    CategoryId = toolDto.CategoryId,
+                    IsHot = toolDto.IsHot,
+                    IsNew = toolDto.IsNew,
+                    IsRecommended = toolDto.IsRecommended,
+                    SortOrder = toolDto.SortOrder,
+                    IsActive = true
+                };
+                await _freeSql.Insert(tool).ExecuteAffrowsAsync();
+            }
+            else
+            {
+                // 更新工具
+                await _freeSql.Update<Tool>()
+                    .Where(t => t.Id == toolDto.Id)
+                    .Set(t => t.Name, toolDto.Name)
+                    .Set(t => t.Description, toolDto.Description)
+                    .Set(t => t.Icon, toolDto.Icon)
+                    .Set(t => t.Image, toolDto.Image)
+                    .Set(t => t.Url, toolDto.Url)
+                    .Set(t => t.CategoryId, toolDto.CategoryId)
+                    .Set(t => t.IsHot, toolDto.IsHot)
+                    .Set(t => t.IsNew, toolDto.IsNew)
+                    .Set(t => t.IsRecommended, toolDto.IsRecommended)
+                    .Set(t => t.SortOrder, toolDto.SortOrder)
+                    .Set(t => t.UpdatedAt, DateTime.Now)
+                    .ExecuteAffrowsAsync();
+            }
+            return Json(new { success = true });
+        }
+        catch
+        {
+            return Json(new { success = false });
+        }
+    }
+
+    // 删除工具
+    [HttpPost]
+    public async Task<IActionResult> Delete([FromBody] DeleteToolRequest request)
+    {
+        try
+        {
+            var result = await _toolService.DeleteToolAsync(request.Id);
+            return Json(new { success = result });
+        }
+        catch
+        {
+            return Json(new { success = false });
+        }
+    }
+
+    // 切换工具状态
+    [HttpPost]
+    public async Task<IActionResult> ToggleStatus([FromBody] ToggleToolStatusRequest request)
+    {
+        try
+        {
+            await _freeSql.Update<Tool>()
+                .Where(t => t.Id == request.Id)
+                .Set(t => t.IsActive, request.IsActive)
+                .Set(t => t.UpdatedAt, DateTime.Now)
+                .ExecuteAffrowsAsync();
+            return Json(new { success = true });
+        }
+        catch
+        {
+            return Json(new { success = false });
+        }
+    }
+
+    // 更新工具标志
+    [HttpPost]
+    public async Task<IActionResult> UpdateFlags([FromBody] UpdateToolFlagsRequest request)
+    {
+        try
+        {
+            await _freeSql.Update<Tool>()
+                .Where(t => t.Id == request.Id)
+                .Set(t => t.IsHot, request.IsHot)
+                .Set(t => t.IsNew, request.IsNew)
+                .Set(t => t.IsRecommended, request.IsRecommended)
+                .Set(t => t.UpdatedAt, DateTime.Now)
+                .ExecuteAffrowsAsync();
+            return Json(new { success = true });
+        }
+        catch
+        {
+            return Json(new { success = false });
+        }
+    }
+
+    // 初始化图片压缩工具
+    [HttpGet]
+    public async Task<IActionResult> InitImageCompressor()
+    {
+        try
+        {
+            // 检查是否已存在图片压缩工具
+            var existingTool = await _freeSql.Select<Tool>()
+                .Where(t => t.Name == "图片压缩工具" || t.Url!.Contains("/Tools/ImageCompressor"))
+                .FirstAsync();
+            
+            if (existingTool != null)
+            {
+                return Json(new { success = false, message = "图片压缩工具已存在" });
+            }
+            
+            // 查找或创建图像处理分类
+            var category = await _freeSql.Select<Category>()
+                .Where(c => c.Name == "图像处理" || c.Name == "图片工具")
+                .FirstAsync();
+            
+            if (category == null)
+            {
+                // 创建图像处理分类
+                category = new Category
+                {
+                    Name = "图像处理",
+                    Description = "图片处理、编辑、转换等相关工具",
+                    Icon = "fas fa-image",
+                    Color = "#FF6B35",
+                    SortOrder = 3,
+                    IsActive = true,
+                    CreatedAt = DateTime.Now
+                };
+                var categoryId = await _freeSql.Insert(category).ExecuteIdentityAsync();
+                category.Id = (int)categoryId;
+            }
+            
+            // 添加图片压缩工具
+            var tool = new Tool
+            {
+                Name = "图片压缩工具",
+                Description = "快速压缩图片文件，支持JPG、PNG、WebP等格式，保持高质量的同时大幅减小文件体积",
+                Icon = "fas fa-compress-alt",
+                Image = "",
+                Url = "/Tools/ImageCompressor",
+                CategoryId = category.Id,
+                IsHot = true,
+                IsNew = true,
+                IsRecommended = true,
+                IsActive = true,
+                SortOrder = 1,
+                ViewCount = 0,
+                CreatedAt = DateTime.Now
+            };
+            
+            await _freeSql.Insert(tool).ExecuteAffrowsAsync();
+            
+            return Json(new { success = true, message = "图片压缩工具初始化成功" });
+        }
+        catch (Exception ex)
+        {
+            return Json(new { success = false, message = ex.Message });
+        }
+    }
+}
+
+// DTOs
+public class ToolDto
+{
+    public int Id { get; set; }
+    public string Name { get; set; } = string.Empty;
+    public string? Description { get; set; }
+    public string? Icon { get; set; }
+    public string? Image { get; set; }
+    public string? Url { get; set; }
+    public int CategoryId { get; set; }
+    public bool IsHot { get; set; }
+    public bool IsNew { get; set; }
+    public bool IsRecommended { get; set; }
+    public int SortOrder { get; set; }
+}
+
+public class DeleteToolRequest
+{
+    public int Id { get; set; }
+}
+
+public class ToggleToolStatusRequest
+{
+    public int Id { get; set; }
+    public bool IsActive { get; set; }
+}
+
+public class UpdateToolFlagsRequest
+{
+    public int Id { get; set; }
+    public bool IsHot { get; set; }
+    public bool IsNew { get; set; }
+    public bool IsRecommended { get; set; }
+}

Controllers/ToolStatisticsController.cs

@@ -0,0 +1,153 @@
+using Microsoft.AspNetCore.Mvc;
+using Microsoft.AspNetCore.Authorization;
+using ToolHub.Services;
+using ToolHub.Models;
+
+namespace ToolHub.Controllers;
+
+[Authorize(Roles = "Admin")]
+public class ToolStatisticsController : Controller
+{
+    private readonly IToolService _toolService;
+
+    public ToolStatisticsController(IToolService toolService)
+    {
+        _toolService = toolService;
+    }
+
+    /// <summary>
+    /// 获取工具统计数据页面
+    /// </summary>
+    public async Task<IActionResult> Index(int toolId = 0)
+    {
+        ViewData["Title"] = "工具统计";
+        
+        if (toolId > 0)
+        {
+            var tool = await _toolService.GetToolByIdAsync(toolId);
+            if (tool != null)
+            {
+                ViewData["ToolName"] = tool.Name;
+                ViewData["ToolId"] = toolId;
+            }
+        }
+        
+        return View();
+    }
+
+    /// <summary>
+    /// 获取工具统计数据
+    /// </summary>
+    [HttpGet]
+    public async Task<IActionResult> GetToolStatistics(int toolId, DateTime? date = null)
+    {
+        try
+        {
+            var targetDate = date ?? DateTime.Today;
+            var stats = await _toolService.GetToolStatisticsAsync(toolId, targetDate);
+            
+            return Json(new { success = true, data = stats });
+        }
+        catch (Exception ex)
+        {
+            return Json(new { success = false, message = ex.Message });
+        }
+    }
+
+    /// <summary>
+    /// 获取工具访问记录
+    /// </summary>
+    [HttpGet]
+    public async Task<IActionResult> GetToolAccessRecords(int toolId, DateTime? startDate = null, DateTime? endDate = null, int limit = 100)
+    {
+        try
+        {
+            var records = await _toolService.GetToolAccessRecordsAsync(toolId, startDate, endDate, limit);
+            
+            return Json(new { success = true, data = records });
+        }
+        catch (Exception ex)
+        {
+            return Json(new { success = false, message = ex.Message });
+        }
+    }
+
+    /// <summary>
+    /// 获取用户访问记录
+    /// </summary>
+    [HttpGet]
+    public async Task<IActionResult> GetUserAccessRecords(int userId, DateTime? startDate = null, DateTime? endDate = null, int limit = 100)
+    {
+        try
+        {
+            var records = await _toolService.GetUserToolAccessRecordsAsync(userId, startDate, endDate, limit);
+            
+            return Json(new { success = true, data = records });
+        }
+        catch (Exception ex)
+        {
+            return Json(new { success = false, message = ex.Message });
+        }
+    }
+
+    /// <summary>
+    /// 获取工具使用趋势
+    /// </summary>
+    [HttpGet]
+    public async Task<IActionResult> GetToolUsageTrend(int toolId, int days = 30)
+    {
+        try
+        {
+            var trend = await _toolService.GetToolUsageTrendAsync(toolId, days);
+            
+            return Json(new { success = true, data = trend });
+        }
+        catch (Exception ex)
+        {
+            return Json(new { success = false, message = ex.Message });
+        }
+    }
+
+    /// <summary>
+    /// 获取热门工具
+    /// </summary>
+    [HttpGet]
+    public async Task<IActionResult> GetPopularTools(int count = 10, DateTime? startDate = null)
+    {
+        try
+        {
+            var tools = await _toolService.GetPopularToolsAsync(count, startDate);
+            
+            return Json(new { success = true, data = tools });
+        }
+        catch (Exception ex)
+        {
+            return Json(new { success = false, message = ex.Message });
+        }
+    }
+
+    /// <summary>
+    /// 记录工具操作
+    /// </summary>
+    [HttpPost]
+    public async Task<IActionResult> RecordToolAction([FromBody] RecordToolActionRequest request)
+    {
+        try
+        {
+            await _toolService.RecordToolActionAsync(request.ToolId, request.ActionType, request.Duration);
+            
+            return Json(new { success = true });
+        }
+        catch (Exception ex)
+        {
+            return Json(new { success = false, message = ex.Message });
+        }
+    }
+}
+
+public class RecordToolActionRequest
+{
+    public int ToolId { get; set; }
+    public string ActionType { get; set; } = "view";
+    public int Duration { get; set; } = 0;
+}

Controllers/ToolsController.cs

@@ -0,0 +1,27 @@
+using Microsoft.AspNetCore.Mvc;
+using ToolHub.Services;
+
+namespace ToolHub.Controllers;
+
+public class ToolsController : Controller
+{
+    private readonly IToolService _toolService;
+
+    public ToolsController(IToolService toolService)
+    {
+        _toolService = toolService;
+    }
+
+    // 图片压缩工具页面
+    public async Task<IActionResult> ImageCompressor()
+    {
+        // 增加访问计数
+        await _toolService.IncrementViewCountAsync( nameof(ImageCompressor));
+        
+        ViewData["Title"] = "图片压缩工具";
+        ViewData["Description"] = "快速压缩图片，支持JPG、PNG、WebP等格式，保持高质量的同时大幅减小文件体积";
+        ViewData["Keywords"] = "图片压缩,在线压缩,图片优化,文件压缩";
+        
+        return View();
+    }
+}

Dockerfile

@@ -0,0 +1,61 @@
+# 使用官方.NET 9.0运行时镜像作为基础镜像
+FROM mcr.microsoft.com/dotnet/aspnet:9.0 AS base
+WORKDIR /app
+EXPOSE 7860
+
+# 安装supervisor和其他必要工具
+RUN apt-get update && apt-get install -y \
+    supervisor \
+    curl \
+    && rm -rf /var/lib/apt/lists/*
+
+# 创建supervisor配置目录
+RUN mkdir -p /var/log/supervisor /etc/supervisor/conf.d
+
+# 复制supervisor配置文件
+COPY supervisord.conf /etc/supervisor/conf.d/supervisord.conf
+
+# 使用官方.NET 9.0 SDK镜像进行构建
+FROM mcr.microsoft.com/dotnet/sdk:9.0 AS build
+WORKDIR /src
+
+# 复制项目文件
+COPY ["ToolHub.csproj", "./"]
+RUN dotnet restore "ToolHub.csproj"
+
+# 复制所有源代码
+COPY . .
+WORKDIR "/src"
+
+# 构建应用
+RUN dotnet build "ToolHub.csproj" -c Release -o /app/build
+
+# 发布应用
+FROM build AS publish
+RUN dotnet publish "ToolHub.csproj" -c Release -o /app/publish /p:UseAppHost=false
+
+# 最终镜像
+FROM base AS final
+WORKDIR /app
+
+# 复制发布的应用
+COPY --from=publish /app/publish .
+
+# 复制启动脚本
+COPY start.sh /app/start.sh
+RUN chmod +x /app/start.sh
+
+# 创建数据目录
+RUN mkdir -p /app/data
+
+# 设置环境变量
+ENV ASPNETCORE_URLS=http://+:7860
+ENV ASPNETCORE_ENVIRONMENT=Production
+ENV DOTNET_RUNNING_IN_CONTAINER=true
+
+# 健康检查
+HEALTHCHECK --interval=30s --timeout=3s --start-period=5s --retries=3 \
+    CMD curl -f http://localhost:7860/ || exit 1
+
+# 使用supervisor启动应用
+CMD ["/usr/bin/supervisord", "-c", "/etc/supervisor/conf.d/supervisord.conf"]

Models/Category.cs

@@ -0,0 +1,34 @@
+using FreeSql.DataAnnotations;
+
+namespace ToolHub.Models;
+
+[Table(Name = "Categories")]
+public class Category
+{
+    [Column(IsIdentity = true, IsPrimary = true)]
+    public int Id { get; set; }
+
+    [Column(StringLength = 100)]
+    public string Name { get; set; } = string.Empty;
+
+    [Column(StringLength = 500)]
+    public string? Description { get; set; }
+
+    [Column(StringLength = 50)]
+    public string? Icon { get; set; }
+
+    [Column(StringLength = 20)]
+    public string? Color { get; set; }
+
+    public int SortOrder { get; set; } = 0;
+
+    public bool IsActive { get; set; } = true;
+
+    public DateTime CreatedAt { get; set; } = DateTime.Now;
+
+    public DateTime? UpdatedAt { get; set; }
+
+    // 导航属性
+    [Navigate(nameof(Tool.CategoryId))]
+    public List<Tool> Tools { get; set; } = new();
+}

Models/ErrorViewModel.cs

@@ -0,0 +1,9 @@
+namespace ToolHub.Models
+{
+    public class ErrorViewModel
+    {
+        public string? RequestId { get; set; }
+
+        public bool ShowRequestId => !string.IsNullOrEmpty(RequestId);
+    }
+}

Models/Tag.cs

@@ -0,0 +1,24 @@
+using FreeSql.DataAnnotations;
+
+namespace ToolHub.Models;
+
+[Table(Name = "Tags")]
+public class Tag
+{
+    [Column(IsIdentity = true, IsPrimary = true)]
+    public int Id { get; set; }
+
+    [Column(StringLength = 50)]
+    public string Name { get; set; } = string.Empty;
+
+    [Column(StringLength = 20)]
+    public string? Color { get; set; }
+
+    public bool IsActive { get; set; } = true;
+
+    public DateTime CreatedAt { get; set; } = DateTime.Now;
+
+    // 导航属性
+    [Navigate(nameof(ToolTag.TagId))]
+    public List<ToolTag> ToolTags { get; set; } = new();
+}

Models/Tool.cs

@@ -0,0 +1,59 @@
+using FreeSql.DataAnnotations;
+
+namespace ToolHub.Models;
+
+[Table(Name = "Tools")]
+public class Tool
+{
+    [Column(IsIdentity = true, IsPrimary = true)]
+    public int Id { get; set; }
+
+    [Column(StringLength = 200)]
+    public string Name { get; set; } = string.Empty;
+
+    [Column(StringLength = 1000)]
+    public string? Description { get; set; }
+
+    [Column(StringLength = 500)]
+    public string? Icon { get; set; }
+
+    [Column(StringLength = 500)]
+    public string? Image { get; set; }
+
+    [Column(StringLength = 500)]
+    public string? Url { get; set; }
+
+    public int CategoryId { get; set; }
+
+    public int ViewCount { get; set; } = 0;
+
+    public int FavoriteCount { get; set; } = 0;
+
+    public decimal Rating { get; set; } = 0;
+
+    public int RatingCount { get; set; } = 0;
+
+    public bool IsHot { get; set; } = false;
+
+    public bool IsNew { get; set; } = false;
+
+    public bool IsRecommended { get; set; } = false;
+
+    public bool IsActive { get; set; } = true;
+
+    public int SortOrder { get; set; } = 0;
+
+    public DateTime CreatedAt { get; set; } = DateTime.Now;
+
+    public DateTime? UpdatedAt { get; set; }
+
+    // 导航属性
+    [Navigate(nameof(CategoryId))]
+    public Category Category { get; set; } = null!;
+
+    [Navigate(nameof(UserFavorite.ToolId))]
+    public List<UserFavorite> UserFavorites { get; set; } = new();
+
+    [Navigate(nameof(ToolTag.ToolId))]
+    public List<ToolTag> ToolTags { get; set; } = new();
+}

Models/ToolStatistics.cs

@@ -0,0 +1,36 @@
+using FreeSql.DataAnnotations;
+
+namespace ToolHub.Models;
+
+[Table(Name = "ToolStatistics")]
+public class ToolStatistics
+{
+    [Column(IsIdentity = true, IsPrimary = true)]
+    public int Id { get; set; }
+
+    public int ToolId { get; set; }
+
+    public DateTime Date { get; set; } // 统计日期
+
+    public int DailyViews { get; set; } = 0; // 日访问量
+
+    public int DailyUniqueViews { get; set; } = 0; // 日独立访问量
+
+    public int DailyFavorites { get; set; } = 0; // 日收藏数
+
+    public int DailyShares { get; set; } = 0; // 日分享数
+
+    public int DailyDownloads { get; set; } = 0; // 日下载数
+
+    public decimal AverageDuration { get; set; } = 0; // 平均停留时间（秒）
+
+    public int BounceCount { get; set; } = 0; // 跳出次数
+
+    public DateTime CreatedAt { get; set; } = DateTime.Now;
+
+    public DateTime? UpdatedAt { get; set; }
+
+    // 导航属性
+    [Navigate(nameof(ToolId))]
+    public Tool Tool { get; set; } = null!;
+}

Models/ToolTag.cs

@@ -0,0 +1,20 @@
+using FreeSql.DataAnnotations;
+
+namespace ToolHub.Models;
+
+[Table(Name = "ToolTags")]
+public class ToolTag
+{
+    public int ToolId { get; set; }
+
+    public int TagId { get; set; }
+
+    public DateTime CreatedAt { get; set; } = DateTime.Now;
+
+    // 导航属性
+    [Navigate(nameof(ToolId))]
+    public Tool Tool { get; set; } = null!;
+
+    [Navigate(nameof(TagId))]
+    public Tag Tag { get; set; } = null!;
+}

Models/User.cs

@@ -0,0 +1,38 @@
+using FreeSql.DataAnnotations;
+
+namespace ToolHub.Models;
+
+[Table(Name = "Users")]
+public class User
+{
+    [Column(IsIdentity = true, IsPrimary = true)]
+    public int Id { get; set; }
+
+    [Column(StringLength = 50)]
+    public string UserName { get; set; } = string.Empty;
+
+    [Column(StringLength = 100)]
+    public string Email { get; set; } = string.Empty;
+
+    [Column(StringLength = 255)]
+    public string PasswordHash { get; set; } = string.Empty;
+
+    [Column(StringLength = 20)]
+    public string? NickName { get; set; }
+
+    [Column(StringLength = 255)]
+    public string? Avatar { get; set; }
+
+    public DateTime CreatedAt { get; set; } = DateTime.Now;
+
+    public DateTime? UpdatedAt { get; set; }
+
+    public bool IsActive { get; set; } = true;
+
+    [Column(StringLength = 10)]
+    public string Role { get; set; } = "User"; // User, Admin
+
+    // 导航属性
+    [Navigate(nameof(UserFavorite.UserId))]
+    public List<UserFavorite> UserFavorites { get; set; } = new();
+}

Models/UserFavorite.cs

@@ -0,0 +1,20 @@
+using FreeSql.DataAnnotations;
+
+namespace ToolHub.Models;
+
+[Table(Name = "UserFavorites")]
+public class UserFavorite
+{
+    public int UserId { get; set; }
+
+    public int ToolId { get; set; }
+
+    public DateTime CreatedAt { get; set; } = DateTime.Now;
+
+    // 导航属性
+    [Navigate(nameof(UserId))]
+    public User User { get; set; } = null!;
+
+    [Navigate(nameof(ToolId))]
+    public Tool Tool { get; set; } = null!;
+}

Models/UserToolAccess.cs

@@ -0,0 +1,40 @@
+using FreeSql.DataAnnotations;
+
+namespace ToolHub.Models;
+
+[Table(Name = "UserToolAccesses")]
+public class UserToolAccess
+{
+    [Column(IsIdentity = true, IsPrimary = true)]
+    public int Id { get; set; }
+
+    public int? UserId { get; set; } // 可为空，支持匿名用户
+
+    public int ToolId { get; set; }
+
+    [Column(StringLength = 50)]
+    public string? SessionId { get; set; } // 会话ID，用于匿名用户跟踪
+
+    [Column(StringLength = 45)]
+    public string? IpAddress { get; set; } // IP地址
+
+    [Column(StringLength = 500)]
+    public string? UserAgent { get; set; } // 用户代理
+
+    [Column(StringLength = 100)]
+    public string? Referer { get; set; } // 来源页面
+
+    [Column(StringLength = 20)]
+    public string AccessType { get; set; } = "view"; // view, favorite, share, download
+
+    public int Duration { get; set; } = 0; // 停留时间（秒）
+
+    public DateTime CreatedAt { get; set; } = DateTime.Now;
+
+    // 导航属性
+    [Navigate(nameof(UserId))]
+    public User? User { get; set; }
+
+    [Navigate(nameof(ToolId))]
+    public Tool Tool { get; set; } = null!;
+}

Program.cs

@@ -0,0 +1,150 @@
+using ToolHub.Services;
+using Microsoft.AspNetCore.Authentication.Cookies;
+
+var builder = WebApplication.CreateBuilder(args);
+
+// Add services to the container.
+builder.Services.AddControllersWithViews();
+
+// 添加HttpContext访问器
+builder.Services.AddHttpContextAccessor();
+
+// 配置FreeSql
+var connectionString = builder.Configuration.GetConnectionString("DefaultConnection") 
+    ?? "Data Source=toolhub.db";
+
+builder.Services.AddSingleton<IFreeSql>(provider =>
+{
+    var freeSql = new FreeSql.FreeSqlBuilder()
+        .UseConnectionString(FreeSql.DataType.Sqlite, connectionString)
+        .UseAutoSyncStructure(true) // 自动同步数据库结构
+        .Build();
+    
+    return freeSql;
+});
+
+// 注册服务
+builder.Services.AddScoped<IToolService, ToolService>();
+builder.Services.AddScoped<IUserService, UserService>();
+
+// 配置身份验证
+builder.Services.AddAuthentication(CookieAuthenticationDefaults.AuthenticationScheme)
+    .AddCookie(options =>
+    {
+        options.LoginPath = "/Admin/Login";
+        options.LogoutPath = "/Admin/Logout";
+        options.ExpireTimeSpan = TimeSpan.FromDays(7);
+    });
+
+var app = builder.Build();
+
+// 初始化数据库和种子数据
+using (var scope = app.Services.CreateScope())
+{
+    var freeSql = scope.ServiceProvider.GetRequiredService<IFreeSql>();
+    
+    // 确保数据库表已创建
+    freeSql.CodeFirst.SyncStructure<ToolHub.Models.User>();
+    freeSql.CodeFirst.SyncStructure<ToolHub.Models.Category>();
+    freeSql.CodeFirst.SyncStructure<ToolHub.Models.Tool>();
+    freeSql.CodeFirst.SyncStructure<ToolHub.Models.Tag>();
+    freeSql.CodeFirst.SyncStructure<ToolHub.Models.ToolTag>();
+    freeSql.CodeFirst.SyncStructure<ToolHub.Models.UserFavorite>();
+    freeSql.CodeFirst.SyncStructure<ToolHub.Models.UserToolAccess>();
+    freeSql.CodeFirst.SyncStructure<ToolHub.Models.ToolStatistics>();
+    
+    // 添加初始数据
+    await SeedDataAsync(freeSql);
+}
+
+// Configure the HTTP request pipeline.
+if (!app.Environment.IsDevelopment())
+{
+    app.UseExceptionHandler("/Home/Error");
+    // The default HSTS value is 30 days. You may want to change this for production scenarios, see https://aka.ms/aspnetcore-hsts.
+    app.UseHsts();
+}
+
+app.UseHttpsRedirection();
+app.UseRouting();
+
+app.UseAuthentication();
+app.UseAuthorization();
+
+app.MapStaticAssets();
+
+app.MapControllerRoute(
+    name: "default",
+    pattern: "{controller=Home}/{action=Index}/{id?}")
+    .WithStaticAssets();
+
+
+app.Run();
+
+// 数据初始化方法
+static async Task SeedDataAsync(IFreeSql freeSql)
+{
+    // 检查是否已有数据
+    var categoryCount = await freeSql.Select<ToolHub.Models.Category>().CountAsync();
+    if (categoryCount > 0) return;
+
+    // 添加分类
+    var categories = new List<ToolHub.Models.Category>
+    {
+        new() { Name = "PDF工具", Description = "PDF文档处理相关工具", Icon = "fas fa-file-pdf", Color = "#dc3545", SortOrder = 1 },
+        new() { Name = "图片工具", Description = "图片处理和编辑工具", Icon = "fas fa-image", Color = "#165DFF", SortOrder = 2 },
+        new() { Name = "视频工具", Description = "视频处理和编辑工具", Icon = "fas fa-video", Color = "#FF7D00", SortOrder = 3 },
+        new() { Name = "文档转换", Description = "各种文档格式转换工具", Icon = "fas fa-file-alt", Color = "#52C41A", SortOrder = 4 },
+        new() { Name = "数据计算", Description = "数据计算和统计工具", Icon = "fas fa-calculator", Color = "#36CFC9", SortOrder = 5 },
+        new() { Name = "开发工具", Description = "程序开发相关工具", Icon = "fas fa-code", Color = "#722ED1", SortOrder = 6 },
+        new() { Name = "文本工具", Description = "文本处理和编辑工具", Icon = "fas fa-font", Color = "#13C2C2", SortOrder = 7 },
+        new() { Name = "生活娱乐", Description = "日常生活和娱乐工具", Icon = "fas fa-gamepad", Color = "#FA8C16", SortOrder = 8 }
+    };
+
+    await freeSql.Insert(categories).ExecuteAffrowsAsync();
+
+    // 添加示例工具
+    var tools = new List<ToolHub.Models.Tool>
+    {
+        new() { Name = "PDF转Word", Description = "高效将PDF文件转换为可编辑的Word文档，保留原始格式和排版", 
+               Icon = "fas fa-file-word", Image = "https://design.gemcoder.com/staticResource/echoAiSystemImages/33769d8fd6cd6c3290700a9a1849a860.png",
+               CategoryId = 1, IsHot = true, Rating = 4.9m, RatingCount = 1250, ViewCount = 125000, SortOrder = 1 },
+        
+        new() { Name = "图片压缩", Description = "减小图片文件大小，保持高质量，支持批量处理多种图片格式",
+               Icon = "fas fa-compress", Image = "https://design.gemcoder.com/staticResource/echoAiSystemImages/34a8fb1fdc206c992dddf5cda0318963.png",
+               CategoryId = 2, IsHot = true, Rating = 4.8m, RatingCount = 980, ViewCount = 98000, SortOrder = 2 },
+        
+        new() { Name = "证件照生成", Description = "快速制作符���各国签证和证件要求的标准证件照，支持多种尺寸",
+               Icon = "fas fa-user-circle", Image = "https://design.gemcoder.com/staticResource/echoAiSystemImages/47b898b061a999bcbb5ee1defbdb6800.png",
+               CategoryId = 2, IsRecommended = true, Rating = 4.7m, RatingCount = 750, ViewCount = 75000, SortOrder = 3 },
+        
+        new() { Name = "在线录屏", Description = "无需安装软件，直接在浏览器中录制屏幕、摄像头和音频，支持多种格式导出",
+               Icon = "fas fa-video", Image = "https://design.gemcoder.com/staticResource/echoAiSystemImages/930732ebbce6d0418fefe467d9f74ebc.png",
+               CategoryId = 3, IsNew = true, Rating = 4.6m, RatingCount = 520, ViewCount = 52000, SortOrder = 4 },
+        
+        new() { Name = "PDF转Excel", Description = "将PDF表格数据转换为可编辑的Excel文件",
+               Icon = "fas fa-file-excel", CategoryId = 4, IsNew = true, Rating = 4.5m, RatingCount = 320, ViewCount = 32000, SortOrder = 5 },
+        
+        new() { Name = "房贷利率计算器", Description = "计算不同贷款方式下的月供和总利息",
+               Icon = "fas fa-calculator", CategoryId = 5, Rating = 4.6m, RatingCount = 890, ViewCount = 89000, SortOrder = 6 }
+    };
+
+    await freeSql.Insert(tools).ExecuteAffrowsAsync();
+
+    // 添加默认管理员用户
+    var adminPassword = "admin123"; // 实际应用中应该使用更安全的密码
+    using var sha256 = System.Security.Cryptography.SHA256.Create();
+    var hashedBytes = sha256.ComputeHash(System.Text.Encoding.UTF8.GetBytes(adminPassword + "ToolHub_Salt"));
+    var hashedPassword = Convert.ToBase64String(hashedBytes);
+
+    var admin = new ToolHub.Models.User
+    {
+        UserName = "admin",
+        Email = "admin@toolhub.com",
+        PasswordHash = hashedPassword,
+        NickName = "管理员",
+        Role = "Admin"
+    };
+
+    await freeSql.Insert(admin).ExecuteAffrowsAsync();
+}

Properties/launchSettings.json

@@ -0,0 +1,23 @@
+{
+  "$schema": "https://json.schemastore.org/launchsettings.json",
+  "profiles": {
+    "http": {
+      "commandName": "Project",
+      "dotnetRunMessages": true,
+      "launchBrowser": true,
+      "applicationUrl": "http://localhost:5163",
+      "environmentVariables": {
+        "ASPNETCORE_ENVIRONMENT": "Development"
+      }
+    },
+    "https": {
+      "commandName": "Project",
+      "dotnetRunMessages": true,
+      "launchBrowser": true,
+      "applicationUrl": "https://localhost:7078;http://localhost:5163",
+      "environmentVariables": {
+        "ASPNETCORE_ENVIRONMENT": "Development"
+      }
+    }
+  }
+}

README.md

@@ -1,10 +1,124 @@
----
-title: Toolhub
-emoji: 📚
-colorFrom: blue
-colorTo: gray
-sdk: docker
-pinned: false
----
-
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
+# ToolHub - 工具集合平台
+
+ToolHub 是一个现代化的工具集合平台，提供各种实用工具的集中管理和访问。
+
+## 功能特性
+
+### 核心功能
+- 🛠️ **工具管理**: 完整的工具CRUD操作，支持分类、标签、状态管理
+- 📂 **分类管理**: 工具分类系统，支持层级分类和排序
+- 🏷️ **标签管理**: 灵活的标签系统，支持颜色自定义
+- 👥 **用户管理**: 用户注册、登录、收藏功能
+- 📊 **数据统计**: 访问量统计、用户行为分析
+- 🎨 **现代化UI**: 响应式设计，支持移动端访问
+
+### 管理后台功能
+- 📈 **仪表板**: 数据概览和快速操作
+- 🔧 **工具管理**: 
+  - 支持分页显示（每页20条）
+  - 分类筛选和搜索
+  - 标签管理（为工具添加/移除标签）
+  - 状态切换（启用/禁用）
+  - 标志管理（热门/新品/推荐）
+- 📂 **分类管理**: 
+  - 支持分页显示
+  - 图标和颜色自定义
+  - 排序管理
+- 🏷️ **标签管理**: 
+  - 支持分页显示
+  - 颜色自定义
+  - 使用统计
+- 👥 **用户管理**: 用户信息查看和管理
+
+### 技术特性
+- 🚀 **.NET 9.0**: 最新的.NET框架
+- 🗄️ **SQLite + FreeSql**: 轻量级数据库和ORM
+- 🎨 **现代化UI**: CSS Grid、Flexbox布局
+- 📱 **响应式设计**: 支持桌面和移动设备
+- 🔒 **身份认证**: 基于角色的访问控制
+
+## 快速开始
+
+### 环境要求
+- .NET 9.0 SDK
+- Visual Studio 2022 或 VS Code
+
+### 安装步骤
+1. 克隆项目
+```bash
+git clone [项目地址]
+cd ToolHub
+```
+
+2. 运行项目
+```bash
+dotnet run
+```
+
+3. 访问应用
+- 前台网站: http://localhost:5000
+- 管理后台: http://localhost:5000/Admin
+
+### 默认管理员账户
+- 用户名: admin
+- 密码: admin123
+
+## 数据库结构
+
+### 主要表结构
+- **Tools**: 工具信息表
+- **Categories**: 分类表
+- **Tags**: 标签表
+- **ToolTags**: 工具标签关联表
+- **Users**: 用户表
+- **UserFavorites**: 用户收藏表
+
+## 新增功能 (最新版本)
+
+### 分页功能
+- ✅ 工具列表分页（每页20条）
+- ✅ 分类列表分页（每页20条）
+- ✅ 标签列表分页（每页20条）
+- ✅ 智能分页控件，支持首页、末页、前后页跳转
+
+### 标签管理系统
+- ✅ 完整的标签CRUD操作
+- ✅ 标签颜色自定义
+- ✅ 工具标签关联管理
+- ✅ 标签使用统计
+- ✅ 标签状态管理（启用/禁用）
+
+### 工具标签功能
+- ✅ 为工具添加/移除标签
+- ✅ 标签可视化显示
+- ✅ 标签筛选和搜索
+- ✅ 标签管理模态框
+
+## 开发指南
+
+### 项目结构
+```
+ToolHub/
+├── Controllers/          # 控制器
+├── Models/              # 数据模型
+├── Services/            # 业务服务
+├── Views/               # 视图文件
+│   ├── Admin/          # 管理后台视图
+│   ├── Home/           # 前台页面视图
+│   └── Shared/         # 共享布局
+└── wwwroot/            # 静态资源
+```
+
+### 添加新功能
+1. 在 `Models` 文件夹中定义数据模型
+2. 在 `Controllers` 文件夹中创建控制器
+3. 在 `Services` 文件夹中实现业务逻辑
+4. 在 `Views` 文件夹中创建视图页面
+
+## 贡献指南
+
+欢迎提交 Issue 和 Pull Request 来改进项目。
+
+## 许可证
+
+MIT License

README_HF_SPACES.md

@@ -0,0 +1,147 @@
+# ToolHub - Hugging Face Spaces 部署指南
+
+## 概述
+
+这个项目已经配置为可以在 Hugging Face Spaces 上部署，使用 Docker 容器和 Supervisor 进行进程监控和自动重启。
+
+## 部署文件说明
+
+### 1. Dockerfile
+- 基于 .NET 9.0 运行时镜像
+- 多阶段构建，优化镜像大小
+- 安装 Supervisor 用于进程监控
+- 配置健康检查
+- 暴露 7860 端口
+
+### 2. supervisord.conf
+- 配置 Supervisor 监控 ASP.NET Core 应用
+- 自动重启功能
+- 日志轮转配置
+- 健康检查程序
+
+### 3. start.sh
+- 应用启动脚本
+- 数据库初始化检查
+- 环境变量配置
+
+### 4. appsettings.Production.json
+- 生产环境配置
+- 数据库连接字符串
+- Kestrel 服务器配置
+
+## 在 Hugging Face Spaces 上部署
+
+### 步骤 1: 创建 Space
+1. 访问 [Hugging Face Spaces](https://huggingface.co/spaces)
+2. 点击 "Create new Space"
+3. 选择 "Docker" 作为 SDK
+4. 填写 Space 名称和描述
+
+### 步骤 2: 上传代码
+将以下文件上传到你的 Space 仓库：
+- `Dockerfile`
+- `supervisord.conf`
+- `start.sh`
+- `appsettings.Production.json`
+- `.dockerignore`
+- 所有项目源代码
+
+### 步骤 3: 配置环境变量（可选）
+在 Space 设置中可以配置以下环境变量：
+- `ASPNETCORE_ENVIRONMENT`: 设置为 "Production"
+- `ConnectionStrings__DefaultConnection`: 自定义数据库连接字符串
+
+### 步骤 4: 部署
+1. 提交代码到仓库
+2. Hugging Face 会自动构建 Docker 镜像
+3. 构建完成后应用会自动启动
+
+## 功能特性
+
+### Supervisor 监控
+- **自动重启**: 应用崩溃时自动重启
+- **日志管理**: 自动轮转日志文件
+- **健康检查**: 定期检查应用状态
+- **进程管理**: 统一管理所有后台进程
+
+### 数据库持久化
+- SQLite 数据库存储在 `/app/data/` 目录
+- 容器重启后数据不会丢失
+- 自动创建数据库和表结构
+
+### 健康检查
+- 每 30 秒检查一次应用状态
+- 通过 HTTP 请求验证应用是否正常运行
+- 失败时自动重启容器
+
+## 监控和日志
+
+### 查看日志
+```bash
+# 查看应用日志
+docker logs <container_id>
+
+# 查看 Supervisor 日志
+docker exec <container_id> cat /var/log/supervisor/supervisord.log
+
+# 查看应用输出日志
+docker exec <container_id> cat /var/log/supervisor/toolhub.log
+```
+
+### 监控状态
+```bash
+# 查看 Supervisor 状态
+docker exec <container_id> supervisorctl status
+
+# 重启应用
+docker exec <container_id> supervisorctl restart toolhub
+```
+
+## 故障排除
+
+### 常见问题
+
+1. **应用无法启动**
+   - 检查端口 7860 是否被占用
+   - 查看应用日志：`docker exec <container_id> cat /var/log/supervisor/toolhub_error.log`
+
+2. **数据库连接问题**
+   - 确保 `/app/data` 目录有写权限
+   - 检查数据库文件是否存在
+
+3. **Supervisor 问题**
+   - 查看 Supervisor 日志：`docker exec <container_id> cat /var/log/supervisor/supervisord.log`
+   - 重启 Supervisor：`docker exec <container_id> supervisorctl reload`
+
+### 性能优化
+- 应用使用 .NET 9.0 运行时，性能优异
+- SQLite 数据库适合中小型应用
+- 容器化部署，资源隔离
+
+## 安全注意事项
+
+1. **默认管理员账户**
+   - 用户名：`admin`
+   - 密码：`admin123`
+   - **重要**: 部署后请立即修改默认密码
+
+2. **数据库安全**
+   - SQLite 数据库文件存储在容器内
+   - 建议定期备份数据库文件
+
+3. **网络安全**
+   - 应用运行在容器内，端口 7860
+   - Hugging Face Spaces 提供 HTTPS 访问
+
+## 更新部署
+
+1. 修改代码后提交到仓库
+2. Hugging Face 会自动重新构建镜像
+3. 新版本会自动部署并启动
+
+## 联系支持
+
+如果遇到部署问题，请检查：
+1. Dockerfile 语法是否正确
+2. 所有必需文件是否已上传
+3. 应用日志中是否有错误信息

Services/BaseToolService.cs

@@ -0,0 +1,319 @@
+using ToolHub.Models;
+using Microsoft.AspNetCore.Http;
+using System.Security.Claims;
+
+namespace ToolHub.Services;
+
+/// <summary>
+/// 工具基类服务，提供统计数据和用户访问记录功能
+/// </summary>
+public abstract class BaseToolService
+{
+    protected readonly IFreeSql _freeSql;
+    protected readonly IHttpContextAccessor _httpContextAccessor;
+
+    protected BaseToolService(IFreeSql freeSql, IHttpContextAccessor httpContextAccessor)
+    {
+        _freeSql = freeSql;
+        _httpContextAccessor = httpContextAccessor;
+    }
+
+    /// <summary>
+    /// 记录工具访问
+    /// </summary>
+    protected async Task RecordToolAccessAsync(int toolId, string accessType = "view", int duration = 0)
+    {
+        try
+        {
+            var httpContext = _httpContextAccessor.HttpContext;
+            if (httpContext == null) return;
+
+            var userId = GetCurrentUserId();
+            var sessionId = GetSessionId();
+            var ipAddress = GetClientIpAddress();
+            var userAgent = GetUserAgent();
+            var referer = GetReferer();
+
+            var access = new UserToolAccess
+            {
+                UserId = userId,
+                ToolId = toolId,
+                SessionId = sessionId,
+                IpAddress = ipAddress,
+                UserAgent = userAgent,
+                Referer = referer,
+                AccessType = accessType,
+                Duration = duration
+            };
+
+            await _freeSql.Insert(access).ExecuteAffrowsAsync();
+
+            // 更新工具总访问量
+            await _freeSql.Update<Tool>()
+                .Where(t => t.Id == toolId)
+                .Set(t => t.ViewCount + 1)
+                .ExecuteAffrowsAsync();
+
+            // 更新日统计数据
+            await UpdateDailyStatisticsAsync(toolId, accessType);
+        }
+        catch (Exception ex)
+        {
+            // 记录错误但不影响主流程
+            Console.WriteLine($"记录工具访问失败: {ex.Message}");
+        }
+    }
+
+    /// <summary>
+    /// 更新日统计数据
+    /// </summary>
+    protected async Task UpdateDailyStatisticsAsync(int toolId, string accessType)
+    {
+        var today = DateTime.Today;
+        var stats = await _freeSql.Select<ToolStatistics>()
+            .Where(s => s.ToolId == toolId && s.Date == today)
+            .FirstAsync();
+
+        if (stats == null)
+        {
+            // 创建新的日统计记录
+            stats = new ToolStatistics
+            {
+                ToolId = toolId,
+                Date = today
+            };
+            await _freeSql.Insert(stats).ExecuteAffrowsAsync();
+        }
+
+        // 更新统计数据
+        var updateQuery = _freeSql.Update<ToolStatistics>()
+            .Where(s => s.Id == stats.Id);
+
+        switch (accessType.ToLower())
+        {
+            case "view":
+                updateQuery.Set(s => s.DailyViews + 1);
+                break;
+            case "favorite":
+                updateQuery.Set(s => s.DailyFavorites + 1);
+                break;
+            case "share":
+                updateQuery.Set(s => s.DailyShares + 1);
+                break;
+            case "download":
+                updateQuery.Set(s => s.DailyDownloads + 1);
+                break;
+        }
+
+        updateQuery.Set(s => s.UpdatedAt, DateTime.Now);
+        await updateQuery.ExecuteAffrowsAsync();
+    }
+
+    /// <summary>
+    /// 获取工具统计数据
+    /// </summary>
+    protected async Task<ToolStatistics?> GetToolStatisticsAsync(int toolId, DateTime date)
+    {
+        return await _freeSql.Select<ToolStatistics>()
+            .Where(s => s.ToolId == toolId && s.Date == date)
+            .FirstAsync();
+    }
+
+    /// <summary>
+    /// 获取工具访问记录
+    /// </summary>
+    protected async Task<List<UserToolAccess>> GetToolAccessRecordsAsync(int toolId, DateTime? startDate = null, DateTime? endDate = null, int limit = 100)
+    {
+        var query = _freeSql.Select<UserToolAccess>()
+            .Include(ua => ua.User)
+            .Where(ua => ua.ToolId == toolId);
+
+        if (startDate.HasValue)
+            query = query.Where(ua => ua.CreatedAt >= startDate.Value);
+
+        if (endDate.HasValue)
+            query = query.Where(ua => ua.CreatedAt <= endDate.Value.AddDays(1));
+
+        return await query
+            .OrderByDescending(ua => ua.CreatedAt)
+            .Take(limit)
+            .ToListAsync();
+    }
+
+    /// <summary>
+    /// 获取用户访问的工具记录
+    /// </summary>
+    protected async Task<List<UserToolAccess>> GetUserToolAccessRecordsAsync(int userId, DateTime? startDate = null, DateTime? endDate = null, int limit = 100)
+    {
+        var query = _freeSql.Select<UserToolAccess>()
+            .Include(ua => ua.Tool)
+            .Where(ua => ua.UserId == userId);
+
+        if (startDate.HasValue)
+            query = query.Where(ua => ua.CreatedAt >= startDate.Value);
+
+        if (endDate.HasValue)
+            query = query.Where(ua => ua.CreatedAt <= endDate.Value);
+
+        return await query
+            .OrderByDescending(ua => ua.CreatedAt)
+            .Take(limit)
+            .ToListAsync();
+    }
+
+    /// <summary>
+    /// 获取热门工具（基于访问量）
+    /// </summary>
+    protected async Task<List<Tool>> GetPopularToolsAsync(int count = 10, DateTime? startDate = null)
+    {
+        var query = _freeSql.Select<Tool>()
+            .Include(t => t.Category)
+            .Where(t => t.IsActive);
+
+        if (startDate.HasValue)
+        {
+            // 基于指定日期后的访问量排序
+            var toolAccessData = _freeSql.Select<UserToolAccess>()
+                .Where(ua => ua.CreatedAt >= startDate.Value)
+                .GroupBy(ua => ua.ToolId)
+                .Select(g => new { ToolId = g.Key, Count = g.Count() })
+                .OrderByDescending(x => x.Count)
+                .Take(count)
+                .ToList();
+
+            var toolIds = toolAccessData.Select(x => x.ToolId).ToList();
+
+            if (toolIds.Any())
+            {
+                query = query.Where(t => toolIds.Contains(t.Id));
+            }
+        }
+        else
+        {
+            // 基于总访问量排序
+            query = query.OrderByDescending(t => t.ViewCount);
+        }
+
+        return await query.Take(count).ToListAsync();
+    }
+
+    /// <summary>
+    /// 获取当前用户ID
+    /// </summary>
+    protected int? GetCurrentUserId()
+    {
+        var httpContext = _httpContextAccessor.HttpContext;
+        if (httpContext?.User?.Identity?.IsAuthenticated == true)
+        {
+            var userIdClaim = httpContext.User.FindFirst(ClaimTypes.NameIdentifier);
+            if (userIdClaim != null && int.TryParse(userIdClaim.Value, out int userId))
+            {
+                return userId;
+            }
+        }
+        return null;
+    }
+
+    /// <summary>
+    /// 获取会话ID
+    /// </summary>
+    protected string? GetSessionId()
+    {
+        string sessionId = string.Empty;
+        try
+        {
+            var httpContext = _httpContextAccessor.HttpContext;
+            return httpContext?.Session?.Id;
+        }
+        catch (Exception ex)
+        {
+            Console.WriteLine($"获取会话ID失败: {ex.Message}");
+            return sessionId;
+        }
+    }
+
+    /// <summary>
+    /// 获取客户端IP地址
+    /// </summary>
+    protected string? GetClientIpAddress()
+    {
+        var httpContext = _httpContextAccessor.HttpContext;
+        if (httpContext == null) return null;
+
+        // 尝试从各种头部获取真实IP
+        var ip = httpContext.Request.Headers["X-Forwarded-For"].FirstOrDefault() ??
+                httpContext.Request.Headers["X-Real-IP"].FirstOrDefault() ??
+                httpContext.Connection.RemoteIpAddress?.ToString();
+
+        return ip;
+    }
+
+    /// <summary>
+    /// 获取用户代理
+    /// </summary>
+    protected string? GetUserAgent()
+    {
+        var httpContext = _httpContextAccessor.HttpContext;
+        return httpContext?.Request.Headers["User-Agent"].FirstOrDefault();
+    }
+
+    /// <summary>
+    /// 获取来源页面
+    /// </summary>
+    protected string? GetReferer()
+    {
+        var httpContext = _httpContextAccessor.HttpContext;
+        return httpContext?.Request.Headers["Referer"].FirstOrDefault();
+    }
+
+    /// <summary>
+    /// 计算平均停留时间
+    /// </summary>
+    protected async Task UpdateAverageDurationAsync(int toolId)
+    {
+        var today = DateTime.Today;
+        var avgDuration = await _freeSql.Select<UserToolAccess>()
+            .Where(ua => ua.ToolId == toolId && ua.CreatedAt >= today && ua.Duration > 0)
+            .AvgAsync(ua => ua.Duration);
+
+        if (avgDuration > 0)
+        {
+            await _freeSql.Update<ToolStatistics>()
+                .Where(s => s.ToolId == toolId && s.Date == today)
+                .Set(s => s.AverageDuration, (decimal)avgDuration)
+                .ExecuteAffrowsAsync();
+        }
+    }
+
+    /// <summary>
+    /// 获取工具使用趋势数据
+    /// </summary>
+    protected async Task<List<object>> GetToolUsageTrendAsync(int toolId, int days = 30)
+    {
+        var endDate = DateTime.Today;
+        var startDate = endDate.AddDays(-days + 1);
+
+        var stats = await _freeSql.Select<ToolStatistics>()
+            .Where(s => s.ToolId == toolId && s.Date >= startDate && s.Date <= endDate)
+            .OrderBy(s => s.Date)
+            .ToListAsync();
+
+        var result = new List<object>();
+        for (var date = startDate; date <= endDate; date = date.AddDays(1))
+        {
+            var dayStats = stats.FirstOrDefault(s => s.Date == date);
+            result.Add(new
+            {
+                Date = date.ToString("yyyy-MM-dd"),
+                Views = dayStats?.DailyViews ?? 0,
+                UniqueViews = dayStats?.DailyUniqueViews ?? 0,
+                Favorites = dayStats?.DailyFavorites ?? 0,
+                Shares = dayStats?.DailyShares ?? 0,
+                Downloads = dayStats?.DailyDownloads ?? 0,
+                AverageDuration = dayStats?.AverageDuration ?? 0
+            });
+        }
+
+        return result;
+    }
+}

Services/IToolService.cs

@@ -0,0 +1,26 @@
+using ToolHub.Models;
+
+namespace ToolHub.Services;
+
+public interface IToolService
+{
+    Task<List<Category>> GetCategoriesAsync();
+    Task<List<Tool>> GetHotToolsAsync(int count = 8);
+    Task<List<Tool>> GetNewToolsAsync(int count = 12);
+    Task<List<Tool>> GetToolsByCategoryAsync(int categoryId, int page = 1, int pageSize = 20, bool isAll = false);
+    Task<Tool?> GetToolByIdAsync(int id);
+    Task<bool> AddToolAsync(Tool tool);
+    Task<bool> UpdateToolAsync(Tool tool);
+    Task<bool> DeleteToolAsync(int id);
+    Task<bool> IncrementViewCountAsync(int toolId);
+    Task<bool> IncrementViewCountAsync(string toolIdentifier);
+    Task<List<Tool>> SearchToolsAsync(string keyword, int page = 1, int pageSize = 20);
+    
+    // 新增统计相关方法
+    Task<List<Tool>> GetPopularToolsAsync(int count = 10, DateTime? startDate = null);
+    Task<ToolStatistics?> GetToolStatisticsAsync(int toolId, DateTime date);
+    Task<List<UserToolAccess>> GetToolAccessRecordsAsync(int toolId, DateTime? startDate = null, DateTime? endDate = null, int limit = 100);
+    Task<List<UserToolAccess>> GetUserToolAccessRecordsAsync(int userId, DateTime? startDate = null, DateTime? endDate = null, int limit = 100);
+    Task<List<object>> GetToolUsageTrendAsync(int toolId, int days = 30);
+    Task RecordToolActionAsync(int toolId, string actionType, int duration = 0);
+}

Services/IUserService.cs

@@ -0,0 +1,16 @@
+using ToolHub.Models;
+
+namespace ToolHub.Services;
+
+public interface IUserService
+{
+    Task<User?> GetUserByIdAsync(int id);
+    Task<User?> GetUserByEmailAsync(string email);
+    Task<bool> CreateUserAsync(User user);
+    Task<bool> UpdateUserAsync(User user);
+    Task<bool> VerifyPasswordAsync(string email, string password);
+    Task<List<Tool>> GetUserFavoritesAsync(int userId);
+    Task<bool> AddFavoriteAsync(int userId, int toolId);
+    Task<bool> RemoveFavoriteAsync(int userId, int toolId);
+    Task<bool> IsFavoriteAsync(int userId, int toolId);
+}

Services/ToolService.cs

@@ -0,0 +1,192 @@
+using ToolHub.Models;
+using Microsoft.AspNetCore.Http;
+
+namespace ToolHub.Services;
+
+public class ToolService : BaseToolService, IToolService
+{
+    public ToolService(IFreeSql freeSql, IHttpContextAccessor httpContextAccessor) 
+        : base(freeSql, httpContextAccessor)
+    {
+    }
+
+    public async Task<List<Category>> GetCategoriesAsync()
+    {
+        return await _freeSql.Select<Category>()
+            .Where(c => c.IsActive)
+            .OrderBy(c => c.SortOrder)
+            .ToListAsync();
+    }
+
+    public async Task<List<Tool>> GetHotToolsAsync(int count = 8)
+    {
+        return await _freeSql.Select<Tool>()
+            .Include(t => t.Category)
+            .IncludeMany(t => t.ToolTags)
+            .Where(t => t.IsActive && t.IsHot)
+            .OrderByDescending(t => t.ViewCount)
+            .Take(count)
+            .ToListAsync();
+    }
+
+    public async Task<List<Tool>> GetNewToolsAsync(int count = 12)
+    {
+        return await _freeSql.Select<Tool>()
+            .Include(t => t.Category)
+            .IncludeMany(t => t.ToolTags)
+            .Where(t => t.IsActive)
+            .OrderByDescending(t => t.CreatedAt)
+            .Take(count)
+            .ToListAsync();
+    }
+
+    public async Task<List<Tool>> GetToolsByCategoryAsync(int categoryId, int page = 1, int pageSize = 20, bool isAll = false)
+    {
+        var query = _freeSql.Select<Tool>()
+            .Include(t => t.Category)
+            .IncludeMany(t => t.ToolTags);
+        if (!isAll) {
+            query.Where(t => t.IsActive);
+        }
+
+        if (categoryId > 0)
+        {
+            query = query.Where(t => t.CategoryId == categoryId);
+        }
+
+        return await query
+            .OrderBy(t => t.SortOrder)
+            .Page(page, pageSize)
+            .ToListAsync();
+    }
+
+    public async Task<Tool?> GetToolByIdAsync(int id)
+    {
+        return await _freeSql.Select<Tool>()
+            .Include(t => t.Category)
+            .IncludeMany(t => t.ToolTags)
+            .Where(t => t.Id == id && t.IsActive)
+            .FirstAsync();
+    }
+
+    public async Task<bool> AddToolAsync(Tool tool)
+    {
+        try
+        {
+            await _freeSql.Insert(tool).ExecuteAffrowsAsync();
+            return true;
+        }
+        catch
+        {
+            return false;
+        }
+    }
+
+    public async Task<bool> UpdateToolAsync(Tool tool)
+    {
+        try
+        {
+            tool.UpdatedAt = DateTime.Now;
+            await _freeSql.Update<Tool>()
+                .SetSource(tool)
+                .ExecuteAffrowsAsync();
+            return true;
+        }
+        catch
+        {
+            return false;
+        }
+    }
+
+    public async Task<bool> DeleteToolAsync(int id)
+    {
+        try
+        {
+            await _freeSql.Update<Tool>()
+                .Where(t => t.Id == id)
+                .Set(t => t.IsActive, false)
+                .Set(t => t.UpdatedAt, DateTime.Now)
+                .ExecuteAffrowsAsync();
+            return true;
+        }
+        catch
+        {
+            return false;
+        }
+    }
+
+    public async Task<bool> IncrementViewCountAsync(int toolId)
+    {
+        try
+        {
+            await RecordToolAccessAsync(toolId, "view");
+            return true;
+        }
+        catch
+        {
+            return false;
+        }
+    }
+
+    public async Task<bool> IncrementViewCountAsync(string toolIdentifier)
+    {
+        try
+        {
+            var tool = await _freeSql.Select<Tool>()
+                .Where(t => t.Url!.Contains(toolIdentifier) || t.Name.Contains(toolIdentifier))
+                .FirstAsync();
+            
+            if (tool != null)
+            {
+                await RecordToolAccessAsync(tool.Id, "view");
+            }
+            return true;
+        }
+        catch
+        {
+            return false;
+        }
+    }
+
+    public async Task<List<Tool>> SearchToolsAsync(string keyword, int page = 1, int pageSize = 20)
+    {
+        return await _freeSql.Select<Tool>()
+            .Include(t => t.Category)
+            .IncludeMany(t => t.ToolTags)
+            .Where(t => t.IsActive && (t.Name.Contains(keyword) || t.Description!.Contains(keyword)))
+            .OrderByDescending(t => t.ViewCount)
+            .Page(page, pageSize)
+            .ToListAsync();
+    }
+
+    // 新增统计相关方法
+    public new async Task<List<Tool>> GetPopularToolsAsync(int count = 10, DateTime? startDate = null)
+    {
+        return await base.GetPopularToolsAsync(count, startDate);
+    }
+
+    public new async Task<ToolStatistics?> GetToolStatisticsAsync(int toolId, DateTime date)
+    {
+        return await base.GetToolStatisticsAsync(toolId, date);
+    }
+
+    public new async Task<List<UserToolAccess>> GetToolAccessRecordsAsync(int toolId, DateTime? startDate = null, DateTime? endDate = null, int limit = 100)
+    {
+        return await base.GetToolAccessRecordsAsync(toolId, startDate, endDate, limit);
+    }
+
+    public new async Task<List<UserToolAccess>> GetUserToolAccessRecordsAsync(int userId, DateTime? startDate = null, DateTime? endDate = null, int limit = 100)
+    {
+        return await base.GetUserToolAccessRecordsAsync(userId, startDate, endDate, limit);
+    }
+
+    public new async Task<List<object>> GetToolUsageTrendAsync(int toolId, int days = 30)
+    {
+        return await base.GetToolUsageTrendAsync(toolId, days);
+    }
+
+    public async Task RecordToolActionAsync(int toolId, string actionType, int duration = 0)
+    {
+        await RecordToolAccessAsync(toolId, actionType, duration);
+    }
+}

Services/UserService.cs

@@ -0,0 +1,152 @@
+using ToolHub.Models;
+using System.Security.Cryptography;
+using System.Text;
+
+namespace ToolHub.Services;
+
+public class UserService : IUserService
+{
+    private readonly IFreeSql _freeSql;
+
+    public UserService(IFreeSql freeSql)
+    {
+        _freeSql = freeSql;
+    }
+
+    public async Task<User?> GetUserByIdAsync(int id)
+    {
+        return await _freeSql.Select<User>()
+            .Where(u => u.Id == id && u.IsActive)
+            .FirstAsync();
+    }
+
+    public async Task<User?> GetUserByEmailAsync(string email)
+    {
+        return await _freeSql.Select<User>()
+            .Where(u => u.Email == email && u.IsActive)
+            .FirstAsync();
+    }
+
+    public async Task<bool> CreateUserAsync(User user)
+    {
+        try
+        {
+            user.PasswordHash = HashPassword(user.PasswordHash);
+            await _freeSql.Insert(user).ExecuteAffrowsAsync();
+            return true;
+        }
+        catch
+        {
+            return false;
+        }
+    }
+
+    public async Task<bool> UpdateUserAsync(User user)
+    {
+        try
+        {
+            user.UpdatedAt = DateTime.Now;
+            await _freeSql.Update<User>()
+                .SetSource(user)
+                .ExecuteAffrowsAsync();
+            return true;
+        }
+        catch
+        {
+            return false;
+        }
+    }
+
+    public async Task<bool> VerifyPasswordAsync(string email, string password)
+    {
+        var user = await GetUserByEmailAsync(email);
+        if (user == null) return false;
+
+        return VerifyPassword(password, user.PasswordHash);
+    }
+
+    public async Task<List<Tool>> GetUserFavoritesAsync(int userId)
+    {
+        var favorites = await _freeSql.Select<UserFavorite>()
+            .Include(uf => uf.Tool.Category)
+            .Where(uf => uf.UserId == userId)
+            .OrderByDescending(uf => uf.CreatedAt)
+            .ToListAsync();
+
+        return favorites.Select(uf => uf.Tool).ToList();
+    }
+
+    public async Task<bool> AddFavoriteAsync(int userId, int toolId)
+    {
+        try
+        {
+            var existing = await _freeSql.Select<UserFavorite>()
+                .Where(uf => uf.UserId == userId && uf.ToolId == toolId)
+                .FirstAsync();
+
+            if (existing != null) return true;
+
+            await _freeSql.Insert(new UserFavorite
+            {
+                UserId = userId,
+                ToolId = toolId
+            }).ExecuteAffrowsAsync();
+
+            // 更新工具收藏数
+            await _freeSql.Update<Tool>()
+                .Where(t => t.Id == toolId)
+                .Set(t => t.FavoriteCount + 1)
+                .ExecuteAffrowsAsync();
+
+            return true;
+        }
+        catch
+        {
+            return false;
+        }
+    }
+
+    public async Task<bool> RemoveFavoriteAsync(int userId, int toolId)
+    {
+        try
+        {
+            await _freeSql.Delete<UserFavorite>()
+                .Where(uf => uf.UserId == userId && uf.ToolId == toolId)
+                .ExecuteAffrowsAsync();
+
+            // 更新工具收藏数
+            await _freeSql.Update<Tool>()
+                .Where(t => t.Id == toolId)
+                .Set(t => t.FavoriteCount - 1)
+                .ExecuteAffrowsAsync();
+
+            return true;
+        }
+        catch
+        {
+            return false;
+        }
+    }
+
+    public async Task<bool> IsFavoriteAsync(int userId, int toolId)
+    {
+        var favorite = await _freeSql.Select<UserFavorite>()
+            .Where(uf => uf.UserId == userId && uf.ToolId == toolId)
+            .FirstAsync();
+
+        return favorite != null;
+    }
+
+    private string HashPassword(string password)
+    {
+        using var sha256 = SHA256.Create();
+        var hashedBytes = sha256.ComputeHash(Encoding.UTF8.GetBytes(password + "ToolHub_Salt"));
+        return Convert.ToBase64String(hashedBytes);
+    }
+
+    private bool VerifyPassword(string password, string hash)
+    {
+        var computedHash = HashPassword(password);
+        return computedHash == hash;
+    }
+}

ToolHub.csproj

@@ -0,0 +1,15 @@
+<Project Sdk="Microsoft.NET.Sdk.Web">
+
+  <PropertyGroup>
+    <TargetFramework>net9.0</TargetFramework>
+    <Nullable>enable</Nullable>
+    <ImplicitUsings>enable</ImplicitUsings>
+  </PropertyGroup>
+
+  <ItemGroup>
+    <PackageReference Include="FreeSql" Version="3.5.207" />
+    <PackageReference Include="FreeSql.Provider.Sqlite" Version="3.5.207" />
+    <PackageReference Include="Microsoft.AspNetCore.Authentication.Cookies" Version="2.2.0" />
+  </ItemGroup>
+
+</Project>

ToolHub.csproj.user

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<Project ToolsVersion="Current" xmlns="http://schemas.microsoft.com/developer/msbuild/2003">
+  <PropertyGroup>
+    <ActiveDebugProfile>https</ActiveDebugProfile>
+  </PropertyGroup>
+</Project>

Views/Admin/Categories.cshtml

@@ -0,0 +1,387 @@
+@model List<ToolHub.Models.Category>
+@{
+    ViewData["Title"] = "工具分类管理";
+    Layout = "_AdminLayout";
+    var currentPage = ViewBag.CurrentPage as int? ?? 1;
+    var totalPages = ViewBag.TotalPages as int? ?? 1;
+    var totalCount = ViewBag.TotalCount as int? ?? 0;
+    var pageSize = ViewBag.PageSize as int? ?? 20;
+}
+
+<!-- 页面头部 -->
+<div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 2rem;">
+    <div>
+        <h2 style="font-size: 1.5rem; font-weight: 700; margin: 0; color: var(--dark);">工具分类管理</h2>
+        <p style="color: var(--dark-2); margin: 0.5rem 0 0;">管理工具分类，组织和归类各种工具</p>
+    </div>
+    <button class="btn btn-primary" onclick="openCategoryModal()">
+        <i class="fas fa-plus"></i>
+        添加分类
+    </button>
+</div>
+
+<!-- 分类列表 -->
+<div class="data-table">
+    <div style="padding: 1rem 1.5rem; border-bottom: 1px solid var(--light-2); display: flex; justify-content: space-between; align-items: center;">
+        <span style="font-weight: 600;">分类列表 (@totalCount)</span>
+    </div>
+    
+    <table>
+        <thead>
+            <tr>
+                <th>分类名称</th>
+                <th>描述</th>
+                <th>图标</th>
+                <th>颜色</th>
+                <th>排序</th>
+                <th>工具数量</th>
+                <th>状态</th>
+                <th>操作</th>
+            </tr>
+        </thead>
+        <tbody>
+            @foreach (var category in Model)
+            {
+                <tr>
+                    <td>
+                        <div style="display: flex; align-items: center;">
+                            @if (!string.IsNullOrEmpty(category.Icon))
+                            {
+                                <i class="@category.Icon" style="margin-right: 0.75rem; color: @(category.Color ?? "var(--primary)"); font-size: 1.25rem;"></i>
+                            }
+                            <strong>@category.Name</strong>
+                        </div>
+                    </td>
+                    <td style="max-width: 200px;">
+                        <span style="color: var(--dark-2);">@(category.Description ?? "暂无描述")</span>
+                    </td>
+                    <td>
+                        <code style="background: var(--light-1); padding: 0.25rem 0.5rem; border-radius: 4px; font-size: 0.75rem;">
+                            @(category.Icon ?? "无")
+                        </code>
+                    </td>
+                    <td>
+                        @if (!string.IsNullOrEmpty(category.Color))
+                        {
+                            <div style="display: flex; align-items: center; gap: 0.5rem;">
+                                <div style="width: 20px; height: 20px; background: @category.Color; border-radius: 4px; border: 1px solid var(--light-2);"></div>
+                                <code style="font-size: 0.75rem;">@category.Color</code>
+                            </div>
+                        }
+                        else
+                        {
+                            <span style="color: var(--dark-2);">默认</span>
+                        }
+                    </td>
+                    <td>
+                        <span class="badge badge-secondary">@category.SortOrder</span>
+                    </td>
+                    <td>
+                        <span class="badge badge-primary">@category.Tools?.Count</span>
+                    </td>
+                    <td>
+                        @if (category.IsActive)
+                        {
+                            <span class="badge badge-success">启用</span>
+                        }
+                        else
+                        {
+                            <span class="badge badge-secondary">禁用</span>
+                        }
+                    </td>
+                    <td>
+                        <div style="display: flex; gap: 0.5rem;">
+                            <button class="btn btn-outline btn-sm" onclick="editCategory(@category.Id, '@category.Name', '@category.Description', '@category.Icon', '@category.Color', @category.SortOrder)">
+                                <i class="fas fa-edit"></i>
+                            </button>
+                            <button class="btn btn-outline btn-sm" onclick="toggleCategoryStatus(@category.Id, @category.IsActive.ToString().ToLower())" style="color: @(category.IsActive ? "var(--warning)" : "var(--success)");">
+                                <i class="fas fa-@(category.IsActive ? "pause" : "play")"></i>
+                            </button>
+                            <button class="btn btn-outline btn-sm" onclick="deleteCategory(@category.Id, '@category.Name')" style="color: var(--danger);">
+                                <i class="fas fa-trash"></i>
+                            </button>
+                        </div>
+                    </td>
+                </tr>
+            }
+        </tbody>
+    </table>
+    
+    @if (!Model.Any())
+    {
+        <div style="padding: 3rem; text-align: center; color: var(--dark-2);">
+            <i class="fas fa-tags" style="font-size: 3rem; margin-bottom: 1rem; display: block; opacity: 0.3;"></i>
+            <h3 style="margin-bottom: 0.5rem;">暂无分类</h3>
+            <p style="margin-bottom: 1.5rem;">还没有创建任何工具分类</p>
+            <button class="btn btn-primary" onclick="openCategoryModal()">
+                <i class="fas fa-plus"></i>
+                创建第一个分类
+            </button>
+        </div>
+    }
+    
+    <!-- 分页控件 -->
+    @if (totalPages > 1)
+    {
+        <div style="padding: 1.5rem; border-top: 1px solid var(--light-2); display: flex; justify-content: center; align-items: center; gap: 0.5rem;">
+            <button class="btn btn-outline btn-sm" onclick="changePage(1)" @(currentPage == 1 ? "disabled" : "")>
+                <i class="fas fa-angle-double-left"></i>
+            </button>
+            <button class="btn btn-outline btn-sm" onclick="changePage(@(currentPage - 1))" @(currentPage == 1 ? "disabled" : "")>
+                <i class="fas fa-angle-left"></i>
+            </button>
+            
+            @{
+                var startPage = Math.Max(1, currentPage - 2);
+                var endPage = Math.Min(totalPages, currentPage + 2);
+            }
+            
+            @for (int i = startPage; i <= endPage; i++)
+            {
+                <button class="btn @(i == currentPage ? "btn-primary" : "btn-outline") btn-sm" onclick="changePage(@i)">
+                    @i
+                </button>
+            }
+            
+            <button class="btn btn-outline btn-sm" onclick="changePage(@(currentPage + 1))" @(currentPage == totalPages ? "disabled" : "")>
+                <i class="fas fa-angle-right"></i>
+            </button>
+            <button class="btn btn-outline btn-sm" onclick="changePage(@totalPages)" @(currentPage == totalPages ? "disabled" : "")>
+                <i class="fas fa-angle-double-right"></i>
+            </button>
+        </div>
+    }
+</div>
+
+<!-- 分类模态框 -->
+<div id="categoryModal" class="modal" style="display: none;">
+    <div class="modal-backdrop" onclick="closeCategoryModal()"></div>
+    <div class="modal-content" style="max-width: 500px;">
+        <div class="modal-header">
+            <h3 id="modalTitle">添加分类</h3>
+            <button onclick="closeCategoryModal()" style="background: none; border: none; font-size: 1.5rem; cursor: pointer;">×</button>
+        </div>
+        
+        <form id="categoryForm" onsubmit="submitCategory(event)">
+            <input type="hidden" id="categoryId" name="id" value="0" />
+            
+            <div class="form-group" style="margin-bottom: 1.5rem;">
+                <label style="display: block; font-weight: 600; margin-bottom: 0.5rem;">分类名称 *</label>
+                <input type="text" id="categoryName" name="name" required 
+                       style="width: 100%; padding: 0.75rem; border: 1px solid var(--light-2); border-radius: var(--border-radius);" 
+                       placeholder="请输入分类名称" />
+            </div>
+            
+            <div class="form-group" style="margin-bottom: 1.5rem;">
+                <label style="display: block; font-weight: 600; margin-bottom: 0.5rem;">描述</label>
+                <textarea id="categoryDescription" name="description" rows="3"
+                          style="width: 100%; padding: 0.75rem; border: 1px solid var(--light-2); border-radius: var(--border-radius); resize: vertical;" 
+                          placeholder="请输入分类描述"></textarea>
+            </div>
+            
+            <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin-bottom: 1.5rem;">
+                <div class="form-group">
+                    <label style="display: block; font-weight: 600; margin-bottom: 0.5rem;">图标类名</label>
+                    <input type="text" id="categoryIcon" name="icon" 
+                           style="width: 100%; padding: 0.75rem; border: 1px solid var(--light-2); border-radius: var(--border-radius);" 
+                           placeholder="如: fas fa-file-pdf" />
+                    <small style="color: var(--dark-2); font-size: 0.75rem;">使用 Font Awesome 图标类名</small>
+                </div>
+                
+                <div class="form-group">
+                    <label style="display: block; font-weight: 600; margin-bottom: 0.5rem;">颜色</label>
+                    <input type="color" id="categoryColor" name="color" value="#165DFF"
+                           style="width: 100%; padding: 0.5rem; border: 1px solid var(--light-2); border-radius: var(--border-radius); height: 3rem;" />
+                </div>
+            </div>
+            
+            <div class="form-group" style="margin-bottom: 1.5rem;">
+                <label style="display: block; font-weight: 600; margin-bottom: 0.5rem;">排序顺序</label>
+                <input type="number" id="categorySort" name="sortOrder" min="0" value="0"
+                       style="width: 100%; padding: 0.75rem; border: 1px solid var(--light-2); border-radius: var(--border-radius);" 
+                       placeholder="数字越小排序越靠前" />
+            </div>
+            
+            <div class="modal-footer">
+                <button type="button" class="btn btn-outline" onclick="closeCategoryModal()">取消</button>
+                <button type="submit" class="btn btn-primary">
+                    <span id="submitText">保存</span>
+                </button>
+            </div>
+        </form>
+    </div>
+</div>
+
+<style>
+    .modal {
+        position: fixed;
+        top: 0;
+        left: 0;
+        right: 0;
+        bottom: 0;
+        z-index: 10000;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+    }
+    
+    .modal-backdrop {
+        position: absolute;
+        top: 0;
+        left: 0;
+        right: 0;
+        bottom: 0;
+        background: rgba(0, 0, 0, 0.5);
+    }
+    
+    .modal-content {
+        background: white;
+        border-radius: var(--border-radius);
+        position: relative;
+        z-index: 2;
+        max-height: 90vh;
+        overflow-y: auto;
+        width: 90%;
+        max-width: 600px;
+    }
+    
+    .modal-header {
+        padding: 1.5rem;
+        border-bottom: 1px solid var(--light-2);
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+    }
+    
+    .modal-header h3 {
+        margin: 0;
+        font-size: 1.25rem;
+        font-weight: 600;
+    }
+    
+    .modal-footer {
+        padding: 1.5rem;
+        border-top: 1px solid var(--light-2);
+        display: flex;
+        justify-content: flex-end;
+        gap: 1rem;
+    }
+    
+    .form-group input:focus,
+    .form-group textarea:focus {
+        border-color: var(--primary);
+        outline: none;
+        box-shadow: 0 0 0 3px rgba(22, 93, 255, 0.1);
+    }
+</style>
+
+<script>
+    let isEditing = false;
+    
+    function changePage(page) {
+        window.location.href = `@Url.Action("Index", "Category")?page=${page}`;
+    }
+    
+    function openCategoryModal(editMode = false) {
+        document.getElementById('categoryModal').style.display = 'flex';
+        document.getElementById('modalTitle').textContent = editMode ? '编辑分类' : '添加分类';
+        document.getElementById('submitText').textContent = editMode ? '更新' : '保存';
+        isEditing = editMode;
+        
+        if (!editMode) {
+            document.getElementById('categoryForm').reset();
+            document.getElementById('categoryId').value = '0';
+            document.getElementById('categoryColor').value = '#165DFF';
+        }
+    }
+    
+    function closeCategoryModal() {
+        document.getElementById('categoryModal').style.display = 'none';
+    }
+    
+    function editCategory(id, name, description, icon, color, sortOrder) {
+        openCategoryModal(true);
+        document.getElementById('categoryId').value = id;
+        document.getElementById('categoryName').value = name;
+        document.getElementById('categoryDescription').value = description || '';
+        document.getElementById('categoryIcon').value = icon || '';
+        document.getElementById('categoryColor').value = color || '#165DFF';
+        document.getElementById('categorySort').value = sortOrder;
+    }
+    
+    async function submitCategory(event) {
+        event.preventDefault();
+        
+        const formData = new FormData(event.target);
+        const data = Object.fromEntries(formData.entries());
+        
+        try {
+            const response = await fetch('/Category/Save', {
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/json',
+                },
+                body: JSON.stringify(data)
+            });
+            
+            if (response.ok) {
+                toolHub.showToast(isEditing ? '分类更新成功' : '分类添加成功', 'success');
+                closeCategoryModal();
+                setTimeout(() => location.reload(), 1000);
+            } else {
+                toolHub.showToast('操作失败，请重试', 'error');
+            }
+        } catch (error) {
+            console.error('提交失败:', error);
+            toolHub.showToast('操作失败，请重试', 'error');
+        }
+    }
+    
+    async function toggleCategoryStatus(id, currentStatus) {
+        try {
+            const response = await fetch('/Category/ToggleStatus', {
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/json',
+                },
+                body: JSON.stringify({ id: id, isActive: !currentStatus })
+            });
+            
+            if (response.ok) {
+                toolHub.showToast('状态更新成功', 'success');
+                setTimeout(() => location.reload(), 1000);
+            } else {
+                toolHub.showToast('操作失败，请重试', 'error');
+            }
+        } catch (error) {
+            console.error('操作失败:', error);
+            toolHub.showToast('操作失败，请重试', 'error');
+        }
+    }
+    
+    async function deleteCategory(id, name) {
+        if (!confirm(`确定要删除分类"${name}"吗？\n注意：删除分类会影响该分类下的所有工具。`)) {
+            return;
+        }
+        
+        try {
+            const response = await fetch('/Category/Delete', {
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/json',
+                },
+                body: JSON.stringify({ id: id })
+            });
+            
+            if (response.ok) {
+                toolHub.showToast('分类删除成功', 'success');
+                setTimeout(() => location.reload(), 1000);
+            } else {
+                toolHub.showToast('删除失败，可能该分类下还有工具', 'error');
+            }
+        } catch (error) {
+            console.error('删除失败:', error);
+            toolHub.showToast('删除失败，请重试', 'error');
+        }
+    }
+</script>

Views/Admin/Index.cshtml

@@ -0,0 +1,302 @@
+@{
+    ViewData["Title"] = "仪表板";
+    Layout = "_AdminLayout";
+}
+
+<!-- 统计卡片 -->
+<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 mb-6">
+    <div class="stats-card">
+        <div class="stats-number" style="color: var(--primary);">
+            @(ViewBag.TotalTools ?? 0)
+        </div>
+        <div class="stats-label">
+            <i class="fas fa-tools" style="margin-right: 0.5rem;"></i>
+            工具总数
+        </div>
+    </div>
+    
+    <div class="stats-card">
+        <div class="stats-number" style="color: var(--secondary);">
+            @(ViewBag.TotalCategories ?? 0)
+        </div>
+        <div class="stats-label">
+            <i class="fas fa-tags" style="margin-right: 0.5rem;"></i>
+            分类总数
+        </div>
+    </div>
+    
+    <div class="stats-card">
+        <div class="stats-number" style="color: var(--success);">
+            @(ViewBag.TotalUsers ?? 0)
+        </div>
+        <div class="stats-label">
+            <i class="fas fa-users" style="margin-right: 0.5rem;"></i>
+            用户总数
+        </div>
+    </div>
+    
+    <div class="stats-card">
+        <div class="stats-number" style="color: var(--warning);">
+            @{
+                var totalViews = ViewBag.TotalViews as long? ?? 0;
+                var viewsDisplay = totalViews > 1000000 ? $"{totalViews / 1000000:F1}M" : 
+                                   totalViews > 1000 ? $"{totalViews / 1000:F0}K" : 
+                                   totalViews.ToString();
+            }
+            @viewsDisplay
+        </div>
+        <div class="stats-label">
+            <i class="fas fa-eye" style="margin-right: 0.5rem;"></i>
+            总访问量
+        </div>
+    </div>
+</div>
+
+<div class="grid grid-cols-1 lg:grid-cols-2">
+    <!-- 最新工具 -->
+    <div class="data-table" style="margin-bottom: 2rem;">
+        <div style="padding: 1.5rem; border-bottom: 1px solid var(--light-2);">
+            <h3 style="margin: 0; font-size: 1.1rem; font-weight: 600; color: var(--dark);">
+                <i class="fas fa-clock" style="margin-right: 0.5rem; color: var(--primary);"></i>
+                最新工具
+            </h3>
+        </div>
+        
+        @if (ViewBag.RecentTools is List<ToolHub.Models.Tool> recentTools && recentTools.Any())
+        {
+            <table>
+                <thead>
+                    <tr>
+                        <th>工具名称</th>
+                        <th>分类</th>
+                        <th>状态</th>
+                        <th>创建时间</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    @foreach (var tool in recentTools)
+                    {
+                        <tr>
+                            <td>
+                                <div style="display: flex; align-items: center;">
+                                    @if (!string.IsNullOrEmpty(tool.Icon))
+                                    {
+                                        <i class="@tool.Icon" style="margin-right: 0.75rem; color: var(--primary);"></i>
+                                    }
+                                    <div>
+                                        <strong>@tool.Name</strong>
+                                        @if (!string.IsNullOrEmpty(tool.Description) && tool.Description.Length > 30)
+                                        {
+                                            <br><small style="color: var(--dark-2);">@(tool.Description.Substring(0, 30))...</small>
+                                        }
+                                    </div>
+                                </div>
+                            </td>
+                            <td>
+                                <span class="badge badge-primary">@tool.Category?.Name</span>
+                            </td>
+                            <td>
+                                @if (tool.IsHot)
+                                {
+                                    <span class="badge badge-danger">热门</span>
+                                }
+                                @if (tool.IsNew)
+                                {
+                                    <span class="badge badge-warning">新品</span>
+                                }
+                                @if (tool.IsRecommended)
+                                {
+                                    <span class="badge badge-success">推荐</span>
+                                }
+                                @if (!tool.IsHot && !tool.IsNew && !tool.IsRecommended)
+                                {
+                                    <span class="badge badge-secondary">普通</span>
+                                }
+                            </td>
+                            <td style="color: var(--dark-2); font-size: 0.875rem;">
+                                @tool.CreatedAt.ToString("MM-dd HH:mm")
+                            </td>
+                        </tr>
+                    }
+                </tbody>
+            </table>
+        }
+        else
+        {
+            <div style="padding: 2rem; text-align: center; color: var(--dark-2);">
+                <i class="fas fa-inbox" style="font-size: 2rem; margin-bottom: 1rem; display: block;"></i>
+                暂无工具数据
+            </div>
+        }
+        
+        <div style="padding: 1rem; border-top: 1px solid var(--light-2); text-align: center;">
+            <a href="@Url.Action("Index", "Tool")" class="btn btn-outline btn-sm">
+                查看所有工具
+            </a>
+        </div>
+    </div>
+
+    <!-- 快速操作 -->
+    <div class="data-table">
+        <div style="padding: 1.5rem; border-bottom: 1px solid var(--light-2);">
+            <h3 style="margin: 0; font-size: 1.1rem; font-weight: 600; color: var(--dark);">
+                <i class="fas fa-bolt" style="margin-right: 0.5rem; color: var(--warning);"></i>
+                快速操作
+            </h3>
+        </div>
+        
+        <div style="padding: 1.5rem;">
+            <div style="display: grid; gap: 1rem;">
+                            <a href="@Url.Action("Index", "Tool")" 
+               style="display: flex; align-items: center; padding: 1rem; background: var(--light-1); border-radius: var(--border-radius); text-decoration: none; color: var(--dark); transition: var(--transition);"
+               onmouseover="this.style.background='var(--primary)'; this.style.color='white';"
+               onmouseout="this.style.background='var(--light-1)'; this.style.color='var(--dark)';">
+                <i class="fas fa-plus-circle" style="font-size: 1.5rem; margin-right: 1rem; color: var(--primary);"></i>
+                <div>
+                    <strong>工具管理</strong>
+                    <br><small style="opacity: 0.8;">管理平台上的工具</small>
+                </div>
+            </a>
+                
+                <a href="@Url.Action("Index", "Category")" 
+                   style="display: flex; align-items: center; padding: 1rem; background: var(--light-1); border-radius: var(--border-radius); text-decoration: none; color: var(--dark); transition: var(--transition);"
+                   onmouseover="this.style.background='var(--secondary)'; this.style.color='white';"
+                   onmouseout="this.style.background='var(--light-1)'; this.style.color='var(--dark)';">
+                    <i class="fas fa-tag" style="font-size: 1.5rem; margin-right: 1rem; color: var(--secondary);"></i>
+                    <div>
+                        <strong>分类管理</strong>
+                        <br><small style="opacity: 0.8;">管理工具分类</small>
+                    </div>
+                </a>
+                
+                <a href="@Url.Action("Index", "Tag")" 
+                   style="display: flex; align-items: center; padding: 1rem; background: var(--light-1); border-radius: var(--border-radius); text-decoration: none; color: var(--dark); transition: var(--transition);"
+                   onmouseover="this.style.background='var(--accent)'; this.style.color='white';"
+                   onmouseout="this.style.background='var(--light-1)'; this.style.color='var(--dark)';">
+                    <i class="fas fa-tags" style="font-size: 1.5rem; margin-right: 1rem; color: var(--accent);"></i>
+                    <div>
+                        <strong>标签管理</strong>
+                        <br><small style="opacity: 0.8;">管理工具标签</small>
+                    </div>
+                </a>
+                
+                <a href="@Url.Action("Users", "Admin")" 
+                   style="display: flex; align-items: center; padding: 1rem; background: var(--light-1); border-radius: var(--border-radius); text-decoration: none; color: var(--dark); transition: var(--transition);"
+                   onmouseover="this.style.background='var(--success)'; this.style.color='white';"
+                   onmouseout="this.style.background='var(--light-1)'; this.style.color='var(--dark)';">
+                    <i class="fas fa-user-cog" style="font-size: 1.5rem; margin-right: 1rem; color: var(--success);"></i>
+                    <div>
+                        <strong>用户管理</strong>
+                        <br><small style="opacity: 0.8;">管理注册用户</small>
+                    </div>
+                </a>
+                
+                <a href="@Url.Action("Index", "Home")" target="_blank"
+                   style="display: flex; align-items: center; padding: 1rem; background: var(--light-1); border-radius: var(--border-radius); text-decoration: none; color: var(--dark); transition: var(--transition);"
+                   onmouseover="this.style.background='var(--accent)'; this.style.color='white';"
+                   onmouseout="this.style.background='var(--light-1)'; this.style.color='var(--dark)';">
+                    <i class="fas fa-external-link-alt" style="font-size: 1.5rem; margin-right: 1rem; color: var(--accent);"></i>
+                    <div>
+                        <strong>访问网站</strong>
+                        <br><small style="opacity: 0.8;">查看前台网站</small>
+                    </div>
+                </a>
+                
+                <button onclick="initImageCompressor()" 
+                        style="display: flex; align-items: center; padding: 1rem; background: var(--light-1); border-radius: var(--border-radius); border: none; color: var(--dark); transition: var(--transition); cursor: pointer; width: 100%;"
+                        onmouseover="this.style.background='var(--warning)'; this.style.color='white';"
+                        onmouseout="this.style.background='var(--light-1)'; this.style.color='var(--dark)';">
+                    <i class="fas fa-compress-alt" style="font-size: 1.5rem; margin-right: 1rem; color: var(--warning);"></i>
+                    <div style="text-align: left;">
+                        <strong>初始化图片压缩工具</strong>
+                        <br><small style="opacity: 0.8;">添加图片压缩工具到数据库</small>
+                    </div>
+                </button>
+            </div>
+        </div>
+    </div>
+</div>
+
+<!-- 系统信息 -->
+<div class="data-table mt-6">
+    <div style="padding: 1.5rem; border-bottom: 1px solid var(--light-2);">
+        <h3 style="margin: 0; font-size: 1.1rem; font-weight: 600; color: var(--dark);">
+            <i class="fas fa-info-circle" style="margin-right: 0.5rem; color: var(--primary);"></i>
+            系统信息
+        </h3>
+    </div>
+    
+    <div style="padding: 1.5rem;">
+        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4">
+            <div>
+                <strong>系统版本</strong>
+                <p style="color: var(--dark-2); margin: 0.25rem 0 0;">ToolHub v1.0.0</p>
+            </div>
+            <div>
+                <strong>运行环境</strong>
+                <p style="color: var(--dark-2); margin: 0.25rem 0 0;">.NET 9.0</p>
+            </div>
+            <div>
+                <strong>数据库</strong>
+                <p style="color: var(--dark-2); margin: 0.25rem 0 0;">SQLite + FreeSql</p>
+            </div>
+            <div>
+                <strong>服务器时间</strong>
+                <p style="color: var(--dark-2); margin: 0.25rem 0 0;">@DateTime.Now.ToString("yyyy-MM-dd HH:mm:ss")</p>
+            </div>
+        </div>
+    </div>
+</div>
+
+<script>
+async function initImageCompressor() {
+    try {
+        const button = event.target.closest('button');
+        const originalContent = button.innerHTML;
+        
+        // 显示加载状态
+        button.innerHTML = `
+            <i class="fas fa-spinner fa-spin" style="font-size: 1.5rem; margin-right: 1rem; color: var(--warning);"></i>
+            <div style="text-align: left;">
+                <strong>初始化中...</strong>
+                <br><small style="opacity: 0.8;">请稍候</small>
+            </div>
+        `;
+        button.disabled = true;
+        
+        const response = await fetch('/Tool/InitImageCompressor');
+        const result = await response.json();
+        
+        if (result.success) {
+            toolHub.showToast('图片压缩工具初始化成功！', 'success');
+            
+            // 恢复按钮状态
+            button.innerHTML = `
+                <i class="fas fa-check-circle" style="font-size: 1.5rem; margin-right: 1rem; color: var(--success);"></i>
+                <div style="text-align: left;">
+                    <strong>初始化完成</strong>
+                    <br><small style="opacity: 0.8;">图片压缩工具已添加</small>
+                </div>
+            `;
+            
+            // 3秒后恢复原状态
+            setTimeout(() => {
+                button.innerHTML = originalContent;
+                button.disabled = false;
+            }, 3000);
+        } else {
+            toolHub.showToast(result.message || '初始化失败', 'error');
+            button.innerHTML = originalContent;
+            button.disabled = false;
+        }
+    } catch (error) {
+        console.error('初始化失败:', error);
+        toolHub.showToast('初始化失败，请重试', 'error');
+        
+        // 恢复按钮状态
+        const button = event.target.closest('button');
+        button.innerHTML = originalContent;
+        button.disabled = false;
+    }
+}
+</script>

Views/Admin/Login.cshtml

@@ -0,0 +1,103 @@
+@{
+    ViewData["Title"] = "管理员登录";
+    Layout = null;
+}
+
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>@ViewData["Title"] - ToolHub</title>
+    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet" />
+    <link href="https://cdn.bootcdn.net/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet" />
+    <link rel="stylesheet" href="~/css/toolhub.css" asp-append-version="true" />
+</head>
+<body style="background: linear-gradient(135deg, var(--primary), var(--secondary)); min-height: 100vh; display: flex; align-items: center; justify-content: center;">
+    <div class="container" style="max-width: 400px;">
+        <div class="card" style="padding: 2rem; text-align: center;">
+            <!-- Logo -->
+            <div style="margin-bottom: 2rem;">
+                <div class="brand-icon" style="margin: 0 auto 1rem;">
+                    <i class="fas fa-wrench"></i>
+                </div>
+                <h1 style="font-size: 1.5rem; font-weight: 700; margin: 0;">
+                    <span class="text-gradient">ToolHub</span> 管理后台
+                </h1>
+                <p style="color: var(--dark-2); margin-top: 0.5rem;">请登录您的管理员账户</p>
+            </div>
+
+            <!-- 错误消息 -->
+            @if (ViewBag.Error != null)
+            {
+                <div style="background: rgba(255, 77, 79, 0.1); color: var(--danger); padding: 0.75rem; border-radius: var(--border-radius); margin-bottom: 1.5rem; border-left: 4px solid var(--danger);">
+                    <i class="fas fa-exclamation-circle" style="margin-right: 0.5rem;"></i>
+                    @ViewBag.Error
+                </div>
+            }
+
+            <!-- 登录表单 -->
+            <form method="post" action="@Url.Action("Login", "Admin")">
+                <div style="margin-bottom: 1.25rem;">
+                    <input type="email" 
+                           name="email" 
+                           placeholder="管理员邮箱" 
+                           required
+                           style="width: 100%; padding: 0.875rem; border: 1px solid var(--light-2); border-radius: var(--border-radius); font-size: 0.875rem; transition: var(--transition);"
+                           onfocus="this.style.borderColor='var(--primary)'; this.style.boxShadow='0 0 0 3px rgba(22, 93, 255, 0.1)'"
+                           onblur="this.style.borderColor='var(--light-2)'; this.style.boxShadow='none'" />
+                </div>
+
+                <div style="margin-bottom: 1.25rem;">
+                    <input type="password" 
+                           name="password" 
+                           placeholder="密码" 
+                           required
+                           style="width: 100%; padding: 0.875rem; border: 1px solid var(--light-2); border-radius: var(--border-radius); font-size: 0.875rem; transition: var(--transition);"
+                           onfocus="this.style.borderColor='var(--primary)'; this.style.boxShadow='0 0 0 3px rgba(22, 93, 255, 0.1)'"
+                           onblur="this.style.borderColor='var(--light-2)'; this.style.boxShadow='none'" />
+                </div>
+
+                <div style="margin-bottom: 1.5rem; display: flex; align-items: center; gap: 0.5rem;">
+                    <input type="checkbox" name="rememberMe" id="rememberMe" value="true" />
+                    <label for="rememberMe" style="font-size: 0.875rem; color: var(--dark-2); cursor: pointer;">
+                        记住我
+                    </label>
+                </div>
+
+                <button type="submit" class="btn btn-primary" style="width: 100%; padding: 0.875rem; font-weight: 600;">
+                    <i class="fas fa-sign-in-alt" style="margin-right: 0.5rem;"></i>
+                    登录
+                </button>
+            </form>
+
+            <!-- 说明文字 -->
+            <div style="margin-top: 2rem; padding-top: 1.5rem; border-top: 1px solid var(--light-2);">
+                <p style="font-size: 0.75rem; color: var(--dark-2); margin: 0;">
+                    <i class="fas fa-shield-alt" style="margin-right: 0.25rem;"></i>
+                    默认管理员账户：admin@toolhub.com / admin123
+                </p>
+                <p style="font-size: 0.75rem; color: var(--dark-2); margin: 0.5rem 0 0;">
+                    <a href="@Url.Action("Index", "Home")" style="color: var(--primary); text-decoration: none;">
+                        <i class="fas fa-arrow-left" style="margin-right: 0.25rem;"></i>
+                        返回首页
+                    </a>
+                </p>
+            </div>
+        </div>
+    </div>
+
+    <script>
+        // 简单的表单验证
+        document.querySelector('form').addEventListener('submit', function(e) {
+            const email = this.email.value.trim();
+            const password = this.password.value.trim();
+            
+            if (!email || !password) {
+                e.preventDefault();
+                alert('请填写完整的登录信息');
+            }
+        });
+    </script>
+</body>
+</html>

Views/Admin/Tags.cshtml

@@ -0,0 +1,349 @@
+@model List<ToolHub.Models.Tag>
+@{
+    ViewData["Title"] = "标签管理";
+    Layout = "_AdminLayout";
+    var currentPage = ViewBag.CurrentPage as int? ?? 1;
+    var totalPages = ViewBag.TotalPages as int? ?? 1;
+    var totalCount = ViewBag.TotalCount as int? ?? 0;
+    var pageSize = ViewBag.PageSize as int? ?? 20;
+}
+
+<!-- 页面头部 -->
+<div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 2rem;">
+    <div>
+        <h2 style="font-size: 1.5rem; font-weight: 700; margin: 0; color: var(--dark);">标签管理</h2>
+        <p style="color: var(--dark-2); margin: 0.5rem 0 0;">管理工具标签，为工具添加分类标识</p>
+    </div>
+    <button class="btn btn-primary" onclick="openTagModal()">
+        <i class="fas fa-plus"></i>
+        添加标签
+    </button>
+</div>
+
+<!-- 标签列表 -->
+<div class="data-table">
+    <div style="padding: 1rem 1.5rem; border-bottom: 1px solid var(--light-2); display: flex; justify-content: space-between; align-items: center;">
+        <span style="font-weight: 600;">标签列表 (@totalCount)</span>
+    </div>
+    
+    <table>
+        <thead>
+            <tr>
+                <th>标签名称</th>
+                <th>颜色</th>
+                <th>使用次数</th>
+                <th>创建时间</th>
+                <th>状态</th>
+                <th>操作</th>
+            </tr>
+        </thead>
+        <tbody>
+            @foreach (var tag in Model)
+            {
+                <tr>
+                    <td>
+                        <div style="display: flex; align-items: center;">
+                            <span class="badge" style="background: @(tag.Color ?? "var(--primary)"); color: white; margin-right: 0.75rem;">
+                                @tag.Name
+                            </span>
+                            <strong>@tag.Name</strong>
+                        </div>
+                    </td>
+                    <td>
+                        @if (!string.IsNullOrEmpty(tag.Color))
+                        {
+                            <div style="display: flex; align-items: center; gap: 0.5rem;">
+                                <div style="width: 20px; height: 20px; background: @tag.Color; border-radius: 4px; border: 1px solid var(--light-2);"></div>
+                                <code style="font-size: 0.75rem;">@tag.Color</code>
+                            </div>
+                        }
+                        else
+                        {
+                            <span style="color: var(--dark-2);">默认</span>
+                        }
+                    </td>
+                    <td>
+                        <span class="badge badge-primary">@tag.ToolTags?.Count</span>
+                    </td>
+                    <td style="color: var(--dark-2); font-size: 0.875rem;">
+                        @tag.CreatedAt.ToString("yyyy-MM-dd")
+                    </td>
+                    <td>
+                        @if (tag.IsActive)
+                        {
+                            <span class="badge badge-success">启用</span>
+                        }
+                        else
+                        {
+                            <span class="badge badge-secondary">禁用</span>
+                        }
+                    </td>
+                    <td>
+                        <div style="display: flex; gap: 0.5rem;">
+                            <button class="btn btn-outline btn-sm" onclick="editTag(@tag.Id, '@tag.Name', '@tag.Color')">
+                                <i class="fas fa-edit"></i>
+                            </button>
+                            <button class="btn btn-outline btn-sm" onclick="toggleTagStatus(@tag.Id, @tag.IsActive.ToString().ToLower())" style="color: @(tag.IsActive ? "var(--warning)" : "var(--success)");">
+                                <i class="fas fa-@(tag.IsActive ? "pause" : "play")"></i>
+                            </button>
+                            <button class="btn btn-outline btn-sm" onclick="deleteTag(@tag.Id, '@tag.Name')" style="color: var(--danger);">
+                                <i class="fas fa-trash"></i>
+                            </button>
+                        </div>
+                    </td>
+                </tr>
+            }
+        </tbody>
+    </table>
+    
+    @if (!Model.Any())
+    {
+        <div style="padding: 3rem; text-align: center; color: var(--dark-2);">
+            <i class="fas fa-tags" style="font-size: 3rem; margin-bottom: 1rem; display: block; opacity: 0.3;"></i>
+            <h3 style="margin-bottom: 0.5rem;">暂无标签</h3>
+            <p style="margin-bottom: 1.5rem;">还没有创建任何标签</p>
+            <button class="btn btn-primary" onclick="openTagModal()">
+                <i class="fas fa-plus"></i>
+                创建第一个标签
+            </button>
+        </div>
+    }
+    
+    <!-- 分页控件 -->
+    @if (totalPages > 1)
+    {
+        <div style="padding: 1.5rem; border-top: 1px solid var(--light-2); display: flex; justify-content: center; align-items: center; gap: 0.5rem;">
+            <button class="btn btn-outline btn-sm" onclick="changePage(1)" @(currentPage == 1 ? "disabled" : "")>
+                <i class="fas fa-angle-double-left"></i>
+            </button>
+            <button class="btn btn-outline btn-sm" onclick="changePage(@(currentPage - 1))" @(currentPage == 1 ? "disabled" : "")>
+                <i class="fas fa-angle-left"></i>
+            </button>
+            
+            @{
+                var startPage = Math.Max(1, currentPage - 2);
+                var endPage = Math.Min(totalPages, currentPage + 2);
+            }
+            
+            @for (int i = startPage; i <= endPage; i++)
+            {
+                <button class="btn @(i == currentPage ? "btn-primary" : "btn-outline") btn-sm" onclick="changePage(@i)">
+                    @i
+                </button>
+            }
+            
+            <button class="btn btn-outline btn-sm" onclick="changePage(@(currentPage + 1))" @(currentPage == totalPages ? "disabled" : "")>
+                <i class="fas fa-angle-right"></i>
+            </button>
+            <button class="btn btn-outline btn-sm" onclick="changePage(@totalPages)" @(currentPage == totalPages ? "disabled" : "")>
+                <i class="fas fa-angle-double-right"></i>
+            </button>
+        </div>
+    }
+</div>
+
+<!-- 标签模态框 -->
+<div id="tagModal" class="modal" style="display: none;">
+    <div class="modal-backdrop" onclick="closeTagModal()"></div>
+    <div class="modal-content" style="max-width: 400px;">
+        <div class="modal-header">
+            <h3 id="modalTitle">添加标签</h3>
+            <button onclick="closeTagModal()" style="background: none; border: none; font-size: 1.5rem; cursor: pointer;">×</button>
+        </div>
+        
+        <form id="tagForm" onsubmit="submitTag(event)">
+            <input type="hidden" id="tagId" name="id" value="0" />
+            
+            <div class="form-group" style="margin-bottom: 1.5rem;">
+                <label style="display: block; font-weight: 600; margin-bottom: 0.5rem;">标签名称 *</label>
+                <input type="text" id="tagName" name="name" required 
+                       style="width: 100%; padding: 0.75rem; border: 1px solid var(--light-2); border-radius: var(--border-radius);" 
+                       placeholder="请输入标签名称" />
+            </div>
+            
+            <div class="form-group" style="margin-bottom: 1.5rem;">
+                <label style="display: block; font-weight: 600; margin-bottom: 0.5rem;">标签颜色</label>
+                <input type="color" id="tagColor" name="color" value="#165DFF"
+                       style="width: 100%; padding: 0.5rem; border: 1px solid var(--light-2); border-radius: var(--border-radius); height: 3rem;" />
+                <small style="color: var(--dark-2); font-size: 0.75rem;">选择标签的显示颜色</small>
+            </div>
+            
+            <div class="modal-footer">
+                <button type="button" class="btn btn-outline" onclick="closeTagModal()">取消</button>
+                <button type="submit" class="btn btn-primary">
+                    <span id="submitText">保存</span>
+                </button>
+            </div>
+        </form>
+    </div>
+</div>
+
+<style>
+    .modal {
+        position: fixed;
+        top: 0;
+        left: 0;
+        right: 0;
+        bottom: 0;
+        z-index: 10000;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+    }
+    
+    .modal-backdrop {
+        position: absolute;
+        top: 0;
+        left: 0;
+        right: 0;
+        bottom: 0;
+        background: rgba(0, 0, 0, 0.5);
+    }
+    
+    .modal-content {
+        background: white;
+        border-radius: var(--border-radius);
+        position: relative;
+        z-index: 2;
+        max-height: 90vh;
+        overflow-y: auto;
+        width: 90%;
+        max-width: 600px;
+    }
+    
+    .modal-header {
+        padding: 1.5rem;
+        border-bottom: 1px solid var(--light-2);
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+    }
+    
+    .modal-header h3 {
+        margin: 0;
+        font-size: 1.25rem;
+        font-weight: 600;
+    }
+    
+    .modal-footer {
+        padding: 1.5rem;
+        border-top: 1px solid var(--light-2);
+        display: flex;
+        justify-content: flex-end;
+        gap: 1rem;
+    }
+    
+    .form-group input:focus {
+        border-color: var(--primary);
+        outline: none;
+        box-shadow: 0 0 0 3px rgba(22, 93, 255, 0.1);
+    }
+</style>
+
+<script>
+    let isEditing = false;
+    
+    function changePage(page) {
+        window.location.href = `@Url.Action("Index", "Tag")?page=${page}`;
+    }
+    
+    function openTagModal(editMode = false) {
+        document.getElementById('tagModal').style.display = 'flex';
+        document.getElementById('modalTitle').textContent = editMode ? '编辑标签' : '添加标签';
+        document.getElementById('submitText').textContent = editMode ? '更新' : '保存';
+        isEditing = editMode;
+        
+        if (!editMode) {
+            document.getElementById('tagForm').reset();
+            document.getElementById('tagId').value = '0';
+            document.getElementById('tagColor').value = '#165DFF';
+        }
+    }
+    
+    function closeTagModal() {
+        document.getElementById('tagModal').style.display = 'none';
+    }
+    
+    function editTag(id, name, color) {
+        openTagModal(true);
+        document.getElementById('tagId').value = id;
+        document.getElementById('tagName').value = name;
+        document.getElementById('tagColor').value = color || '#165DFF';
+    }
+    
+    async function submitTag(event) {
+        event.preventDefault();
+        
+        const formData = new FormData(event.target);
+        const data = Object.fromEntries(formData.entries());
+        
+        try {
+            const response = await fetch('/Tag/Save', {
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/json',
+                },
+                body: JSON.stringify(data)
+            });
+            
+            if (response.ok) {
+                toolHub.showToast(isEditing ? '标签更新成功' : '标签添加成功', 'success');
+                closeTagModal();
+                setTimeout(() => location.reload(), 1000);
+            } else {
+                toolHub.showToast('操作失败，请重试', 'error');
+            }
+        } catch (error) {
+            console.error('提交失败:', error);
+            toolHub.showToast('操作失败，请重试', 'error');
+        }
+    }
+    
+    async function toggleTagStatus(id, currentStatus) {
+        try {
+            const response = await fetch('/Tag/ToggleStatus', {
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/json',
+                },
+                body: JSON.stringify({ id: id, isActive: !currentStatus })
+            });
+            
+            if (response.ok) {
+                toolHub.showToast('状态更新成功', 'success');
+                setTimeout(() => location.reload(), 1000);
+            } else {
+                toolHub.showToast('操作失败，请重试', 'error');
+            }
+        } catch (error) {
+            console.error('操作失败:', error);
+            toolHub.showToast('操作失败，请重试', 'error');
+        }
+    }
+    
+    async function deleteTag(id, name) {
+        if (!confirm(`确定要删除标签"${name}"吗？\n注意：删除标签会影响使用该标签的工具。`)) {
+            return;
+        }
+        
+        try {
+            const response = await fetch('/Tag/Delete', {
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/json',
+                },
+                body: JSON.stringify({ id: id })
+            });
+            
+            if (response.ok) {
+                toolHub.showToast('标签删除成功', 'success');
+                setTimeout(() => location.reload(), 1000);
+            } else {
+                toolHub.showToast('删除失败，可能该标签下还有工具', 'error');
+            }
+        } catch (error) {
+            console.error('删除失败:', error);
+            toolHub.showToast('删除失败，请重试', 'error');
+        }
+    }
+</script>

Views/Admin/Tools.cshtml

@@ -0,0 +1,934 @@
+@model List<ToolHub.Models.Tool>
+@{
+    ViewData["Title"] = "工具管理";
+    Layout = "_AdminLayout";
+    var categories = ViewBag.Categories as List<ToolHub.Models.Category> ?? new List<ToolHub.Models.Category>();
+    var currentCategory = ViewBag.CurrentCategory as int? ?? 0;
+    var currentPage = ViewBag.CurrentPage as int? ?? 1;
+    var totalPages = ViewBag.TotalPages as int? ?? 1;
+    var totalCount = ViewBag.TotalCount as int? ?? 0;
+    var pageSize = ViewBag.PageSize as int? ?? 20;
+}
+
+<!-- 页面头部 -->
+<div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 2rem;">
+    <div>
+        <h2 style="font-size: 1.5rem; font-weight: 700; margin: 0; color: var(--dark);">工具管理</h2>
+        <p style="color: var(--dark-2); margin: 0.5rem 0 0;">管理平台上的所有工具，添加、编辑或删除工具</p>
+    </div>
+    <div style="display: flex; gap: 1rem;">
+        <a href="@Url.Action("Index", "Tag")" class="btn btn-secondary">
+            <i class="fas fa-tags"></i>
+            标签管理
+        </a>
+        <button class="btn btn-primary" onclick="openToolModal()">
+            <i class="fas fa-plus"></i>
+            添加工具
+        </button>
+    </div>
+</div>
+
+<!-- 筛选和搜索 -->
+<div style="background: white; padding: 1.5rem; border-radius: var(--border-radius); box-shadow: var(--shadow-sm); margin-bottom: 2rem;">
+    <div style="display: grid; grid-template-columns: 1fr 1fr 1fr auto; gap: 1rem; align-items: end;">
+        <div>
+            <label style="display: block; font-weight: 600; margin-bottom: 0.5rem; font-size: 0.875rem;">分类筛选</label>
+            <select id="categoryFilter" onchange="filterTools()" style="width: 100%; padding: 0.75rem; border: 1px solid var(--light-2); border-radius: var(--border-radius);">
+                <option value="0">全部分类</option>
+                @foreach (var category in categories)
+                {
+                    <option value="@category.Id" selected="@(currentCategory == category.Id)">@category.Name</option>
+                }
+            </select>
+        </div>
+        
+        <div>
+            <label style="display: block; font-weight: 600; margin-bottom: 0.5rem; font-size: 0.875rem;">状态筛选</label>
+            <select id="statusFilter" onchange="filterTools()" style="width: 100%; padding: 0.75rem; border: 1px solid var(--light-2); border-radius: var(--border-radius);">
+                <option value="">全部状态</option>
+                <option value="active">启用</option>
+                <option value="inactive">禁用</option>
+                <option value="hot">热门</option>
+                <option value="new">新品</option>
+                <option value="recommended">推荐</option>
+            </select>
+        </div>
+        
+        <div>
+            <label style="display: block; font-weight: 600; margin-bottom: 0.5rem; font-size: 0.875rem;">搜索工具</label>
+            <input type="text" id="searchInput" placeholder="输入工具名称..." onkeyup="filterTools()"
+                   style="width: 100%; padding: 0.75rem; border: 1px solid var(--light-2); border-radius: var(--border-radius);" />
+        </div>
+        
+        <button class="btn btn-outline" onclick="clearFilters()">
+            <i class="fas fa-undo"></i>
+            重置
+        </button>
+    </div>
+</div>
+
+<!-- 工具列表 -->
+<div class="data-table">
+    <div style="padding: 1rem 1.5rem; border-bottom: 1px solid var(--light-2); display: flex; justify-content: space-between; align-items: center;">
+        <span style="font-weight: 600;">工具列表 (@totalCount)</span>
+        <div style="display: flex; gap: 0.5rem;">
+            <button class="btn btn-outline btn-sm" onclick="toggleView('table')" id="tableViewBtn">
+                <i class="fas fa-list"></i> 表格
+            </button>
+            <button class="btn btn-outline btn-sm" onclick="toggleView('grid')" id="gridViewBtn">
+                <i class="fas fa-th"></i> 网格
+            </button>
+        </div>
+    </div>
+    
+    <!-- 表格视图 -->
+    <div id="tableView">
+        <table>
+            <thead>
+                <tr>
+                    <th>工具信息</th>
+                    <th>分类</th>
+                    <th>统计</th>
+                    <th>标签</th>
+                    <th>状态</th>
+                    <th>创建时间</th>
+                    <th>操作</th>
+                </tr>
+            </thead>
+            <tbody id="toolsTableBody">
+                @foreach (var tool in Model)
+                {
+                    <tr data-category="@tool.CategoryId" data-status="@(tool.IsActive ? "active" : "inactive")" 
+                        data-hot="@tool.IsHot.ToString().ToLower()" data-new="@tool.IsNew.ToString().ToLower()" data-recommended="@tool.IsRecommended.ToString().ToLower()">
+                        <td>
+                            <div style="display: flex; align-items: center;">
+                                @if (!string.IsNullOrEmpty(tool.Image))
+                                {
+                                    <img src="@tool.Image" alt="@tool.Name" style="width: 40px; height: 40px; border-radius: var(--border-radius); margin-right: 0.75rem; object-fit: cover;" />
+                                }
+                                else
+                                {
+                                    <div style="width: 40px; height: 40px; background: linear-gradient(135deg, var(--primary), var(--secondary)); border-radius: var(--border-radius); display: flex; align-items: center; justify-content: center; margin-right: 0.75rem;">
+                                        <i class="@tool.Icon" style="color: white;"></i>
+                                    </div>
+                                }
+                                <div>
+                                    <strong class="tool-name">@tool.Name</strong>
+                                    @if (!string.IsNullOrEmpty(tool.Description))
+                                    {
+                                        <br><small style="color: var(--dark-2);">@(tool.Description.Length > 50 ? tool.Description.Substring(0, 50) + "..." : tool.Description)</small>
+                                    }
+                                </div>
+                            </div>
+                        </td>
+                        <td>
+                            <span class="badge badge-primary">@tool.Category?.Name</span>
+                        </td>
+                        <td>
+                            <div style="font-size: 0.875rem;">
+                                <div style="margin-bottom: 0.25rem;">
+                                    <i class="fas fa-eye" style="color: var(--primary); margin-right: 0.25rem;"></i>
+                                    @(tool.ViewCount > 1000 ? (tool.ViewCount / 1000).ToString("F0") + "K" : tool.ViewCount.ToString())
+                                </div>
+                                @if (tool.Rating > 0)
+                                {
+                                    <div>
+                                        <i class="fas fa-star" style="color: var(--warning); margin-right: 0.25rem;"></i>
+                                        @tool.Rating.ToString("F1")
+                                    </div>
+                                }
+                            </div>
+                        </td>
+                        <td>
+                            <div style="display: flex; flex-wrap: wrap; gap: 0.25rem;">
+                                @if (tool.IsHot)
+                                {
+                                    <span class="badge badge-danger">热门</span>
+                                }
+                                @if (tool.IsNew)
+                                {
+                                    <span class="badge badge-warning">新品</span>
+                                }
+                                @if (tool.IsRecommended)
+                                {
+                                    <span class="badge badge-success">推荐</span>
+                                }
+                                <button class="btn btn-outline btn-xs" onclick="manageToolTags(@tool.Id, '@tool.Name')" title="管理标签">
+                                    <i class="fas fa-tags"></i>
+                                </button>
+                            </div>
+                        </td>
+                        <td>
+                            @if (tool.IsActive)
+                            {
+                                <span class="badge badge-success">启用</span>
+                            }
+                            else
+                            {
+                                <span class="badge badge-secondary">禁用</span>
+                            }
+                        </td>
+                        <td style="color: var(--dark-2); font-size: 0.875rem;">
+                            @tool.CreatedAt.ToString("yyyy-MM-dd")
+                        </td>
+                        <td>
+                            <div style="display: flex; gap: 0.5rem;">
+                                <button class="btn btn-outline btn-sm" onclick="editTool(@tool.Id)" title="编辑">
+                                    <i class="fas fa-edit"></i>
+                                </button>
+                                <a href="@Url.Action("Index", "ToolStatistics", new { toolId = tool.Id })" class="btn btn-outline btn-sm" title="统计">
+                                    <i class="fas fa-chart-bar"></i>
+                                </a>
+                                <button class="btn btn-outline btn-sm" onclick="toggleToolStatus(@tool.Id, @tool.IsActive.ToString().ToLower())" 
+                                        style="color: @(tool.IsActive ? "var(--warning)" : "var(--success)");" title="@(tool.IsActive ? "禁用" : "启用")">
+                                    <i class="fas fa-@(tool.IsActive ? "pause" : "play")"></i>
+                                </button>
+                                <button class="btn btn-outline btn-sm" onclick="deleteTool(@tool.Id, '@tool.Name')" 
+                                        style="color: var(--danger);" title="删除">
+                                    <i class="fas fa-trash"></i>
+                                </button>
+                            </div>
+                        </td>
+                    </tr>
+                }
+            </tbody>
+        </table>
+    </div>
+    
+    @if (!Model.Any())
+    {
+        <div style="padding: 3rem; text-align: center; color: var(--dark-2);">
+            <i class="fas fa-tools" style="font-size: 3rem; margin-bottom: 1rem; display: block; opacity: 0.3;"></i>
+            <h3 style="margin-bottom: 0.5rem;">暂无工具</h3>
+            <p style="margin-bottom: 1.5rem;">还没有添加任何工具</p>
+            <button class="btn btn-primary" onclick="openToolModal()">
+                <i class="fas fa-plus"></i>
+                添加第一个工具
+            </button>
+        </div>
+    }
+    
+    <!-- 分页控件 -->
+    @if (totalPages > 1)
+    {
+        <div style="padding: 1.5rem; border-top: 1px solid var(--light-2); display: flex; justify-content: center; align-items: center; gap: 0.5rem;">
+            <button class="btn btn-outline btn-sm" onclick="changePage(1)" @(currentPage == 1 ? "disabled" : "")>
+                <i class="fas fa-angle-double-left"></i>
+            </button>
+            <button class="btn btn-outline btn-sm" onclick="changePage(@(currentPage - 1))" @(currentPage == 1 ? "disabled" : "")>
+                <i class="fas fa-angle-left"></i>
+            </button>
+            
+            @{
+                var startPage = Math.Max(1, currentPage - 2);
+                var endPage = Math.Min(totalPages, currentPage + 2);
+            }
+            
+            @for (int i = startPage; i <= endPage; i++)
+            {
+                <button class="btn @(i == currentPage ? "btn-primary" : "btn-outline") btn-sm" onclick="changePage(@i)">
+                    @i
+                </button>
+            }
+            
+            <button class="btn btn-outline btn-sm" onclick="changePage(@(currentPage + 1))" @(currentPage == totalPages ? "disabled" : "")>
+                <i class="fas fa-angle-right"></i>
+            </button>
+            <button class="btn btn-outline btn-sm" onclick="changePage(@totalPages)" @(currentPage == totalPages ? "disabled" : "")>
+                <i class="fas fa-angle-double-right"></i>
+            </button>
+        </div>
+    }
+</div>
+
+<!-- 工具模态框 -->
+<div id="toolModal" class="modal" style="display: none;">
+    <div class="modal-backdrop" onclick="closeToolModal()"></div>
+    <div class="modal-content" style="max-width: 600px;">
+        <div class="modal-header">
+            <h3 id="toolModalTitle">添加工具</h3>
+            <button onclick="closeToolModal()" style="background: none; border: none; font-size: 1.5rem; cursor: pointer;">×</button>
+        </div>
+        
+        <form id="toolForm" onsubmit="submitTool(event)">
+            <div class="modal-body">
+                <input type="hidden" id="toolId" name="id" value="0" />
+                
+                <div class="form-group">
+                    <label>工具名称 *</label>
+                    <input type="text" id="toolName" name="name" required placeholder="请输入工具名称" />
+                </div>
+                
+                <div class="form-group">
+                    <label>工具描述</label>
+                    <textarea id="toolDescription" name="description" rows="3" placeholder="请输入工具描述"></textarea>
+                </div>
+                
+                <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 1rem;">
+                    <div class="form-group">
+                        <label>所属分类 *</label>
+                        <select id="toolCategory" name="categoryId" required>
+                            <option value="">请选择分类</option>
+                            @foreach (var category in categories)
+                            {
+                                <option value="@category.Id">@category.Name</option>
+                            }
+                        </select>
+                    </div>
+                    
+                    <div class="form-group">
+                        <label>图标选择</label>
+                        <div style="display: flex; gap: 0.5rem;">
+                            <input type="text" id="toolIcon" name="icon" placeholder="如: fas fa-file-pdf" readonly style="flex: 1;" />
+                            <button type="button" class="btn btn-outline" onclick="openIconSelector()">
+                                <i class="fas fa-icons"></i>
+                                选择图标
+                            </button>
+                        </div>
+                    </div>
+                </div>
+                
+                <div class="form-group">
+                    <label>工具链接</label>
+                    <input type="url" id="toolUrl" name="url" placeholder="https://example.com" />
+                </div>
+                
+                <div class="form-group">
+                    <label>工具图片链接</label>
+                    <input type="url" id="toolImage" name="image" placeholder="https://example.com/image.jpg" />
+                </div>
+                
+                <div style="display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 1rem;">
+                    <div class="form-group">
+                        <label style="display: flex; align-items: center; gap: 0.5rem;">
+                            <input type="checkbox" id="toolIsHot" name="isHot" />
+                            <span>热门工具</span>
+                        </label>
+                    </div>
+                    
+                    <div class="form-group">
+                        <label style="display: flex; align-items: center; gap: 0.5rem;">
+                            <input type="checkbox" id="toolIsNew" name="isNew" />
+                            <span>新品工具</span>
+                        </label>
+                    </div>
+                    
+                    <div class="form-group">
+                        <label style="display: flex; align-items: center; gap: 0.5rem;">
+                            <input type="checkbox" id="toolIsRecommended" name="isRecommended" />
+                            <span>推荐工具</span>
+                        </label>
+                    </div>
+                </div>
+                
+                <div class="form-group">
+                    <label>排序顺序</label>
+                    <input type="number" id="toolSort" name="sortOrder" min="0" value="0" placeholder="数字越小排序越靠前" />
+                </div>
+            </div>
+            
+            <div class="modal-footer">
+                <button type="button" class="btn btn-outline" onclick="closeToolModal()">取消</button>
+                <button type="submit" class="btn btn-primary">
+                    <span id="toolSubmitText">保存</span>
+                </button>
+            </div>
+        </form>
+    </div>
+</div>
+
+<!-- 标签管理模态框 -->
+<div id="tagModal" class="modal" style="display: none;">
+    <div class="modal-backdrop" onclick="closeTagModal()"></div>
+    <div class="modal-content" style="max-width: 500px;">
+        <div class="modal-header">
+            <h3 id="tagModalTitle">管理工具标签</h3>
+            <button onclick="closeTagModal()" style="background: none; border: none; font-size: 1.5rem; cursor: pointer;">×</button>
+        </div>
+        
+        <div class="modal-body">
+            <div style="margin-bottom: 1rem;">
+                <label style="display: block; font-weight: 600; margin-bottom: 0.5rem;">当前标签</label>
+                <div id="currentTags" style="display: flex; flex-wrap: wrap; gap: 0.5rem; min-height: 2rem; padding: 0.5rem; border: 1px solid var(--light-2); border-radius: var(--border-radius);">
+                    <span style="color: var(--dark-2); font-style: italic;">加载中...</span>
+                </div>
+            </div>
+            
+            <div>
+                <label style="display: block; font-weight: 600; margin-bottom: 0.5rem;">添加标签</label>
+                <div style="display: flex; gap: 0.5rem;">
+                    <select id="tagSelect" style="flex: 1; padding: 0.5rem; border: 1px solid var(--light-2); border-radius: var(--border-radius);">
+                        <option value="">选择标签...</option>
+                    </select>
+                    <button class="btn btn-primary btn-sm" onclick="addToolTag()">
+                        <i class="fas fa-plus"></i>
+                    </button>
+                </div>
+            </div>
+        </div>
+        
+        <div class="modal-footer">
+            <button type="button" class="btn btn-outline" onclick="closeTagModal()">关闭</button>
+        </div>
+    </div>
+</div>
+
+<!-- 图标选择器模态框 -->
+<div id="iconSelectorModal" class="modal" style="display: none;">
+    <div class="modal-backdrop" onclick="closeIconSelector()"></div>
+    <div class="modal-content" style="max-width: 800px; max-height: 80vh;">
+        <div class="modal-header">
+            <h3>选择图标</h3>
+            <button onclick="closeIconSelector()" style="background: none; border: none; font-size: 1.5rem; cursor: pointer;">×</button>
+        </div>
+        
+        <div class="modal-body" style="max-height: 60vh; overflow-y: auto;">
+            <div style="margin-bottom: 1rem;">
+                <input type="text" id="iconSearch" placeholder="搜索图标..." 
+                       style="width: 100%; padding: 0.75rem; border: 1px solid var(--light-2); border-radius: var(--border-radius);"
+                       onkeyup="filterIcons()" />
+            </div>
+            
+            <div id="iconGrid" style="display: grid; grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); gap: 1rem;">
+                <!-- 图标将通过JavaScript动态加载 -->
+            </div>
+        </div>
+        
+        <div class="modal-footer">
+            <button type="button" class="btn btn-outline" onclick="closeIconSelector()">取消</button>
+        </div>
+    </div>
+</div>
+
+<script>
+    let currentView = 'table';
+    let isEditingTool = false;
+    let currentToolId = 0;
+    let currentToolName = '';
+    
+    function changePage(page) {
+        const categoryFilter = document.getElementById('categoryFilter').value;
+        const searchInput = document.getElementById('searchInput').value;
+        
+        let url = `@Url.Action("Index", "Tool")?page=${page}`;
+        if (categoryFilter !== '0') {
+            url += `&categoryId=${categoryFilter}`;
+        }
+        if (searchInput) {
+            url += `&search=${encodeURIComponent(searchInput)}`;
+        }
+        
+        window.location.href = url;
+    }
+    
+    function toggleView(view) {
+        currentView = view;
+        document.getElementById('tableView').style.display = view === 'table' ? 'block' : 'none';
+        
+        document.getElementById('tableViewBtn').classList.toggle('btn-primary', view === 'table');
+        document.getElementById('tableViewBtn').classList.toggle('btn-outline', view !== 'table');
+    }
+    
+    function filterTools() {
+        const categoryFilter = document.getElementById('categoryFilter').value;
+        const statusFilter = document.getElementById('statusFilter').value;
+        const searchInput = document.getElementById('searchInput').value.toLowerCase();
+        
+        const tableRows = document.querySelectorAll('#toolsTableBody tr');
+        
+        tableRows.forEach(row => {
+            const category = row.getAttribute('data-category');
+            const status = row.getAttribute('data-status');
+            const isHot = row.getAttribute('data-hot') === 'true';
+            const isNew = row.getAttribute('data-new') === 'true';
+            const isRecommended = row.getAttribute('data-recommended') === 'true';
+            
+            const toolName = row.querySelector('.tool-name').textContent.toLowerCase();
+            
+            let showRow = true;
+            
+            // 分类筛选
+            if (categoryFilter !== '0' && category !== categoryFilter) {
+                showRow = false;
+            }
+            
+            // 状态筛选
+            if (statusFilter) {
+                switch(statusFilter) {
+                    case 'active':
+                        if (status !== 'active') showRow = false;
+                        break;
+                    case 'inactive':
+                        if (status !== 'inactive') showRow = false;
+                        break;
+                    case 'hot':
+                        if (!isHot) showRow = false;
+                        break;
+                    case 'new':
+                        if (!isNew) showRow = false;
+                        break;
+                    case 'recommended':
+                        if (!isRecommended) showRow = false;
+                        break;
+                }
+            }
+            
+            // 搜索筛选
+            if (searchInput && !toolName.includes(searchInput)) {
+                showRow = false;
+            }
+            
+            row.style.display = showRow ? '' : 'none';
+        });
+    }
+    
+    function clearFilters() {
+        document.getElementById('categoryFilter').value = '0';
+        document.getElementById('statusFilter').value = '';
+        document.getElementById('searchInput').value = '';
+        filterTools();
+    }
+    
+    function openToolModal(editMode = false) {
+        document.getElementById('toolModal').style.display = 'flex';
+        document.getElementById('toolModalTitle').textContent = editMode ? '编辑工具' : '添加工具';
+        document.getElementById('toolSubmitText').textContent = editMode ? '更新' : '保存';
+        isEditingTool = editMode;
+        
+        if (!editMode) {
+            document.getElementById('toolForm').reset();
+            document.getElementById('toolId').value = '0';
+        }
+    }
+    
+    function closeToolModal() {
+        document.getElementById('toolModal').style.display = 'none';
+    }
+    
+    async function editTool(id) {
+        try {
+            const response = await fetch(`/Tool/Get?id=${id}`);
+            if (response.ok) {
+                const tool = await response.json();
+                openToolModal(true);
+                
+                document.getElementById('toolId').value = tool.id;
+                document.getElementById('toolName').value = tool.name;
+                document.getElementById('toolDescription').value = tool.description || '';
+                document.getElementById('toolCategory').value = tool.categoryId;
+                document.getElementById('toolIcon').value = tool.icon || '';
+                document.getElementById('toolUrl').value = tool.url || '';
+                document.getElementById('toolImage').value = tool.image || '';
+                document.getElementById('toolIsHot').checked = tool.isHot;
+                document.getElementById('toolIsNew').checked = tool.isNew;
+                document.getElementById('toolIsRecommended').checked = tool.isRecommended;
+                document.getElementById('toolSort').value = tool.sortOrder;
+            }
+        } catch (error) {
+            console.error('获取工具信息失败:', error);
+            toolHub.showToast('获取工具信息失败', 'error');
+        }
+    }
+    
+    async function submitTool(event) {
+        event.preventDefault();
+        
+        const formData = new FormData(event.target);
+        const data = Object.fromEntries(formData.entries());
+        
+        // 处理复选框
+        data.isHot = document.getElementById('toolIsHot').checked;
+        data.isNew = document.getElementById('toolIsNew').checked;
+        data.isRecommended = document.getElementById('toolIsRecommended').checked;
+        
+        try {
+            const response = await fetch('/Tool/Save', {
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/json',
+                },
+                body: JSON.stringify(data)
+            });
+            
+            if (response.ok) {
+                toolHub.showToast(isEditingTool ? '工具更新成功' : '工具添加成功', 'success');
+                closeToolModal();
+                setTimeout(() => location.reload(), 1000);
+            } else {
+                toolHub.showToast('操作失败，请重试', 'error');
+            }
+        } catch (error) {
+            console.error('提交失败:', error);
+            toolHub.showToast('操作失败，请重试', 'error');
+        }
+    }
+    
+    async function toggleToolStatus(id, currentStatus) {
+        try {
+            const response = await fetch('/Tool/ToggleStatus', {
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/json',
+                },
+                body: JSON.stringify({ id: id, isActive: !currentStatus })
+            });
+            
+            if (response.ok) {
+                toolHub.showToast('状态更新成功', 'success');
+                setTimeout(() => location.reload(), 1000);
+            } else {
+                toolHub.showToast('操作失败，请重试', 'error');
+            }
+        } catch (error) {
+            console.error('操作失败:', error);
+            toolHub.showToast('操作失败，请重试', 'error');
+        }
+    }
+    
+    async function deleteTool(id, name) {
+        if (!confirm(`确定要删除工具"${name}"吗？此操作不可恢复。`)) {
+            return;
+        }
+        
+        try {
+            const response = await fetch('/Tool/Delete', {
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/json',
+                },
+                body: JSON.stringify({ id: id })
+            });
+            
+            if (response.ok) {
+                toolHub.showToast('工具删除成功', 'success');
+                setTimeout(() => location.reload(), 1000);
+            } else {
+                toolHub.showToast('删除失败，请重试', 'error');
+            }
+        } catch (error) {
+            console.error('删除失败:', error);
+            toolHub.showToast('删除失败，请重试', 'error');
+        }
+    }
+    
+    // 标签管理功能
+    async function manageToolTags(toolId, toolName) {
+        currentToolId = toolId;
+        currentToolName = toolName;
+        
+        document.getElementById('tagModal').style.display = 'flex';
+        document.getElementById('tagModalTitle').textContent = `管理工具标签 - ${toolName}`;
+        
+        await loadToolTags();
+        await loadAvailableTags();
+    }
+    
+    function closeTagModal() {
+        document.getElementById('tagModal').style.display = 'none';
+    }
+    
+    async function loadToolTags() {
+        try {
+            const response = await fetch(`/Tag/GetToolTags?toolId=${currentToolId}`);
+            const tags = await response.json();
+            
+            const currentTagsDiv = document.getElementById('currentTags');
+            if (tags.length === 0) {
+                currentTagsDiv.innerHTML = '<span style="color: var(--dark-2); font-style: italic;">暂无标签</span>';
+            } else {
+                currentTagsDiv.innerHTML = tags.map(tag => `
+                    <span class="badge" style="background: ${tag.color || 'var(--primary)'}; color: white; display: flex; align-items: center; gap: 0.25rem;">
+                        ${tag.name}
+                        <button onclick="removeToolTag(${tag.id})" style="background: none; border: none; color: white; cursor: pointer; font-size: 0.75rem;">
+                            <i class="fas fa-times"></i>
+                        </button>
+                    </span>
+                `).join('');
+            }
+        } catch (error) {
+            console.error('加载工具标签失败:', error);
+            toolHub.showToast('加载工具标签失败', 'error');
+        }
+    }
+    
+    async function loadAvailableTags() {
+        try {
+            const response = await fetch('/Tag/GetList');
+            const tags = await response.json();
+            
+            const tagSelect = document.getElementById('tagSelect');
+            tagSelect.innerHTML = '<option value="">选择标签...</option>';
+            
+            tags.forEach(tag => {
+                const option = document.createElement('option');
+                option.value = tag.id;
+                option.textContent = tag.name;
+                tagSelect.appendChild(option);
+            });
+        } catch (error) {
+            console.error('加载可用标签失败:', error);
+            toolHub.showToast('加载可用标签失败', 'error');
+        }
+    }
+    
+    async function addToolTag() {
+        const tagId = document.getElementById('tagSelect').value;
+        if (!tagId) {
+            toolHub.showToast('请选择要添加的标签', 'warning');
+            return;
+        }
+        
+        try {
+            const response = await fetch('/Tag/AddToolTag', {
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/json',
+                },
+                body: JSON.stringify({ toolId: currentToolId, tagId: parseInt(tagId) })
+            });
+            
+            const result = await response.json();
+            if (result.success) {
+                toolHub.showToast('标签添加成功', 'success');
+                document.getElementById('tagSelect').value = '';
+                await loadToolTags();
+            } else {
+                toolHub.showToast(result.message || '添加失败', 'error');
+            }
+        } catch (error) {
+            console.error('添加标签失败:', error);
+            toolHub.showToast('添加标签失败', 'error');
+        }
+    }
+    
+    async function removeToolTag(tagId) {
+        if (!confirm('确定要移除这个标签吗？')) {
+            return;
+        }
+        
+        try {
+            const response = await fetch('/Tag/RemoveToolTag', {
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/json',
+                },
+                body: JSON.stringify({ toolId: currentToolId, tagId: tagId })
+            });
+            
+            const result = await response.json();
+            if (result.success) {
+                toolHub.showToast('标签移除成功', 'success');
+                await loadToolTags();
+            } else {
+                toolHub.showToast('移除失败', 'error');
+            }
+        } catch (error) {
+            console.error('移除标签失败:', error);
+            toolHub.showToast('移除标签失败', 'error');
+        }
+    }
+    
+    // 图标选择器功能
+    const iconList = [
+        // 文件类型图标
+        { name: 'PDF文件', class: 'fas fa-file-pdf', category: '文件' },
+        { name: 'Word文档', class: 'fas fa-file-word', category: '文件' },
+        { name: 'Excel表格', class: 'fas fa-file-excel', category: '文件' },
+        { name: 'PowerPoint', class: 'fas fa-file-powerpoint', category: '文件' },
+        { name: '文本文件', class: 'fas fa-file-alt', category: '文件' },
+        { name: '图片文件', class: 'fas fa-file-image', category: '文件' },
+        { name: '压缩文件', class: 'fas fa-file-archive', category: '文件' },
+        { name: '代码文件', class: 'fas fa-file-code', category: '文件' },
+        { name: '音频文件', class: 'fas fa-file-audio', category: '文件' },
+        { name: '视频文件', class: 'fas fa-file-video', category: '文件' },
+        
+        // 工具类图标
+        { name: '工具', class: 'fas fa-tools', category: '工具' },
+        { name: '扳手', class: 'fas fa-wrench', category: '工具' },
+        { name: '锤子', class: 'fas fa-hammer', category: '工具' },
+        { name: '螺丝刀', class: 'fas fa-screwdriver', category: '工具' },
+        { name: '齿轮', class: 'fas fa-cog', category: '工具' },
+        { name: '设置', class: 'fas fa-cogs', category: '工具' },
+        
+        // 媒体图标
+        { name: '图片', class: 'fas fa-image', category: '媒体' },
+        { name: '视频', class: 'fas fa-video', category: '媒体' },
+        { name: '音乐', class: 'fas fa-music', category: '媒体' },
+        { name: '相机', class: 'fas fa-camera', category: '媒体' },
+        { name: '麦克风', class: 'fas fa-microphone', category: '媒体' },
+        { name: '播放', class: 'fas fa-play', category: '媒体' },
+        { name: '���停', class: 'fas fa-pause', category: '媒体' },
+        { name: '停止', class: 'fas fa-stop', category: '媒体' },
+        
+        // 网络图标
+        { name: '网络', class: 'fas fa-network-wired', category: '网络' },
+        { name: 'WiFi', class: 'fas fa-wifi', category: '网络' },
+        { name: '链接', class: 'fas fa-link', category: '网络' },
+        { name: '下载', class: 'fas fa-download', category: '网络' },
+        { name: '上传', class: 'fas fa-upload', category: '网络' },
+        { name: '云存储', class: 'fas fa-cloud', category: '网络' },
+        { name: '服务器', class: 'fas fa-server', category: '网络' },
+        { name: '数据库', class: 'fas fa-database', category: '网络' },
+        
+        // 设计图标
+        { name: '画笔', class: 'fas fa-paint-brush', category: '设计' },
+        { name: '调色板', class: 'fas fa-palette', category: '设计' },
+        { name: '设计', class: 'fas fa-drafting-compass', category: '设计' },
+        { name: '图层', class: 'fas fa-layer-group', category: '设计' },
+        { name: '裁剪', class: 'fas fa-crop', category: '设计' },
+        { name: '滤镜', class: 'fas fa-magic', category: '设计' },
+        
+        // 开发图标
+        { name: '代码', class: 'fas fa-code', category: '开发' },
+        { name: '终端', class: 'fas fa-terminal', category: '开发' },
+        { name: '调试', class: 'fas fa-bug', category: '开发' },
+        { name: 'Git', class: 'fab fa-git-alt', category: '开发' },
+        { name: 'GitHub', class: 'fab fa-github', category: '开发' },
+        { name: 'HTML', class: 'fab fa-html5', category: '开发' },
+        { name: 'CSS', class: 'fab fa-css3-alt', category: '开发' },
+        { name: 'JavaScript', class: 'fab fa-js-square', category: '开发' },
+        { name: 'React', class: 'fab fa-react', category: '开发' },
+        { name: 'Node.js', class: 'fab fa-node-js', category: '开发' },
+        { name: 'Python', class: 'fab fa-python', category: '开发' },
+        { name: 'Java', class: 'fab fa-java', category: '开发' },
+        { name: 'PHP', class: 'fab fa-php', category: '开发' },
+        
+        // 通用图标
+        { name: '主页', class: 'fas fa-home', category: '通用' },
+        { name: '用户', class: 'fas fa-user', category: '通用' },
+        { name: '用户组', class: 'fas fa-users', category: '通用' },
+        { name: '设置', class: 'fas fa-cog', category: '通用' },
+        { name: '搜索', class: 'fas fa-search', category: '通用' },
+        { name: '编辑', class: 'fas fa-edit', category: '通用' },
+        { name: '删除', class: 'fas fa-trash', category: '通用' },
+        { name: '添加', class: 'fas fa-plus', category: '通用' },
+        { name: '保存', class: 'fas fa-save', category: '通用' },
+        { name: '关闭', class: 'fas fa-times', category: '通用' },
+        { name: '检查', class: 'fas fa-check', category: '通用' },
+        { name: '警告', class: 'fas fa-exclamation-triangle', category: '通用' },
+        { name: '信息', class: 'fas fa-info-circle', category: '通用' },
+        { name: '问号', class: 'fas fa-question-circle', category: '通用' },
+        { name: '星标', class: 'fas fa-star', category: '通用' },
+        { name: '心形', class: 'fas fa-heart', category: '通用' },
+        { name: '点赞', class: 'fas fa-thumbs-up', category: '通用' },
+        { name: '分享', class: 'fas fa-share', category: '通用' },
+        { name: '邮件', class: 'fas fa-envelope', category: '通用' },
+        { name: '电话', class: 'fas fa-phone', category: '通用' },
+        { name: '日历', class: 'fas fa-calendar', category: '通用' },
+        { name: '时钟', class: 'fas fa-clock', category: '通用' },
+        { name: '地图', class: 'fas fa-map-marker-alt', category: '通用' },
+        { name: '购物车', class: 'fas fa-shopping-cart', category: '通用' },
+        { name: '钱包', class: 'fas fa-wallet', category: '通用' },
+        { name: '信用卡', class: 'fas fa-credit-card', category: '通用' },
+        { name: '锁', class: 'fas fa-lock', category: '通用' },
+        { name: '钥匙', class: 'fas fa-key', category: '通用' },
+        { name: '盾牌', class: 'fas fa-shield-alt', category: '通用' },
+        { name: '眼睛', class: 'fas fa-eye', category: '通用' },
+        { name: '眼睛斜杠', class: 'fas fa-eye-slash', category: '通用' },
+        { name: '打印', class: 'fas fa-print', category: '通用' },
+        { name: '扫描', class: 'fas fa-scanner', category: '通用' },
+        { name: '传真', class: 'fas fa-fax', category: '通用' },
+        { name: '计算器', class: 'fas fa-calculator', category: '通用' },
+        { name: '图表', class: 'fas fa-chart-bar', category: '通用' },
+        { name: '饼图', class: 'fas fa-chart-pie', category: '通用' },
+        { name: '折线图', class: 'fas fa-chart-line', category: '通用' },
+        { name: '表格', class: 'fas fa-table', category: '通用' },
+        { name: '列表', class: 'fas fa-list', category: '通用' },
+        { name: '网格', class: 'fas fa-th', category: '通用' },
+        { name: '标签', class: 'fas fa-tags', category: '通用' },
+        { name: '书签', class: 'fas fa-bookmark', category: '通用' },
+        { name: '文件夹', class: 'fas fa-folder', category: '通用' },
+        { name: '文件', class: 'fas fa-file', category: '通用' },
+        { name: '剪贴板', class: 'fas fa-clipboard', category: '通用' },
+        { name: '复制', class: 'fas fa-copy', category: '通用' },
+        { name: '粘贴', class: 'fas fa-paste', category: '通用' },
+        { name: '剪切', class: 'fas fa-cut', category: '通用' },
+        { name: '撤销', class: 'fas fa-undo', category: '通用' },
+        { name: '重做', class: 'fas fa-redo', category: '通用' },
+        { name: '刷新', class: 'fas fa-sync', category: '通用' },
+        { name: '旋转', class: 'fas fa-sync-alt', category: '通用' },
+        { name: '箭头', class: 'fas fa-arrow-right', category: '通用' },
+        { name: '左箭头', class: 'fas fa-arrow-left', category: '通用' },
+        { name: '上箭头', class: 'fas fa-arrow-up', category: '通用' },
+        { name: '下箭头', class: 'fas fa-arrow-down', category: '通用' },
+        { name: '外部链接', class: 'fas fa-external-link-alt', category: '通用' },
+        { name: '返回', class: 'fas fa-arrow-circle-left', category: '通用' },
+        { name: '前进', class: 'fas fa-arrow-circle-right', category: '通用' },
+        { name: '展开', class: 'fas fa-chevron-down', category: '通用' },
+        { name: '收起', class: 'fas fa-chevron-up', category: '通用' },
+        { name: '菜单', class: 'fas fa-bars', category: '通用' },
+        { name: '汉堡菜单', class: 'fas fa-hamburger', category: '通用' },
+        { name: '更多', class: 'fas fa-ellipsis-h', category: '通用' },
+        { name: '垂直更多', class: 'fas fa-ellipsis-v', category: '通用' }
+    ];
+    
+    function openIconSelector() {
+        document.getElementById('iconSelectorModal').style.display = 'flex';
+        loadIconGrid();
+    }
+    
+    function closeIconSelector() {
+        document.getElementById('iconSelectorModal').style.display = 'none';
+        document.getElementById('iconSearch').value = '';
+    }
+    
+    function loadIconGrid() {
+        const iconGrid = document.getElementById('iconGrid');
+        iconGrid.innerHTML = '';
+        
+        iconList.forEach(icon => {
+            const iconDiv = document.createElement('div');
+            iconDiv.className = 'icon-item';
+            iconDiv.style.cssText = `
+                display: flex;
+                flex-direction: column;
+                align-items: center;
+                padding: 1rem;
+                border: 1px solid var(--light-2);
+                border-radius: var(--border-radius);
+                cursor: pointer;
+                transition: all 0.2s;
+                background: white;
+            `;
+            iconDiv.onmouseover = () => {
+                iconDiv.style.borderColor = 'var(--primary)';
+                iconDiv.style.backgroundColor = 'var(--light-1)';
+            };
+            iconDiv.onmouseout = () => {
+                iconDiv.style.borderColor = 'var(--light-2)';
+                iconDiv.style.backgroundColor = 'white';
+            };
+            iconDiv.onclick = () => selectIcon(icon.class);
+            
+            iconDiv.innerHTML = `
+                <i class="${icon.class}" style="font-size: 2rem; color: var(--primary); margin-bottom: 0.5rem;"></i>
+                <div style="font-size: 0.75rem; text-align: center; color: var(--dark-2);">${icon.name}</div>
+                <div style="font-size: 0.625rem; text-align: center; color: var(--dark-3); margin-top: 0.25rem;">${icon.class}</div>
+            `;
+            
+            iconGrid.appendChild(iconDiv);
+        });
+    }
+    
+    function selectIcon(iconClass) {
+        document.getElementById('toolIcon').value = iconClass;
+        closeIconSelector();
+        toolHub.showToast('图标已选择', 'success');
+    }
+    
+    function filterIcons() {
+        const searchTerm = document.getElementById('iconSearch').value.toLowerCase();
+        const iconItems = document.querySelectorAll('.icon-item');
+        
+        iconItems.forEach(item => {
+            const iconName = item.querySelector('div').textContent.toLowerCase();
+            const iconClass = item.querySelector('div:last-child').textContent.toLowerCase();
+            
+            if (iconName.includes(searchTerm) || iconClass.includes(searchTerm)) {
+                item.style.display = 'flex';
+            } else {
+                item.style.display = 'none';
+            }
+        });
+    }
+</script>

Views/Category/Index.cshtml

@@ -0,0 +1,343 @@
+@model List<ToolHub.Models.Category>
+@{
+    ViewData["Title"] = "工具分类管理";
+    Layout = "_AdminLayout";
+}
+
+<!-- 页面头部 -->
+<div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 2rem;">
+    <div>
+        <h2 style="font-size: 1.5rem; font-weight: 700; margin: 0; color: var(--dark);">工具分类管理</h2>
+        <p style="color: var(--dark-2); margin: 0.5rem 0 0;">管理工具分类，组织和归类各种工具</p>
+    </div>
+    <button class="btn btn-primary" onclick="openCategoryModal()">
+        <i class="fas fa-plus"></i>
+        添加分类
+    </button>
+</div>
+
+<!-- 分类列表 -->
+<div class="data-table">
+    <table>
+        <thead>
+            <tr>
+                <th>分类名称</th>
+                <th>描述</th>
+                <th>图标</th>
+                <th>颜色</th>
+                <th>排序</th>
+                <th>工具数量</th>
+                <th>状态</th>
+                <th>操作</th>
+            </tr>
+        </thead>
+        <tbody>
+            @foreach (var category in Model)
+            {
+                <tr>
+                    <td>
+                        <div style="display: flex; align-items: center;">
+                            @if (!string.IsNullOrEmpty(category.Icon))
+                            {
+                                <i class="@category.Icon" style="margin-right: 0.75rem; color: @(category.Color ?? "var(--primary)"); font-size: 1.25rem;"></i>
+                            }
+                            <strong>@category.Name</strong>
+                        </div>
+                    </td>
+                    <td style="max-width: 200px;">
+                        <span style="color: var(--dark-2);">@(category.Description ?? "暂无描述")</span>
+                    </td>
+                    <td>
+                        <code style="background: var(--light-1); padding: 0.25rem 0.5rem; border-radius: 4px; font-size: 0.75rem;">
+                            @(category.Icon ?? "无")
+                        </code>
+                    </td>
+                    <td>
+                        @if (!string.IsNullOrEmpty(category.Color))
+                        {
+                            <div style="display: flex; align-items: center; gap: 0.5rem;">
+                                <div style="width: 20px; height: 20px; background: @category.Color; border-radius: 4px; border: 1px solid var(--light-2);"></div>
+                                <code style="font-size: 0.75rem;">@category.Color</code>
+                            </div>
+                        }
+                        else
+                        {
+                            <span style="color: var(--dark-2);">默认</span>
+                        }
+                    </td>
+                    <td>
+                        <span class="badge badge-secondary">@category.SortOrder</span>
+                    </td>
+                    <td>
+                        <span class="badge badge-primary">@category.Tools?.Count</span>
+                    </td>
+                    <td>
+                        @if (category.IsActive)
+                        {
+                            <span class="badge badge-success">启用</span>
+                        }
+                        else
+                        {
+                            <span class="badge badge-secondary">禁用</span>
+                        }
+                    </td>
+                    <td>
+                        <div style="display: flex; gap: 0.5rem;">
+                            <button class="btn btn-outline btn-sm" onclick="editCategory(@category.Id, '@category.Name', '@category.Description', '@category.Icon', '@category.Color', @category.SortOrder)">
+                                <i class="fas fa-edit"></i>
+                            </button>
+                            <button class="btn btn-outline btn-sm" onclick="toggleCategoryStatus(@category.Id, @category.IsActive.ToString().ToLower())" style="color: @(category.IsActive ? "var(--warning)" : "var(--success)");">
+                                <i class="fas fa-@(category.IsActive ? "pause" : "play")"></i>
+                            </button>
+                            <button class="btn btn-outline btn-sm" onclick="deleteCategory(@category.Id, '@category.Name')" style="color: var(--danger);">
+                                <i class="fas fa-trash"></i>
+                            </button>
+                        </div>
+                    </td>
+                </tr>
+            }
+        </tbody>
+    </table>
+    
+    @if (!Model.Any())
+    {
+        <div style="padding: 3rem; text-align: center; color: var(--dark-2);">
+            <i class="fas fa-tags" style="font-size: 3rem; margin-bottom: 1rem; display: block; opacity: 0.3;"></i>
+            <h3 style="margin-bottom: 0.5rem;">暂无分类</h3>
+            <p style="margin-bottom: 1.5rem;">还没有创建任何工具分类</p>
+            <button class="btn btn-primary" onclick="openCategoryModal()">
+                <i class="fas fa-plus"></i>
+                创建第一个分类
+            </button>
+        </div>
+    }
+</div>
+
+<!-- 分类模态框 -->
+<div id="categoryModal" class="modal" style="display: none;">
+    <div class="modal-backdrop" onclick="closeCategoryModal()"></div>
+    <div class="modal-content" style="max-width: 500px;">
+        <div class="modal-header">
+            <h3 id="modalTitle">添加分类</h3>
+            <button onclick="closeCategoryModal()" style="background: none; border: none; font-size: 1.5rem; cursor: pointer;">×</button>
+        </div>
+        
+        <form id="categoryForm" onsubmit="submitCategory(event)">
+            <input type="hidden" id="categoryId" name="id" value="0" />
+            
+            <div class="form-group" style="margin-bottom: 1.5rem;">
+                <label style="display: block; font-weight: 600; margin-bottom: 0.5rem;">分类名称 *</label>
+                <input type="text" id="categoryName" name="name" required 
+                       style="width: 100%; padding: 0.75rem; border: 1px solid var(--light-2); border-radius: var(--border-radius);" 
+                       placeholder="请输入分类名称" />
+            </div>
+            
+            <div class="form-group" style="margin-bottom: 1.5rem;">
+                <label style="display: block; font-weight: 600; margin-bottom: 0.5rem;">描述</label>
+                <textarea id="categoryDescription" name="description" rows="3"
+                          style="width: 100%; padding: 0.75rem; border: 1px solid var(--light-2); border-radius: var(--border-radius); resize: vertical;" 
+                          placeholder="请输入分类描述"></textarea>
+            </div>
+            
+            <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin-bottom: 1.5rem;">
+                <div class="form-group">
+                    <label style="display: block; font-weight: 600; margin-bottom: 0.5rem;">图标类名</label>
+                    <input type="text" id="categoryIcon" name="icon" 
+                           style="width: 100%; padding: 0.75rem; border: 1px solid var(--light-2); border-radius: var(--border-radius);" 
+                           placeholder="如: fas fa-file-pdf" />
+                    <small style="color: var(--dark-2); font-size: 0.75rem;">使用 Font Awesome 图标类名</small>
+                </div>
+                
+                <div class="form-group">
+                    <label style="display: block; font-weight: 600; margin-bottom: 0.5rem;">颜色</label>
+                    <input type="color" id="categoryColor" name="color" value="#165DFF"
+                           style="width: 100%; padding: 0.5rem; border: 1px solid var(--light-2); border-radius: var(--border-radius); height: 3rem;" />
+                </div>
+            </div>
+            
+            <div class="form-group" style="margin-bottom: 1.5rem;">
+                <label style="display: block; font-weight: 600; margin-bottom: 0.5rem;">排序顺序</label>
+                <input type="number" id="categorySort" name="sortOrder" min="0" value="0"
+                       style="width: 100%; padding: 0.75rem; border: 1px solid var(--light-2); border-radius: var(--border-radius);" 
+                       placeholder="数字越小排序越靠前" />
+            </div>
+            
+            <div class="modal-footer">
+                <button type="button" class="btn btn-outline" onclick="closeCategoryModal()">取消</button>
+                <button type="submit" class="btn btn-primary">
+                    <span id="submitText">保存</span>
+                </button>
+            </div>
+        </form>
+    </div>
+</div>
+
+<style>
+    .modal {
+        position: fixed;
+        top: 0;
+        left: 0;
+        right: 0;
+        bottom: 0;
+        z-index: 10000;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+    }
+    
+    .modal-backdrop {
+        position: absolute;
+        top: 0;
+        left: 0;
+        right: 0;
+        bottom: 0;
+        background: rgba(0, 0, 0, 0.5);
+    }
+    
+    .modal-content {
+        background: white;
+        border-radius: var(--border-radius);
+        position: relative;
+        z-index: 2;
+        max-height: 90vh;
+        overflow-y: auto;
+        width: 90%;
+        max-width: 600px;
+    }
+    
+    .modal-header {
+        padding: 1.5rem;
+        border-bottom: 1px solid var(--light-2);
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+    }
+    
+    .modal-header h3 {
+        margin: 0;
+        font-size: 1.25rem;
+        font-weight: 600;
+    }
+    
+    .modal-footer {
+        padding: 1.5rem;
+        border-top: 1px solid var(--light-2);
+        display: flex;
+        justify-content: flex-end;
+        gap: 1rem;
+    }
+    
+    .form-group input:focus,
+    .form-group textarea:focus {
+        border-color: var(--primary);
+        outline: none;
+        box-shadow: 0 0 0 3px rgba(22, 93, 255, 0.1);
+    }
+</style>
+
+<script>
+    let isEditing = false;
+    
+    function openCategoryModal(editMode = false) {
+        document.getElementById('categoryModal').style.display = 'flex';
+        document.getElementById('modalTitle').textContent = editMode ? '编辑分类' : '添加分类';
+        document.getElementById('submitText').textContent = editMode ? '更新' : '保存';
+        isEditing = editMode;
+        
+        if (!editMode) {
+            document.getElementById('categoryForm').reset();
+            document.getElementById('categoryId').value = '0';
+            document.getElementById('categoryColor').value = '#165DFF';
+        }
+    }
+    
+    function closeCategoryModal() {
+        document.getElementById('categoryModal').style.display = 'none';
+    }
+    
+    function editCategory(id, name, description, icon, color, sortOrder) {
+        openCategoryModal(true);
+        document.getElementById('categoryId').value = id;
+        document.getElementById('categoryName').value = name;
+        document.getElementById('categoryDescription').value = description || '';
+        document.getElementById('categoryIcon').value = icon || '';
+        document.getElementById('categoryColor').value = color || '#165DFF';
+        document.getElementById('categorySort').value = sortOrder;
+    }
+    
+    async function submitCategory(event) {
+        event.preventDefault();
+        
+        const formData = new FormData(event.target);
+        const data = Object.fromEntries(formData.entries());
+        
+        try {
+            const response = await fetch('/Category/Save', {
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/json',
+                },
+                body: JSON.stringify(data)
+            });
+            
+            if (response.ok) {
+                toolHub.showToast(isEditing ? '分类更新成功' : '分类添加成功', 'success');
+                closeCategoryModal();
+                setTimeout(() => location.reload(), 1000);
+            } else {
+                toolHub.showToast('操作失败，请重试', 'error');
+            }
+        } catch (error) {
+            console.error('提交失败:', error);
+            toolHub.showToast('操作失败，请重试', 'error');
+        }
+    }
+    
+    async function toggleCategoryStatus(id, currentStatus) {
+        try {
+            const response = await fetch('/Category/ToggleStatus', {
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/json',
+                },
+                body: JSON.stringify({ id: id, isActive: !currentStatus })
+            });
+            
+            if (response.ok) {
+                toolHub.showToast('状态更新成功', 'success');
+                setTimeout(() => location.reload(), 1000);
+            } else {
+                toolHub.showToast('操作失败，请重试', 'error');
+            }
+        } catch (error) {
+            console.error('操作失败:', error);
+            toolHub.showToast('操作失败，请重试', 'error');
+        }
+    }
+    
+    async function deleteCategory(id, name) {
+        if (!confirm(`确定要删除分类"${name}"吗？\n注意：删除分类会影响该分类下的所有工具。`)) {
+            return;
+        }
+        
+        try {
+            const response = await fetch('/Category/Delete', {
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/json',
+                },
+                body: JSON.stringify({ id: id })
+            });
+            
+            if (response.ok) {
+                toolHub.showToast('分类删除成功', 'success');
+                setTimeout(() => location.reload(), 1000);
+            } else {
+                toolHub.showToast('删除失败，可能该分类下还有工具', 'error');
+            }
+        } catch (error) {
+            console.error('删除失败:', error);
+            toolHub.showToast('删除失败，请重试', 'error');
+        }
+    }
+</script>

Views/Home/Index.cshtml

@@ -0,0 +1,184 @@
+@{
+    ViewData["Title"] = "首页";
+    var categories = ViewBag.Categories as List<ToolHub.Models.Category> ?? new List<ToolHub.Models.Category>();
+    var hotTools = ViewBag.HotTools as List<ToolHub.Models.Tool> ?? new List<ToolHub.Models.Tool>();
+    var newTools = ViewBag.NewTools as List<ToolHub.Models.Tool> ?? new List<ToolHub.Models.Tool>();
+}
+
+<!-- 页面头部 -->
+<div class="container" style="padding: 2rem 0 1rem;">
+    <div style="text-align: center; margin-bottom: 2rem;">
+        <h1 style="font-size: 2rem; font-weight: 700; margin-bottom: 0.5rem; color: var(--dark);">
+            <span class="text-gradient">ToolHub</span> 工具平台
+        </h1>
+        <p style="color: var(--dark-2); font-size: 1rem;">发现和使用最好的在线工具</p>
+    </div>
+
+    <!-- 快速工具入口 -->
+    <div style="display: flex; justify-content: center; flex-wrap: wrap; gap: 1rem; margin-bottom: 2rem;">
+        <a href="@Url.Action("Tools", "Home", new { categoryId = 1 })" class="quick-tool">
+            <i class="fas fa-file-pdf" style="color: var(--danger);"></i>
+            <span>PDF转换</span>
+        </a>
+        <a href="@Url.Action("Tools", "Home", new { categoryId = 2 })" class="quick-tool">
+            <i class="fas fa-image" style="color: var(--primary);"></i>
+            <span>图片工具</span>
+        </a>
+        <a href="@Url.Action("Tools", "Home", new { categoryId = 5 })" class="quick-tool">
+            <i class="fas fa-calculator" style="color: var(--success);"></i>
+            <span>数据换算</span>
+        </a>
+        <a href="@Url.Action("Tools", "Home")" class="quick-tool">
+            <i class="fas fa-ellipsis-h" style="color: var(--dark-2);"></i>
+            <span>更多工具</span>
+        </a>
+    </div>
+</div>
+
+<!-- 用户最近使用工具 -->
+@if (User.Identity?.IsAuthenticated == true)
+{
+    <section class="container mb-8">
+        <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 2rem;">
+            <h3 style="font-size: 1.25rem; font-weight: 700; color: var(--dark);">
+                <i class="fas fa-clock" style="color: var(--warning); margin-right: 0.5rem;"></i>
+                最近使用
+            </h3>
+            <a href="@Url.Action("Tools", "Home")" class="btn btn-outline btn-sm">
+                查看更多
+            </a>
+        </div>
+        
+        <div class="grid grid-cols-2 md:grid-cols-4 lg:grid-cols-6">
+            <!-- 这里将通过AJAX动态加载最近使用的工具 -->
+            <div id="recent-tools-container">
+                <div style="grid-column: 1 / -1; text-align: center; padding: 2rem; color: var(--dark-2);">
+                    <i class="fas fa-clock" style="font-size: 2rem; margin-bottom: 1rem; display: block; opacity: 0.5;"></i>
+                    暂无最近使用的工具
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- 用户收藏工具 -->
+    <section class="container mb-8">
+        <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 2rem;">
+            <h3 style="font-size: 1.25rem; font-weight: 700; color: var(--dark);">
+                <i class="fas fa-heart" style="color: var(--danger); margin-right: 0.5rem;"></i>
+                我的收藏
+            </h3>
+            <a href="@Url.Action("Tools", "Home")" class="btn btn-outline btn-sm">
+                查看更多
+            </a>
+        </div>
+        
+        <div class="grid grid-cols-2 md:grid-cols-4 lg:grid-cols-6">
+            <!-- 这里将通过AJAX动态加载收藏的工具 -->
+            <div id="favorite-tools-container">
+                <div style="grid-column: 1 / -1; text-align: center; padding: 2rem; color: var(--dark-2);">
+                    <i class="fas fa-heart" style="font-size: 2rem; margin-bottom: 1rem; display: block; opacity: 0.5;"></i>
+                    暂无收藏的工具
+                </div>
+            </div>
+        </div>
+    </section>
+}
+
+<!-- 最新工具区域 -->
+@if (newTools.Any())
+{
+    <section class="container mb-8">
+        <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 2rem;">
+            <h3 style="font-size: 1.25rem; font-weight: 700; color: var(--dark);">
+                <i class="fas fa-sparkles" style="color: var(--accent); margin-right: 0.5rem;"></i>
+                最新工具
+            </h3>
+            <a href="@Url.Action("Tools", "Home")" class="btn btn-outline btn-sm">
+                查看更多
+            </a>
+        </div>
+
+        <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6">
+            @foreach (var tool in newTools.Take(6))
+            {
+                <div class="card" style="padding: 1.5rem; text-align: center;" data-tool-id="@tool.Id">
+                    <div style="width: 3.5rem; height: 3.5rem; border-radius: 50%; background: var(--light-1); display: flex; align-items: center; justify-content: center; margin: 0 auto 1rem; color: var(--primary); transition: var(--transition);">
+                        <i class="@tool.Icon" style="font-size: 1.5rem;"></i>
+                    </div>
+                    <h4 style="font-weight: 600; margin-bottom: 0.5rem; font-size: 0.9rem;">@tool.Name</h4>
+                    <p style="font-size: 0.75rem; color: var(--dark-2); line-height: 1.4; margin: 0;">
+                        @(tool.Description?.Length > 30 ? tool.Description.Substring(0, 30) + "..." : tool.Description)
+                    </p>
+                    @if (tool.IsNew)
+                    {
+                        <span class="badge" style="background: var(--accent); color: white; font-size: 0.65rem; margin-top: 0.5rem; display: inline-block;">新品</span>
+                    }
+                </div>
+            }
+        </div>
+    </section>
+}
+
+<!-- 热门工具区域 -->
+@if (hotTools.Any())
+{
+    <section class="container mb-8">
+        <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 2rem;">
+            <h3 style="font-size: 1.25rem; font-weight: 700; color: var(--dark);">
+                <i class="fas fa-fire" style="color: var(--danger); margin-right: 0.5rem;"></i>
+                热门工具
+            </h3>
+            <a href="@Url.Action("Tools", "Home")" class="btn btn-outline btn-sm">
+                查看更多
+            </a>
+        </div>
+
+        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4">
+            @foreach (var tool in hotTools.Take(4))
+            {
+                <div class="card tool-card" data-tool-id="@tool.Id">
+                    @if (!string.IsNullOrEmpty(tool.Image))
+                    {
+                        <img src="@tool.Image" alt="@tool.Name" class="card-img" />
+                    }
+                    else
+                    {
+                        <div class="card-img" style="background: linear-gradient(135deg, var(--primary), var(--secondary)); display: flex; align-items: center; justify-content: center;">
+                            <i class="@tool.Icon" style="font-size: 3rem; color: white;"></i>
+                        </div>
+                    }
+                    
+                    @if (tool.IsHot)
+                    {
+                        <div class="tool-badge hot">热门</div>
+                    }
+
+                    <div class="card-body">
+                        <h4 class="card-title">@tool.Name</h4>
+                        <p class="card-text">@(tool.Description ?? "")</p>
+                        
+                        <div class="card-footer">
+                            <div class="tool-stats">
+                                @if (tool.Rating > 0)
+                                {
+                                    <div class="tool-rating">
+                                        <i class="fas fa-star rating-stars"></i>
+                                        <span>@tool.Rating.ToString("F1")</span>
+                                    </div>
+                                }
+                                <span>@(tool.ViewCount > 1000 ? (tool.ViewCount / 1000).ToString("F0") + "K" : tool.ViewCount.ToString()) 次使用</span>
+                            </div>
+                            <a href="@(tool.Url ?? "#")" class="btn btn-primary btn-sm" target="_blank">
+                                使用
+                            </a>
+                        </div>
+                    </div>
+                </div>
+            }
+        </div>
+    </section>
+}
+
+@section Scripts {
+    <script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.4.3/echarts.min.js"></script>
+}

Views/Home/Privacy.cshtml

@@ -0,0 +1,6 @@
+@{
+    ViewData["Title"] = "Privacy Policy";
+}
+<h1>@ViewData["Title"]</h1>
+
+<p>Use this page to detail your site's privacy policy.</p>

Views/Home/Tools.cshtml

@@ -0,0 +1,189 @@
+@model List<ToolHub.Models.Tool>
+@{
+    ViewData["Title"] = "工具列表";
+    var categories = ViewBag.Categories as List<ToolHub.Models.Category> ?? new List<ToolHub.Models.Category>();
+    var currentCategory = ViewBag.CurrentCategory as int? ?? 0;
+    var search = ViewBag.Search as string;
+}
+
+<div class="container">
+    <!-- 页面标题 -->
+    <div class="text-center mb-6" style="padding: 2rem 0;">
+        <h1 style="font-size: 2rem; font-weight: 700; margin-bottom: 1rem; color: var(--dark);">
+            @if (!string.IsNullOrEmpty(search))
+            {
+                <span>搜索结果: "@search"</span>
+            }
+            else if (currentCategory > 0)
+            {
+                var categoryName = categories.FirstOrDefault(c => c.Id == currentCategory)?.Name ?? "工具";
+                <span>@categoryName</span>
+            }
+            else
+            {
+                <span>所有工具</span>
+            }
+        </h1>
+        <p style="color: var(--dark-2);">发现更多实用工具，提升您的工作效率</p>
+    </div>
+
+    <!-- 分类标签 -->
+    @if (string.IsNullOrEmpty(search))
+    {
+        <div class="category-tabs mb-6">
+            <a href="@Url.Action("Tools", "Home")" class="category-tab @(currentCategory == 0 ? "active" : "")">
+                全部工具
+            </a>
+            @foreach (var category in categories)
+            {
+                <a href="@Url.Action("Tools", "Home", new { categoryId = category.Id })" 
+                   class="category-tab @(currentCategory == category.Id ? "active" : "")">
+                    <i class="@category.Icon" style="margin-right: 0.5rem;"></i>
+                    @category.Name
+                </a>
+            }
+        </div>
+    }
+
+    <!-- 工具网格 -->
+    @if (Model.Any())
+    {
+        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4">
+            @foreach (var tool in Model)
+            {
+                <div class="card tool-card" data-tool-id="@tool.Id">
+                    @if (!string.IsNullOrEmpty(tool.Image))
+                    {
+                        <img src="@tool.Image" alt="@tool.Name" class="card-img" />
+                    }
+                    else
+                    {
+                        <div class="card-img" style="background: linear-gradient(135deg, var(--primary), var(--secondary)); display: flex; align-items: center; justify-content: center;">
+                            <i class="@tool.Icon" style="font-size: 3rem; color: white;"></i>
+                        </div>
+                    }
+                    
+                    <!-- 工具标签 -->
+                    @if (tool.IsHot)
+                    {
+                        <div class="tool-badge hot">热门</div>
+                    }
+                    @if (tool.IsNew)
+                    {
+                        <div class="tool-badge new">新品</div>
+                    }
+                    @if (tool.IsRecommended)
+                    {
+                        <div class="tool-badge recommended">推荐</div>
+                    }
+
+                    <div class="card-body">
+                        <div style="display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 0.75rem;">
+                            <div style="flex: 1;">
+                                <h4 class="card-title">@tool.Name</h4>
+                                <p class="card-text">@(tool.Description ?? "")</p>
+                            </div>
+                        </div>
+                        
+                        <div class="card-footer">
+                            <div class="tool-stats">
+                                @if (tool.Rating > 0)
+                                {
+                                    <div class="tool-rating">
+                                        <i class="fas fa-star rating-stars"></i>
+                                        <span>@tool.Rating.ToString("F1")</span>
+                                    </div>
+                                }
+                                <span>@(tool.ViewCount > 1000 ? (tool.ViewCount / 1000).ToString("F0") + "K" : tool.ViewCount.ToString()) 次使用</span>
+                            </div>
+                            <a href="@(tool.Url ?? "#")" class="btn btn-primary btn-sm" target="_blank">
+                                使用
+                            </a>
+                        </div>
+                    </div>
+                </div>
+            }
+        </div>
+        
+        <!-- 分页 (如果需要的话) -->
+        <div class="text-center mt-8">
+            <button class="btn btn-outline" id="loadMore" style="display: none;">
+                <span>加载更多</span>
+                <i class="fas fa-chevron-down"></i>
+            </button>
+        </div>
+    }
+    else
+    {
+        <!-- 空状态 -->
+        <div class="text-center" style="padding: 4rem 2rem;">
+            <div style="font-size: 4rem; color: var(--light-3); margin-bottom: 1rem;">
+                <i class="fas fa-search"></i>
+            </div>
+            <h3 style="font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; color: var(--dark);">
+                @if (!string.IsNullOrEmpty(search))
+                {
+                    <span>未找到相关工具</span>
+                }
+                else
+                {
+                    <span>暂无工具</span>
+                }
+            </h3>
+            <p style="color: var(--dark-2); margin-bottom: 2rem;">
+                @if (!string.IsNullOrEmpty(search))
+                {
+                    <span>试试其他关键词，或浏览其他分类的工具</span>
+                }
+                else
+                {
+                    <span>该分类下暂时没有工具，敬请期待</span>
+                }
+            </p>
+            <a href="@Url.Action("Tools", "Home")" class="btn btn-primary">
+                <i class="fas fa-th-large" style="margin-right: 0.5rem;"></i>
+                <span>浏览所有工具</span>
+            </a>
+        </div>
+    }
+</div>
+
+<style>
+    /* 工具页面特定样式 */
+    .category-tabs {
+        scrollbar-width: none;
+        -ms-overflow-style: none;
+    }
+    
+    .category-tabs::-webkit-scrollbar {
+        display: none;
+    }
+    
+    @@media (max-width: 767px) {
+        .category-tabs {
+            padding-bottom: 1rem;
+        }
+        
+        .grid {
+            grid-template-columns: repeat(1, 1fr);
+        }
+    }
+    
+    @@media (min-width: 768px) and (max-width: 1023px) {
+        .grid {
+            grid-template-columns: repeat(2, 1fr);
+        }
+    }
+    
+    @@media (min-width: 1024px) and (max-width: 1279px) {
+        .grid {
+            grid-template-columns: repeat(3, 1fr);
+        }
+    }
+    
+    @@media (min-width: 1280px) {
+        .grid {
+            grid-template-columns: repeat(4, 1fr);
+        }
+    }
+</style>

Views/Shared/Error.cshtml

@@ -0,0 +1,25 @@
+@model ErrorViewModel
+@{
+    ViewData["Title"] = "Error";
+}
+
+<h1 class="text-danger">Error.</h1>
+<h2 class="text-danger">An error occurred while processing your request.</h2>
+
+@if (Model.ShowRequestId)
+{
+    <p>
+        <strong>Request ID:</strong> <code>@Model.RequestId</code>
+    </p>
+}
+
+<h3>Development Mode</h3>
+<p>
+    Swapping to <strong>Development</strong> environment will display more detailed information about the error that occurred.
+</p>
+<p>
+    <strong>The Development environment shouldn't be enabled for deployed applications.</strong>
+    It can result in displaying sensitive information from exceptions to end users.
+    For local debugging, enable the <strong>Development</strong> environment by setting the <strong>ASPNETCORE_ENVIRONMENT</strong> environment variable to <strong>Development</strong>
+    and restarting the app.
+</p>

Views/Shared/_AdminLayout.cshtml

@@ -0,0 +1,286 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>@ViewData["Title"] - ToolHub 管理后台</title>
+    
+    <!-- 外部字体和图标 -->
+    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet" />
+    <link href="https://cdn.bootcdn.net/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet" />
+    
+    <!-- 样式文件 -->
+    <link rel="stylesheet" href="~/css/toolhub.css" asp-append-version="true" />
+    
+    <style>
+        .admin-sidebar {
+            width: 250px;
+            background: white;
+            box-shadow: var(--shadow);
+            position: fixed;
+            top: 0;
+            left: 0;
+            height: 100vh;
+            z-index: 1000;
+            overflow-y: auto;
+        }
+        
+        .admin-main {
+            margin-left: 250px;
+            min-height: 100vh;
+            background: #fafafa;
+        }
+        
+        .admin-header {
+            background: white;
+            padding: 1rem 2rem;
+            box-shadow: var(--shadow-sm);
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+        }
+        
+        .admin-content {
+            padding: 2rem;
+        }
+        
+        .sidebar-brand {
+            padding: 1.5rem;
+            border-bottom: 1px solid var(--light-2);
+            text-align: center;
+        }
+        
+        .sidebar-nav {
+            padding: 1rem 0;
+        }
+        
+        .sidebar-nav-item {
+            display: block;
+            padding: 0.75rem 1.5rem;
+            color: var(--dark-2);
+            text-decoration: none;
+            transition: var(--transition);
+            border-left: 3px solid transparent;
+        }
+        
+        .sidebar-nav-item:hover,
+        .sidebar-nav-item.active {
+            background: var(--light-1);
+            color: var(--primary);
+            border-left-color: var(--primary);
+            text-decoration: none;
+        }
+        
+        .sidebar-nav-item i {
+            width: 1.5rem;
+            margin-right: 0.75rem;
+        }
+        
+        .stats-card {
+            background: white;
+            padding: 1.5rem;
+            border-radius: var(--border-radius);
+            box-shadow: var(--shadow-sm);
+            transition: var(--transition);
+        }
+        
+        .stats-card:hover {
+            transform: translateY(-2px);
+            box-shadow: var(--shadow);
+        }
+        
+        .stats-number {
+            font-size: 2rem;
+            font-weight: 700;
+            margin-bottom: 0.5rem;
+        }
+        
+        .stats-label {
+            color: var(--dark-2);
+            font-size: 0.875rem;
+        }
+        
+        .data-table {
+            background: white;
+            border-radius: var(--border-radius);
+            box-shadow: var(--shadow-sm);
+            overflow: hidden;
+        }
+        
+        .data-table table {
+            width: 100%;
+            border-collapse: collapse;
+        }
+        
+        .data-table th,
+        .data-table td {
+            padding: 0.75rem 1rem;
+            text-align: left;
+            border-bottom: 1px solid var(--light-2);
+        }
+        
+        .data-table th {
+            background: var(--light-1);
+            font-weight: 600;
+            color: var(--dark);
+        }
+        
+        .data-table tbody tr:hover {
+            background: var(--light-1);
+        }
+        
+        .badge {
+            display: inline-block;
+            padding: 0.25rem 0.75rem;
+            font-size: 0.75rem;
+            font-weight: 500;
+            border-radius: 50px;
+            color: white;
+        }
+        
+        .badge-primary { background: var(--primary); }
+        .badge-success { background: var(--success); }
+        .badge-warning { background: var(--warning); }
+        .badge-danger { background: var(--danger); }
+        .badge-secondary { background: var(--dark-2); }
+        
+        @@media (max-width: 768px) {
+            .admin-sidebar {
+                transform: translateX(-100%);
+                transition: transform 0.3s ease;
+            }
+            
+            .admin-sidebar.show {
+                transform: translateX(0);
+            }
+            
+            .admin-main {
+                margin-left: 0;
+            }
+        }
+    </style>
+    
+    @await RenderSectionAsync("Styles", required: false)
+</head>
+<body class="admin-page">
+    <!-- 侧边栏 -->
+    <div class="admin-sidebar">
+        <div class="sidebar-brand">
+            <div class="brand-icon" style="margin-bottom: 0.5rem;">
+                <i class="fas fa-wrench"></i>
+            </div>
+            <h5 style="margin: 0; font-weight: 700;">
+                <span class="text-gradient">ToolHub</span>
+            </h5>
+            <p style="font-size: 0.75rem; color: var(--dark-2); margin: 0.25rem 0 0;">管理后台</p>
+        </div>
+        
+        <nav class="sidebar-nav">
+            <a href="@Url.Action("Index", "Admin")" class="sidebar-nav-item @(ViewContext.RouteData.Values["action"]?.ToString() == "Index" ? "active" : "")">
+                <i class="fas fa-chart-line"></i>
+                仪表板
+            </a>
+            <a href="@Url.Action("Index", "Category")" class="sidebar-nav-item @(ViewContext.RouteData.Values["controller"]?.ToString() == "Category" ? "active" : "")">
+                <i class="fas fa-tags"></i>
+                工具分类
+            </a>
+            <a href="@Url.Action("Index", "Tag")" class="sidebar-nav-item @(ViewContext.RouteData.Values["controller"]?.ToString() == "Tag" ? "active" : "")">
+                <i class="fas fa-tags"></i>
+                标签管理
+            </a>
+            <a href="@Url.Action("Index", "Tool")" class="sidebar-nav-item @(ViewContext.RouteData.Values["controller"]?.ToString() == "Tool" ? "active" : "")">
+                <i class="fas fa-tools"></i>
+                工具管理
+            </a>
+            <a href="@Url.Action("Index", "ToolStatistics")" class="sidebar-nav-item @(ViewContext.RouteData.Values["controller"]?.ToString() == "ToolStatistics" ? "active" : "")">
+                <i class="fas fa-chart-bar"></i>
+                工具统计
+            </a>
+            <a href="@Url.Action("Users", "Admin")" class="sidebar-nav-item @(ViewContext.RouteData.Values["action"]?.ToString() == "Users" ? "active" : "")">
+                <i class="fas fa-users"></i>
+                用户管理
+            </a>
+            <a href="@Url.Action("Index", "Home")" class="sidebar-nav-item" target="_blank">
+                <i class="fas fa-external-link-alt"></i>
+                查看网站
+            </a>
+        </nav>
+    </div>
+
+    <!-- 主内容区 -->
+    <div class="admin-main">
+        <!-- 顶部导航 -->
+        <header class="admin-header">
+            <div style="display: flex; align-items: center;">
+                <button class="btn btn-outline btn-sm mobile-sidebar-toggle" style="display: none; margin-right: 1rem;">
+                    <i class="fas fa-bars"></i>
+                </button>
+                <h1 style="font-size: 1.25rem; font-weight: 600; margin: 0; color: var(--dark);">
+                    @ViewData["Title"]
+                </h1>
+            </div>
+            
+            <div style="display: flex; align-items: center; gap: 1rem;">
+                <span style="font-size: 0.875rem; color: var(--dark-2);">
+                    欢迎，<strong>@User.Identity?.Name</strong>
+                </span>
+                <form method="post" action="@Url.Action("Logout", "Admin")" style="margin: 0;">
+                    <button type="submit" class="btn btn-outline btn-sm">
+                        <i class="fas fa-sign-out-alt"></i>
+                        退出
+                    </button>
+                </form>
+            </div>
+        </header>
+
+        <!-- 内容区 -->
+        <main class="admin-content">
+            @RenderBody()
+        </main>
+    </div>
+
+    <!-- JavaScript -->
+    <script src="~/js/toolhub.js" asp-append-version="true"></script>
+    
+    <script>
+        // 移动端侧边栏切换
+        document.addEventListener('DOMContentLoaded', function() {
+            const toggleBtn = document.querySelector('.mobile-sidebar-toggle');
+            const sidebar = document.querySelector('.admin-sidebar');
+            
+            if (toggleBtn && sidebar) {
+                // 显示移动端按钮
+                if (window.innerWidth <= 768) {
+                    toggleBtn.style.display = 'inline-flex';
+                }
+                
+                // 切换侧边栏
+                toggleBtn.addEventListener('click', function() {
+                    sidebar.classList.toggle('show');
+                });
+                
+                // 点击外部关闭
+                document.addEventListener('click', function(e) {
+                    if (window.innerWidth <= 768 && 
+                        !sidebar.contains(e.target) && 
+                        !toggleBtn.contains(e.target)) {
+                        sidebar.classList.remove('show');
+                    }
+                });
+                
+                // 响应式处理
+                window.addEventListener('resize', function() {
+                    if (window.innerWidth <= 768) {
+                        toggleBtn.style.display = 'inline-flex';
+                    } else {
+                        toggleBtn.style.display = 'none';
+                        sidebar.classList.remove('show');
+                    }
+                });
+            }
+        });
+    </script>
+    
+    @await RenderSectionAsync("Scripts", required: false)
+</body>
+</html>

Views/Shared/_Layout.cshtml

@@ -0,0 +1,283 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>@ViewData["Title"] - ToolHub</title>
+    <meta name="description" content="ToolHub - 一站式在线工具平台，集成图片处理、文档转换、数据计算等多种实用工具" />
+    <meta name="keywords" content="在线工具,PDF转换,图片处理,文档转换,数据计算" />
+    
+    <!-- Favicon -->
+    <link rel="icon" type="image/x-icon" href="~/favicon.ico" />
+    
+    <!-- 外部字体和图标 -->
+    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet" />
+    <link href="https://cdn.bootcdn.net/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet" />
+    
+    <!-- 样式文件 -->
+    <link rel="stylesheet" href="~/css/toolhub.css" asp-append-version="true" />
+    
+    @await RenderSectionAsync("Styles", required: false)
+</head>
+<body>
+    <!-- 导航栏 -->
+    <header class="navbar">
+        <div class="container">
+            <div style="display: flex; justify-content: space-between; align-items: center; width: 100%;">
+                <!-- Logo -->
+                <a href="@Url.Action("Index", "Home")" class="navbar-brand">
+                    <div class="brand-icon">
+                        <i class="fas fa-wrench"></i>
+                    </div>
+                    <span class="text-gradient">ToolHub</span>
+                </a>
+
+                <!-- 搜索框 - 桌面端 -->
+                <div class="search-container" style="display: none;">
+                    <form class="search-form" action="@Url.Action("Tools", "Home")" method="get">
+                        <input type="text" name="search" class="search-input" placeholder="搜索工具、文档或教程..." value="@ViewBag.Search" />
+                        <i class="fas fa-search search-icon"></i>
+                    </form>
+                </div>
+
+                <!-- 导航链接和按钮 -->
+                <div style="display: flex; align-items: center; gap: 1rem;">
+                    <!-- 桌面端链接 -->
+                    <nav style="display: none;">
+                        <a href="@Url.Action("Tools", "Home")" class="btn btn-outline btn-sm">
+                            <i class="fas fa-th-large"></i>
+                            <span>所有工具</span>
+                        </a>
+                        <a href="@Url.Action("Privacy", "Home")" class="btn btn-outline btn-sm">
+                            <i class="fas fa-shield-alt"></i>
+                            <span>隐私政策</span>
+                        </a>
+                    </nav>
+
+                    <!-- 移动端菜单按钮 -->
+                    <button class="mobile-menu-toggle btn btn-outline btn-sm">
+                        <i class="fas fa-bars"></i>
+                    </button>
+                </div>
+            </div>
+
+            <!-- 移动端搜索容器 -->
+            <div class="mobile-search-container" style="margin-top: 1rem; display: none;">
+                <form class="search-form" action="@Url.Action("Tools", "Home")" method="get">
+                    <input type="text" name="search" class="search-input" placeholder="搜索工具..." value="@ViewBag.Search" />
+                    <i class="fas fa-search search-icon"></i>
+                </form>
+            </div>
+        </div>
+
+        <!-- 移动端菜单 -->
+        <div class="mobile-menu" style="display: none;">
+            <div class="container">
+                <div style="padding: 1rem 0; border-top: 1px solid var(--light-2);">
+                    <a href="@Url.Action("Tools", "Home")" style="display: flex; align-items: center; padding: 0.75rem; text-decoration: none; color: var(--dark);">
+                        <i class="fas fa-th-large" style="width: 1.5rem; margin-right: 0.75rem;"></i>
+                        <span>所有工具</span>
+                    </a>
+                    <a href="@Url.Action("Privacy", "Home")" style="display: flex; align-items: center; padding: 0.75rem; text-decoration: none; color: var(--dark);">
+                        <i class="fas fa-shield-alt" style="width: 1.5rem; margin-right: 0.75rem;"></i>
+                        <span>隐私政策</span>
+                    </a>
+                </div>
+            </div>
+        </div>
+    </header>
+
+    <!-- 主内容区 -->
+    <main style="min-height: calc(100vh - 200px); padding-top: 5rem;">
+        @RenderBody()
+    </main>
+
+    <!-- 页脚 -->
+    <footer class="footer">
+        <div class="container">
+            <div class="footer-grid">
+                <!-- 品牌信息 -->
+                <div class="footer-section">
+                    <div style="display: flex; align-items: center; gap: 0.5rem; margin-bottom: 1rem;">
+                        <div class="brand-icon">
+                            <i class="fas fa-wrench"></i>
+                        </div>
+                        <span style="font-size: 1.25rem; font-weight: 700; color: white;">ToolHub</span>
+                    </div>
+                    <p style="margin-bottom: 1.5rem; max-width: 300px;">
+                        一站式在线工具平台，集成图片处理、文档转换、数据计算等多种实用工具，满足您的日常工作和学习需求。
+                    </p>
+                    <div class="social-links">
+                        <a href="#" class="social-link">
+                            <i class="fab fa-weixin"></i>
+                        </a>
+                        <a href="#" class="social-link">
+                            <i class="fab fa-weibo"></i>
+                        </a>
+                        <a href="#" class="social-link">
+                            <i class="fab fa-qq"></i>
+                        </a>
+                        <a href="#" class="social-link">
+                            <i class="fab fa-github"></i>
+                        </a>
+                    </div>
+                </div>
+
+                <!-- 快速链接 -->
+                <div class="footer-section">
+                    <h4>快速链接</h4>
+                    <ul>
+                        <li><a href="@Url.Action("Index", "Home")">首页</a></li>
+                        <li><a href="@Url.Action("Tools", "Home")">全部工具</a></li>
+                        <li><a href="#">关于我们</a></li>
+                        <li><a href="#">联系我们</a></li>
+                    </ul>
+                </div>
+
+                <!-- 支持 -->
+                <div class="footer-section">
+                    <h4>支持</h4>
+                    <ul>
+                        <li><a href="#">帮助中心</a></li>
+                        <li><a href="#">使用教程</a></li>
+                        <li><a href="#">常见问题</a></li>
+                        <li><a href="#">反馈建议</a></li>
+                    </ul>
+                </div>
+
+                <!-- 法律 -->
+                <div class="footer-section">
+                    <h4>法律</h4>
+                    <ul>
+                        <li><a href="@Url.Action("Privacy", "Home")">隐私政策</a></li>
+                        <li><a href="#">服务条款</a></li>
+                        <li><a href="#">版权声明</a></li>
+                        <li><a href="#">免责声明</a></li>
+                    </ul>
+                </div>
+            </div>
+
+            <div class="footer-bottom">
+                <p style="color: var(--light-3); font-size: 0.875rem;">
+                    © 2025 ToolHub. 保留所有权利。
+                </p>
+                <div style="display: flex; gap: 1.5rem;">
+                    <a href="@Url.Action("Privacy", "Home")" style="color: var(--light-3); font-size: 0.875rem; text-decoration: none;">隐私政策</a>
+                    <a href="#" style="color: var(--light-3); font-size: 0.875rem; text-decoration: none;">服务条款</a>
+                    <a href="#" style="color: var(--light-3); font-size: 0.875rem; text-decoration: none;">Cookies</a>
+                </div>
+            </div>
+        </div>
+    </footer>
+
+    <!-- 返回顶部按钮 -->
+    <button class="back-to-top">
+        <i class="fas fa-chevron-up"></i>
+    </button>
+
+    <!-- 提示消息容器 -->
+    <div id="toast-container" style="position: fixed; top: 2rem; right: 2rem; z-index: 10000;"></div>
+
+    <!-- JavaScript -->
+    <script src="~/js/toolhub.js" asp-append-version="true"></script>
+    
+    @await RenderSectionAsync("Scripts", required: false)
+
+    <style>
+        /* 移动端响应式 */
+        @@media (min-width: 768px) {
+            .search-container {
+                display: block !important;
+            }
+            
+            nav {
+                display: flex !important;
+                gap: 0.5rem;
+            }
+            
+            .mobile-menu-toggle {
+                display: none !important;
+            }
+        }
+
+        /* 提示消息样式 */
+        .toast {
+            position: relative;
+            background: white;
+            border-radius: var(--border-radius);
+            box-shadow: var(--shadow-lg);
+            padding: 1rem;
+            margin-bottom: 0.5rem;
+            transform: translateX(100%);
+            transition: transform 0.3s ease;
+            border-left: 4px solid var(--primary);
+        }
+
+        .toast.show {
+            transform: translateX(0);
+        }
+
+        .toast.toast-success {
+            border-left-color: var(--success);
+        }
+
+        .toast.toast-error {
+            border-left-color: var(--danger);
+        }
+
+        .toast.toast-warning {
+            border-left-color: var(--warning);
+        }
+
+        .toast-content {
+            display: flex;
+            align-items: center;
+            gap: 0.75rem;
+        }
+
+        .toast-content i {
+            font-size: 1.25rem;
+        }
+
+        .toast-success .toast-content i {
+            color: var(--success);
+        }
+
+        .toast-error .toast-content i {
+            color: var(--danger);
+        }
+
+        .toast-warning .toast-content i {
+            color: var(--warning);
+        }
+
+        .toast-info .toast-content i {
+            color: var(--primary);
+        }
+
+        /* 移动端菜单动画 */
+        .mobile-menu {
+            background: white;
+            border-top: 1px solid var(--light-2);
+            box-shadow: var(--shadow);
+            max-height: 0;
+            overflow: hidden;
+            transition: max-height 0.3s ease;
+        }
+
+        .mobile-menu.show {
+            max-height: 300px;
+        }
+
+        .mobile-search-container {
+            max-height: 0;
+            overflow: hidden;
+            transition: max-height 0.3s ease;
+        }
+
+        .mobile-search-container.show {
+            max-height: 100px;
+        }
+    </style>
+</body>
+</html>

Views/Shared/_Layout.cshtml.css

@@ -0,0 +1,48 @@
+/* Please see documentation at https://learn.microsoft.com/aspnet/core/client-side/bundling-and-minification
+for details on configuring this project to bundle and minify static web assets. */
+
+a.navbar-brand {
+  white-space: normal;
+  text-align: center;
+  word-break: break-all;
+}
+
+a {
+  color: #0077cc;
+}
+
+.btn-primary {
+  color: #fff;
+  background-color: #1b6ec2;
+  border-color: #1861ac;
+}
+
+.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
+  color: #fff;
+  background-color: #1b6ec2;
+  border-color: #1861ac;
+}
+
+.border-top {
+  border-top: 1px solid #e5e5e5;
+}
+.border-bottom {
+  border-bottom: 1px solid #e5e5e5;
+}
+
+.box-shadow {
+  box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
+}
+
+button.accept-policy {
+  font-size: 1rem;
+  line-height: inherit;
+}
+
+.footer {
+  position: absolute;
+  bottom: 0;
+  width: 100%;
+  white-space: nowrap;
+  line-height: 60px;
+}

Views/Shared/_ValidationScriptsPartial.cshtml

@@ -0,0 +1,2 @@
+<script src="~/lib/jquery-validation/dist/jquery.validate.min.js"></script>
+<script src="~/lib/jquery-validation-unobtrusive/dist/jquery.validate.unobtrusive.min.js"></script>

Views/Tag/Index.cshtml

@@ -0,0 +1,349 @@
+@model List<ToolHub.Models.Tag>
+@{
+    ViewData["Title"] = "标签管理";
+    Layout = "_AdminLayout";
+    var currentPage = ViewBag.CurrentPage as int? ?? 1;
+    var totalPages = ViewBag.TotalPages as int? ?? 1;
+    var totalCount = ViewBag.TotalCount as int? ?? 0;
+    var pageSize = ViewBag.PageSize as int? ?? 20;
+}
+
+<!-- 页面头部 -->
+<div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 2rem;">
+    <div>
+        <h2 style="font-size: 1.5rem; font-weight: 700; margin: 0; color: var(--dark);">标签管理</h2>
+        <p style="color: var(--dark-2); margin: 0.5rem 0 0;">管理工具标签，为工具添加分类标识</p>
+    </div>
+    <button class="btn btn-primary" onclick="openTagModal()">
+        <i class="fas fa-plus"></i>
+        添加标签
+    </button>
+</div>
+
+<!-- 标签列表 -->
+<div class="data-table">
+    <div style="padding: 1rem 1.5rem; border-bottom: 1px solid var(--light-2); display: flex; justify-content: space-between; align-items: center;">
+        <span style="font-weight: 600;">标签列表 (@totalCount)</span>
+    </div>
+    
+    <table>
+        <thead>
+            <tr>
+                <th>标签名称</th>
+                <th>颜色</th>
+                <th>使用次数</th>
+                <th>创建时间</th>
+                <th>状态</th>
+                <th>操作</th>
+            </tr>
+        </thead>
+        <tbody>
+            @foreach (var tag in Model)
+            {
+                <tr>
+                    <td>
+                        <div style="display: flex; align-items: center;">
+                            <span class="badge" style="background: @(tag.Color ?? "var(--primary)"); color: white; margin-right: 0.75rem;">
+                                @tag.Name
+                            </span>
+                            <strong>@tag.Name</strong>
+                        </div>
+                    </td>
+                    <td>
+                        @if (!string.IsNullOrEmpty(tag.Color))
+                        {
+                            <div style="display: flex; align-items: center; gap: 0.5rem;">
+                                <div style="width: 20px; height: 20px; background: @tag.Color; border-radius: 4px; border: 1px solid var(--light-2);"></div>
+                                <code style="font-size: 0.75rem;">@tag.Color</code>
+                            </div>
+                        }
+                        else
+                        {
+                            <span style="color: var(--dark-2);">默认</span>
+                        }
+                    </td>
+                    <td>
+                        <span class="badge badge-primary">@tag.ToolTags?.Count</span>
+                    </td>
+                    <td style="color: var(--dark-2); font-size: 0.875rem;">
+                        @tag.CreatedAt.ToString("yyyy-MM-dd")
+                    </td>
+                    <td>
+                        @if (tag.IsActive)
+                        {
+                            <span class="badge badge-success">启用</span>
+                        }
+                        else
+                        {
+                            <span class="badge badge-secondary">禁用</span>
+                        }
+                    </td>
+                    <td>
+                        <div style="display: flex; gap: 0.5rem;">
+                            <button class="btn btn-outline btn-sm" onclick="editTag(@tag.Id, '@tag.Name', '@tag.Color')">
+                                <i class="fas fa-edit"></i>
+                            </button>
+                            <button class="btn btn-outline btn-sm" onclick="toggleTagStatus(@tag.Id, @tag.IsActive.ToString().ToLower())" style="color: @(tag.IsActive ? "var(--warning)" : "var(--success)");">
+                                <i class="fas fa-@(tag.IsActive ? "pause" : "play")"></i>
+                            </button>
+                            <button class="btn btn-outline btn-sm" onclick="deleteTag(@tag.Id, '@tag.Name')" style="color: var(--danger);">
+                                <i class="fas fa-trash"></i>
+                            </button>
+                        </div>
+                    </td>
+                </tr>
+            }
+        </tbody>
+    </table>
+    
+    @if (!Model.Any())
+    {
+        <div style="padding: 3rem; text-align: center; color: var(--dark-2);">
+            <i class="fas fa-tags" style="font-size: 3rem; margin-bottom: 1rem; display: block; opacity: 0.3;"></i>
+            <h3 style="margin-bottom: 0.5rem;">暂无标签</h3>
+            <p style="margin-bottom: 1.5rem;">还没有创建任何标签</p>
+            <button class="btn btn-primary" onclick="openTagModal()">
+                <i class="fas fa-plus"></i>
+                创建第一个标签
+            </button>
+        </div>
+    }
+    
+    <!-- 分页控件 -->
+    @if (totalPages > 1)
+    {
+        <div style="padding: 1.5rem; border-top: 1px solid var(--light-2); display: flex; justify-content: center; align-items: center; gap: 0.5rem;">
+            <button class="btn btn-outline btn-sm" onclick="changePage(1)" @(currentPage == 1 ? "disabled" : "")>
+                <i class="fas fa-angle-double-left"></i>
+            </button>
+            <button class="btn btn-outline btn-sm" onclick="changePage(@(currentPage - 1))" @(currentPage == 1 ? "disabled" : "")>
+                <i class="fas fa-angle-left"></i>
+            </button>
+            
+            @{
+                var startPage = Math.Max(1, currentPage - 2);
+                var endPage = Math.Min(totalPages, currentPage + 2);
+            }
+            
+            @for (int i = startPage; i <= endPage; i++)
+            {
+                <button class="btn @(i == currentPage ? "btn-primary" : "btn-outline") btn-sm" onclick="changePage(@i)">
+                    @i
+                </button>
+            }
+            
+            <button class="btn btn-outline btn-sm" onclick="changePage(@(currentPage + 1))" @(currentPage == totalPages ? "disabled" : "")>
+                <i class="fas fa-angle-right"></i>
+            </button>
+            <button class="btn btn-outline btn-sm" onclick="changePage(@totalPages)" @(currentPage == totalPages ? "disabled" : "")>
+                <i class="fas fa-angle-double-right"></i>
+            </button>
+        </div>
+    }
+</div>
+
+<!-- 标签模态框 -->
+<div id="tagModal" class="modal" style="display: none;">
+    <div class="modal-backdrop" onclick="closeTagModal()"></div>
+    <div class="modal-content" style="max-width: 400px;">
+        <div class="modal-header">
+            <h3 id="modalTitle">添加标签</h3>
+            <button onclick="closeTagModal()" style="background: none; border: none; font-size: 1.5rem; cursor: pointer;">×</button>
+        </div>
+        
+        <form id="tagForm" onsubmit="submitTag(event)">
+            <input type="hidden" id="tagId" name="id" value="0" />
+            
+            <div class="form-group" style="margin-bottom: 1.5rem;">
+                <label style="display: block; font-weight: 600; margin-bottom: 0.5rem;">标签名称 *</label>
+                <input type="text" id="tagName" name="name" required 
+                       style="width: 100%; padding: 0.75rem; border: 1px solid var(--light-2); border-radius: var(--border-radius);" 
+                       placeholder="请输入标签名称" />
+            </div>
+            
+            <div class="form-group" style="margin-bottom: 1.5rem;">
+                <label style="display: block; font-weight: 600; margin-bottom: 0.5rem;">标签颜色</label>
+                <input type="color" id="tagColor" name="color" value="#165DFF"
+                       style="width: 100%; padding: 0.5rem; border: 1px solid var(--light-2); border-radius: var(--border-radius); height: 3rem;" />
+                <small style="color: var(--dark-2); font-size: 0.75rem;">选择标签的显示颜色</small>
+            </div>
+            
+            <div class="modal-footer">
+                <button type="button" class="btn btn-outline" onclick="closeTagModal()">取消</button>
+                <button type="submit" class="btn btn-primary">
+                    <span id="submitText">保存</span>
+                </button>
+            </div>
+        </form>
+    </div>
+</div>
+
+<style>
+    .modal {
+        position: fixed;
+        top: 0;
+        left: 0;
+        right: 0;
+        bottom: 0;
+        z-index: 10000;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+    }
+    
+    .modal-backdrop {
+        position: absolute;
+        top: 0;
+        left: 0;
+        right: 0;
+        bottom: 0;
+        background: rgba(0, 0, 0, 0.5);
+    }
+    
+    .modal-content {
+        background: white;
+        border-radius: var(--border-radius);
+        position: relative;
+        z-index: 2;
+        max-height: 90vh;
+        overflow-y: auto;
+        width: 90%;
+        max-width: 600px;
+    }
+    
+    .modal-header {
+        padding: 1.5rem;
+        border-bottom: 1px solid var(--light-2);
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+    }
+    
+    .modal-header h3 {
+        margin: 0;
+        font-size: 1.25rem;
+        font-weight: 600;
+    }
+    
+    .modal-footer {
+        padding: 1.5rem;
+        border-top: 1px solid var(--light-2);
+        display: flex;
+        justify-content: flex-end;
+        gap: 1rem;
+    }
+    
+    .form-group input:focus {
+        border-color: var(--primary);
+        outline: none;
+        box-shadow: 0 0 0 3px rgba(22, 93, 255, 0.1);
+    }
+</style>
+
+<script>
+    let isEditing = false;
+    
+    function changePage(page) {
+        window.location.href = `@Url.Action("Index", "Tag")?page=${page}`;
+    }
+    
+    function openTagModal(editMode = false) {
+        document.getElementById('tagModal').style.display = 'flex';
+        document.getElementById('modalTitle').textContent = editMode ? '编辑标签' : '添加标签';
+        document.getElementById('submitText').textContent = editMode ? '更新' : '保存';
+        isEditing = editMode;
+        
+        if (!editMode) {
+            document.getElementById('tagForm').reset();
+            document.getElementById('tagId').value = '0';
+            document.getElementById('tagColor').value = '#165DFF';
+        }
+    }
+    
+    function closeTagModal() {
+        document.getElementById('tagModal').style.display = 'none';
+    }
+    
+    function editTag(id, name, color) {
+        openTagModal(true);
+        document.getElementById('tagId').value = id;
+        document.getElementById('tagName').value = name;
+        document.getElementById('tagColor').value = color || '#165DFF';
+    }
+    
+    async function submitTag(event) {
+        event.preventDefault();
+        
+        const formData = new FormData(event.target);
+        const data = Object.fromEntries(formData.entries());
+        
+        try {
+            const response = await fetch('/Tag/Save', {
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/json',
+                },
+                body: JSON.stringify(data)
+            });
+            
+            if (response.ok) {
+                toolHub.showToast(isEditing ? '标签更新成功' : '标签添加成功', 'success');
+                closeTagModal();
+                setTimeout(() => location.reload(), 1000);
+            } else {
+                toolHub.showToast('操作失败，请重试', 'error');
+            }
+        } catch (error) {
+            console.error('提交失败:', error);
+            toolHub.showToast('操作失败，请重试', 'error');
+        }
+    }
+    
+    async function toggleTagStatus(id, currentStatus) {
+        try {
+            const response = await fetch('/Tag/ToggleStatus', {
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/json',
+                },
+                body: JSON.stringify({ id: id, isActive: !currentStatus })
+            });
+            
+            if (response.ok) {
+                toolHub.showToast('状态更新成功', 'success');
+                setTimeout(() => location.reload(), 1000);
+            } else {
+                toolHub.showToast('操作失败，请重试', 'error');
+            }
+        } catch (error) {
+            console.error('操作失败:', error);
+            toolHub.showToast('操作失败，请重试', 'error');
+        }
+    }
+    
+    async function deleteTag(id, name) {
+        if (!confirm(`确定要删除标签"${name}"吗？\n注意：删除标签会影响使用该标签的工具。`)) {
+            return;
+        }
+        
+        try {
+            const response = await fetch('/Tag/Delete', {
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/json',
+                },
+                body: JSON.stringify({ id: id })
+            });
+            
+            if (response.ok) {
+                toolHub.showToast('标签删除成功', 'success');
+                setTimeout(() => location.reload(), 1000);
+            } else {
+                toolHub.showToast('删除失败，可能该标签下还有工具', 'error');
+            }
+        } catch (error) {
+            console.error('删除失败:', error);
+            toolHub.showToast('删除失败，请重试', 'error');
+        }
+    }
+</script>

Views/Tool/Index.cshtml

@@ -0,0 +1,479 @@
+@model List<ToolHub.Models.Tool>
+@{
+    ViewData["Title"] = "工具管理";
+    Layout = "_AdminLayout";
+    var categories = ViewBag.Categories as List<ToolHub.Models.Category> ?? new List<ToolHub.Models.Category>();
+    var currentCategory = ViewBag.CurrentCategory as int? ?? 0;
+}
+
+<!-- 页面头部 -->
+<div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 2rem;">
+    <div>
+        <h2 style="font-size: 1.5rem; font-weight: 700; margin: 0; color: var(--dark);">工具管理</h2>
+        <p style="color: var(--dark-2); margin: 0.5rem 0 0;">管理平台上的所有工具，添加、编辑或删除工具</p>
+    </div>
+    <button class="btn btn-primary" onclick="openToolModal()">
+        <i class="fas fa-plus"></i>
+        添加工具
+    </button>
+</div>
+
+<!-- 筛选和搜索 -->
+<div style="background: white; padding: 1.5rem; border-radius: var(--border-radius); box-shadow: var(--shadow-sm); margin-bottom: 2rem;">
+    <div style="display: grid; grid-template-columns: 1fr 1fr 1fr auto; gap: 1rem; align-items: end;">
+        <div>
+            <label style="display: block; font-weight: 600; margin-bottom: 0.5rem; font-size: 0.875rem;">分类筛选</label>
+            <select id="categoryFilter" onchange="filterTools()" style="width: 100%; padding: 0.75rem; border: 1px solid var(--light-2); border-radius: var(--border-radius);">
+                <option value="0">全部分类</option>
+                @foreach (var category in categories)
+                {
+                    <option value="@category.Id" selected="@(currentCategory == category.Id)">@category.Name</option>
+                }
+            </select>
+        </div>
+        
+        <div>
+            <label style="display: block; font-weight: 600; margin-bottom: 0.5rem; font-size: 0.875rem;">状态筛选</label>
+            <select id="statusFilter" onchange="filterTools()" style="width: 100%; padding: 0.75rem; border: 1px solid var(--light-2); border-radius: var(--border-radius);">
+                <option value="">全部状态</option>
+                <option value="active">启用</option>
+                <option value="inactive">禁用</option>
+                <option value="hot">热门</option>
+                <option value="new">新品</option>
+                <option value="recommended">推荐</option>
+            </select>
+        </div>
+        
+        <div>
+            <label style="display: block; font-weight: 600; margin-bottom: 0.5rem; font-size: 0.875rem;">搜索工具</label>
+            <input type="text" id="searchInput" placeholder="输入工具名称..." onkeyup="filterTools()"
+                   style="width: 100%; padding: 0.75rem; border: 1px solid var(--light-2); border-radius: var(--border-radius);" />
+        </div>
+        
+        <button class="btn btn-outline" onclick="clearFilters()">
+            <i class="fas fa-undo"></i>
+            重置
+        </button>
+    </div>
+</div>
+
+<!-- 工具列表 -->
+<div class="data-table">
+    <div style="padding: 1rem 1.5rem; border-bottom: 1px solid var(--light-2); display: flex; justify-content: space-between; align-items: center;">
+        <span style="font-weight: 600;">工具列表 (@Model.Count)</span>
+        <div style="display: flex; gap: 0.5rem;">
+            <button class="btn btn-outline btn-sm" onclick="toggleView('table')" id="tableViewBtn">
+                <i class="fas fa-list"></i> 表格
+            </button>
+            <button class="btn btn-outline btn-sm" onclick="toggleView('grid')" id="gridViewBtn">
+                <i class="fas fa-th"></i> 网格
+            </button>
+        </div>
+    </div>
+    
+    <!-- 表格视图 -->
+    <div id="tableView">
+        <table>
+            <thead>
+                <tr>
+                    <th>工具信息</th>
+                    <th>分类</th>
+                    <th>统计</th>
+                    <th>标签</th>
+                    <th>状态</th>
+                    <th>创建时间</th>
+                    <th>操作</th>
+                </tr>
+            </thead>
+            <tbody id="toolsTableBody">
+                @foreach (var tool in Model)
+                {
+                    <tr data-category="@tool.CategoryId" data-status="@(tool.IsActive ? "active" : "inactive")" 
+                        data-hot="@tool.IsHot.ToString().ToLower()" data-new="@tool.IsNew.ToString().ToLower()" data-recommended="@tool.IsRecommended.ToString().ToLower()">
+                        <td>
+                            <div style="display: flex; align-items: center;">
+                                @if (!string.IsNullOrEmpty(tool.Image))
+                                {
+                                    <img src="@tool.Image" alt="@tool.Name" style="width: 40px; height: 40px; border-radius: var(--border-radius); margin-right: 0.75rem; object-fit: cover;" />
+                                }
+                                else
+                                {
+                                    <div style="width: 40px; height: 40px; background: linear-gradient(135deg, var(--primary), var(--secondary)); border-radius: var(--border-radius); display: flex; align-items: center; justify-content: center; margin-right: 0.75rem;">
+                                        <i class="@tool.Icon" style="color: white;"></i>
+                                    </div>
+                                }
+                                <div>
+                                    <strong class="tool-name">@tool.Name</strong>
+                                    @if (!string.IsNullOrEmpty(tool.Description))
+                                    {
+                                        <br><small style="color: var(--dark-2);">@(tool.Description.Length > 50 ? tool.Description.Substring(0, 50) + "..." : tool.Description)</small>
+                                    }
+                                </div>
+                            </div>
+                        </td>
+                        <td>
+                            <span class="badge badge-primary">@tool.Category?.Name</span>
+                        </td>
+                        <td>
+                            <div style="font-size: 0.875rem;">
+                                <div style="margin-bottom: 0.25rem;">
+                                    <i class="fas fa-eye" style="color: var(--primary); margin-right: 0.25rem;"></i>
+                                    @(tool.ViewCount > 1000 ? (tool.ViewCount / 1000).ToString("F0") + "K" : tool.ViewCount.ToString())
+                                </div>
+                                @if (tool.Rating > 0)
+                                {
+                                    <div>
+                                        <i class="fas fa-star" style="color: var(--warning); margin-right: 0.25rem;"></i>
+                                        @tool.Rating.ToString("F1")
+                                    </div>
+                                }
+                            </div>
+                        </td>
+                        <td>
+                            <div style="display: flex; flex-wrap: wrap; gap: 0.25rem;">
+                                @if (tool.IsHot)
+                                {
+                                    <span class="badge badge-danger">热门</span>
+                                }
+                                @if (tool.IsNew)
+                                {
+                                    <span class="badge badge-warning">新品</span>
+                                }
+                                @if (tool.IsRecommended)
+                                {
+                                    <span class="badge badge-success">推荐</span>
+                                }
+                            </div>
+                        </td>
+                        <td>
+                            @if (tool.IsActive)
+                            {
+                                <span class="badge badge-success">启用</span>
+                            }
+                            else
+                            {
+                                <span class="badge badge-secondary">禁用</span>
+                            }
+                        </td>
+                        <td style="color: var(--dark-2); font-size: 0.875rem;">
+                            @tool.CreatedAt.ToString("yyyy-MM-dd")
+                        </td>
+                        <td>
+                            <div style="display: flex; gap: 0.5rem;">
+                                <button class="btn btn-outline btn-sm" onclick="editTool(@tool.Id)" title="编辑">
+                                    <i class="fas fa-edit"></i>
+                                </button>
+                                <button class="btn btn-outline btn-sm" onclick="toggleToolStatus(@tool.Id, @tool.IsActive.ToString().ToLower())" 
+                                        style="color: @(tool.IsActive ? "var(--warning)" : "var(--success)");" title="@(tool.IsActive ? "禁用" : "启用")">
+                                    <i class="fas fa-@(tool.IsActive ? "pause" : "play")"></i>
+                                </button>
+                                <button class="btn btn-outline btn-sm" onclick="deleteTool(@tool.Id, '@tool.Name')" 
+                                        style="color: var(--danger);" title="删除">
+                                    <i class="fas fa-trash"></i>
+                                </button>
+                            </div>
+                        </td>
+                    </tr>
+                }
+            </tbody>
+        </table>
+    </div>
+    
+    @if (!Model.Any())
+    {
+        <div style="padding: 3rem; text-align: center; color: var(--dark-2);">
+            <i class="fas fa-tools" style="font-size: 3rem; margin-bottom: 1rem; display: block; opacity: 0.3;"></i>
+            <h3 style="margin-bottom: 0.5rem;">暂无工具</h3>
+            <p style="margin-bottom: 1.5rem;">还没有添加任何工具</p>
+            <button class="btn btn-primary" onclick="openToolModal()">
+                <i class="fas fa-plus"></i>
+                添加第一个工具
+            </button>
+        </div>
+    }
+</div>
+
+<!-- 工具模态框 -->
+<div id="toolModal" class="modal" style="display: none;">
+    <div class="modal-backdrop" onclick="closeToolModal()"></div>
+    <div class="modal-content" style="max-width: 600px;">
+        <div class="modal-header">
+            <h3 id="toolModalTitle">添加工具</h3>
+            <button onclick="closeToolModal()" style="background: none; border: none; font-size: 1.5rem; cursor: pointer;">×</button>
+        </div>
+        
+        <form id="toolForm" onsubmit="submitTool(event)">
+            <div class="modal-body">
+                <input type="hidden" id="toolId" name="id" value="0" />
+                
+                <div class="form-group">
+                    <label>工具名称 *</label>
+                    <input type="text" id="toolName" name="name" required placeholder="请输入工具名称" />
+                </div>
+                
+                <div class="form-group">
+                    <label>工具描述</label>
+                    <textarea id="toolDescription" name="description" rows="3" placeholder="请输入工具描述"></textarea>
+                </div>
+                
+                <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 1rem;">
+                    <div class="form-group">
+                        <label>所属分类 *</label>
+                        <select id="toolCategory" name="categoryId" required>
+                            <option value="">请选择分类</option>
+                            @foreach (var category in categories)
+                            {
+                                <option value="@category.Id">@category.Name</option>
+                            }
+                        </select>
+                    </div>
+                    
+                    <div class="form-group">
+                        <label>图标类名</label>
+                        <input type="text" id="toolIcon" name="icon" placeholder="如: fas fa-file-pdf" />
+                    </div>
+                </div>
+                
+                <div class="form-group">
+                    <label>工具链接</label>
+                    <input type="url" id="toolUrl" name="url" placeholder="https://example.com" />
+                </div>
+                
+                <div class="form-group">
+                    <label>工具图片链接</label>
+                    <input type="url" id="toolImage" name="image" placeholder="https://example.com/image.jpg" />
+                </div>
+                
+                <div style="display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 1rem;">
+                    <div class="form-group">
+                        <label style="display: flex; align-items: center; gap: 0.5rem;">
+                            <input type="checkbox" id="toolIsHot" name="isHot" />
+                            <span>热门工具</span>
+                        </label>
+                    </div>
+                    
+                    <div class="form-group">
+                        <label style="display: flex; align-items: center; gap: 0.5rem;">
+                            <input type="checkbox" id="toolIsNew" name="isNew" />
+                            <span>新品工具</span>
+                        </label>
+                    </div>
+                    
+                    <div class="form-group">
+                        <label style="display: flex; align-items: center; gap: 0.5rem;">
+                            <input type="checkbox" id="toolIsRecommended" name="isRecommended" />
+                            <span>推荐工具</span>
+                        </label>
+                    </div>
+                </div>
+                
+                <div class="form-group">
+                    <label>排序顺序</label>
+                    <input type="number" id="toolSort" name="sortOrder" min="0" value="0" placeholder="数字越小排序越靠前" />
+                </div>
+            </div>
+            
+            <div class="modal-footer">
+                <button type="button" class="btn btn-outline" onclick="closeToolModal()">取消</button>
+                <button type="submit" class="btn btn-primary">
+                    <span id="toolSubmitText">保存</span>
+                </button>
+            </div>
+        </form>
+    </div>
+</div>
+
+<script>
+    let currentView = 'table';
+    let isEditingTool = false;
+    
+    function toggleView(view) {
+        currentView = view;
+        document.getElementById('tableView').style.display = view === 'table' ? 'block' : 'none';
+        
+        document.getElementById('tableViewBtn').classList.toggle('btn-primary', view === 'table');
+        document.getElementById('tableViewBtn').classList.toggle('btn-outline', view !== 'table');
+    }
+    
+    function filterTools() {
+        const categoryFilter = document.getElementById('categoryFilter').value;
+        const statusFilter = document.getElementById('statusFilter').value;
+        const searchInput = document.getElementById('searchInput').value.toLowerCase();
+        
+        const tableRows = document.querySelectorAll('#toolsTableBody tr');
+        
+        tableRows.forEach(row => {
+            const category = row.getAttribute('data-category');
+            const status = row.getAttribute('data-status');
+            const isHot = row.getAttribute('data-hot') === 'true';
+            const isNew = row.getAttribute('data-new') === 'true';
+            const isRecommended = row.getAttribute('data-recommended') === 'true';
+            
+            const toolName = row.querySelector('.tool-name').textContent.toLowerCase();
+            
+            let showRow = true;
+            
+            // 分类筛选
+            if (categoryFilter !== '0' && category !== categoryFilter) {
+                showRow = false;
+            }
+            
+            // 状态筛选
+            if (statusFilter) {
+                switch(statusFilter) {
+                    case 'active':
+                        if (status !== 'active') showRow = false;
+                        break;
+                    case 'inactive':
+                        if (status !== 'inactive') showRow = false;
+                        break;
+                    case 'hot':
+                        if (!isHot) showRow = false;
+                        break;
+                    case 'new':
+                        if (!isNew) showRow = false;
+                        break;
+                    case 'recommended':
+                        if (!isRecommended) showRow = false;
+                        break;
+                }
+            }
+            
+            // 搜索筛选
+            if (searchInput && !toolName.includes(searchInput)) {
+                showRow = false;
+            }
+            
+            row.style.display = showRow ? '' : 'none';
+        });
+    }
+    
+    function clearFilters() {
+        document.getElementById('categoryFilter').value = '0';
+        document.getElementById('statusFilter').value = '';
+        document.getElementById('searchInput').value = '';
+        filterTools();
+    }
+    
+    function openToolModal(editMode = false) {
+        document.getElementById('toolModal').style.display = 'flex';
+        document.getElementById('toolModalTitle').textContent = editMode ? '编辑工具' : '添加工具';
+        document.getElementById('toolSubmitText').textContent = editMode ? '更新' : '保存';
+        isEditingTool = editMode;
+        
+        if (!editMode) {
+            document.getElementById('toolForm').reset();
+            document.getElementById('toolId').value = '0';
+        }
+    }
+    
+    function closeToolModal() {
+        document.getElementById('toolModal').style.display = 'none';
+    }
+    
+    async function editTool(id) {
+        try {
+            const response = await fetch(`/Tool/Get?id=${id}`);
+            if (response.ok) {
+                const tool = await response.json();
+                openToolModal(true);
+                
+                document.getElementById('toolId').value = tool.id;
+                document.getElementById('toolName').value = tool.name;
+                document.getElementById('toolDescription').value = tool.description || '';
+                document.getElementById('toolCategory').value = tool.categoryId;
+                document.getElementById('toolIcon').value = tool.icon || '';
+                document.getElementById('toolUrl').value = tool.url || '';
+                document.getElementById('toolImage').value = tool.image || '';
+                document.getElementById('toolIsHot').checked = tool.isHot;
+                document.getElementById('toolIsNew').checked = tool.isNew;
+                document.getElementById('toolIsRecommended').checked = tool.isRecommended;
+                document.getElementById('toolSort').value = tool.sortOrder;
+            }
+        } catch (error) {
+            console.error('获取工具信息失败:', error);
+            toolHub.showToast('获取工具信息失败', 'error');
+        }
+    }
+    
+    async function submitTool(event) {
+        event.preventDefault();
+        
+        const formData = new FormData(event.target);
+        const data = Object.fromEntries(formData.entries());
+        
+        // 处理复选框
+        data.isHot = document.getElementById('toolIsHot').checked;
+        data.isNew = document.getElementById('toolIsNew').checked;
+        data.isRecommended = document.getElementById('toolIsRecommended').checked;
+        
+        try {
+            const response = await fetch('/Tool/Save', {
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/json',
+                },
+                body: JSON.stringify(data)
+            });
+            
+            if (response.ok) {
+                toolHub.showToast(isEditingTool ? '工具更新成功' : '工具添加成功', 'success');
+                closeToolModal();
+                setTimeout(() => location.reload(), 1000);
+            } else {
+                toolHub.showToast('操作失败，请重试', 'error');
+            }
+        } catch (error) {
+            console.error('提交失败:', error);
+            toolHub.showToast('操作失败，请重试', 'error');
+        }
+    }
+    
+    async function toggleToolStatus(id, currentStatus) {
+        try {
+            const response = await fetch('/Tool/ToggleStatus', {
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/json',
+                },
+                body: JSON.stringify({ id: id, isActive: !currentStatus })
+            });
+            
+            if (response.ok) {
+                toolHub.showToast('状态更新成功', 'success');
+                setTimeout(() => location.reload(), 1000);
+            } else {
+                toolHub.showToast('操作失败，请重试', 'error');
+            }
+        } catch (error) {
+            console.error('操作失败:', error);
+            toolHub.showToast('操作失败，请重试', 'error');
+        }
+    }
+    
+    async function deleteTool(id, name) {
+        if (!confirm(`确定要删除工具"${name}"吗？此操作不可恢复。`)) {
+            return;
+        }
+        
+        try {
+            const response = await fetch('/Tool/Delete', {
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/json',
+                },
+                body: JSON.stringify({ id: id })
+            });
+            
+            if (response.ok) {
+                toolHub.showToast('工具删除成功', 'success');
+                setTimeout(() => location.reload(), 1000);
+            } else {
+                toolHub.showToast('删除失败，请重试', 'error');
+            }
+        } catch (error) {
+            console.error('删除失败:', error);
+            toolHub.showToast('删除失败，请重试', 'error');
+        }
+    }
+</script>

Views/ToolStatistics/Index.cshtml

@@ -0,0 +1,493 @@
+@{
+    ViewData["Title"] = "工具统计";
+    Layout = "_AdminLayout";
+    var toolId = ViewData["ToolId"] as int? ?? 0;
+    var toolName = ViewData["ToolName"] as string ?? "所有工具";
+}
+
+@section Scripts {
+    <script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.0/dist/chart.umd.js"></script>
+    <script>
+        // 确保Chart.js加载完成
+        window.addEventListener('load', function() {
+            if (typeof Chart === 'undefined') {
+                console.error('Chart.js 未能正确加载');
+            } else {
+                console.log('Chart.js 加载成功');
+            }
+        });
+    </script>
+}
+
+<!-- 页面头部 -->
+<div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 2rem;">
+    <div>
+        <h2 style="font-size: 1.5rem; font-weight: 700; margin: 0; color: var(--dark);">工具统计</h2>
+        <p style="color: var(--dark-2); margin: 0.5rem 0 0;">查看工具的详细使用统计和用户访问记录</p>
+    </div>
+    <div style="display: flex; gap: 1rem;">
+        <a href="@Url.Action("Index", "Tool")" class="btn btn-secondary">
+            <i class="fas fa-arrow-left"></i>
+            返回工具管理
+        </a>
+    </div>
+</div>
+
+<!-- 工具选择 -->
+<div style="background: white; padding: 1.5rem; border-radius: var(--border-radius); box-shadow: var(--shadow-sm); margin-bottom: 2rem;">
+    <div style="display: grid; grid-template-columns: 1fr auto; gap: 1rem; align-items: end;">
+        <div>
+            <label style="display: block; font-weight: 600; margin-bottom: 0.5rem; font-size: 0.875rem;">选择工具</label>
+            <select id="toolSelector" onchange="loadToolStatistics()" style="width: 100%; padding: 0.75rem; border: 1px solid var(--light-2); border-radius: var(--border-radius);">
+                <option value="0">所有工具</option>
+            </select>
+        </div>
+        <div>
+            <label style="display: block; font-weight: 600; margin-bottom: 0.5rem; font-size: 0.875rem;">统计日期</label>
+            <input type="date" id="statDate" onchange="loadToolStatistics()" 
+                   value="@DateTime.Today.ToString("yyyy-MM-dd")"
+                   style="padding: 0.75rem; border: 1px solid var(--light-2); border-radius: var(--border-radius);" />
+        </div>
+    </div>
+</div>
+
+<!-- 统计概览 -->
+<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 1.5rem; margin-bottom: 2rem;">
+    <div style="background: white; padding: 1.5rem; border-radius: var(--border-radius); box-shadow: var(--shadow-sm);">
+        <div style="display: flex; align-items: center; justify-content: space-between; margin-bottom: 1rem;">
+            <h3 style="font-size: 1rem; font-weight: 600; margin: 0; color: var(--dark);">今日访问量</h3>
+            <i class="fas fa-eye" style="color: var(--primary); font-size: 1.25rem;"></i>
+        </div>
+        <div id="todayViews" style="font-size: 2rem; font-weight: 700; color: var(--primary);">-</div>
+        <div style="font-size: 0.875rem; color: var(--dark-2); margin-top: 0.5rem;">总访问量: <span id="totalViews">-</span></div>
+    </div>
+    
+    <div style="background: white; padding: 1.5rem; border-radius: var(--border-radius); box-shadow: var(--shadow-sm);">
+        <div style="display: flex; align-items: center; justify-content: space-between; margin-bottom: 1rem;">
+            <h3 style="font-size: 1rem; font-weight: 600; margin: 0; color: var(--dark);">今日收藏</h3>
+            <i class="fas fa-heart" style="color: var(--danger); font-size: 1.25rem;"></i>
+        </div>
+        <div id="todayFavorites" style="font-size: 2rem; font-weight: 700; color: var(--danger);">-</div>
+        <div style="font-size: 0.875rem; color: var(--dark-2); margin-top: 0.5rem;">总收藏数: <span id="totalFavorites">-</span></div>
+    </div>
+    
+    <div style="background: white; padding: 1.5rem; border-radius: var(--border-radius); box-shadow: var(--shadow-sm);">
+        <div style="display: flex; align-items: center; justify-content: space-between; margin-bottom: 1rem;">
+            <h3 style="font-size: 1rem; font-weight: 600; margin: 0; color: var(--dark);">今日分享</h3>
+            <i class="fas fa-share" style="color: var(--success); font-size: 1.25rem;"></i>
+        </div>
+        <div id="todayShares" style="font-size: 2rem; font-weight: 700; color: var(--success);">-</div>
+        <div style="font-size: 0.875rem; color: var(--dark-2); margin-top: 0.5rem;">平均停留时间: <span id="avgDuration">-</span>秒</div>
+    </div>
+    
+    <div style="background: white; padding: 1.5rem; border-radius: var(--border-radius); box-shadow: var(--shadow-sm);">
+        <div style="display: flex; align-items: center; justify-content: space-between; margin-bottom: 1rem;">
+            <h3 style="font-size: 1rem; font-weight: 600; margin: 0; color: var(--dark);">今日下载</h3>
+            <i class="fas fa-download" style="color: var(--warning); font-size: 1.25rem;"></i>
+        </div>
+        <div id="todayDownloads" style="font-size: 2rem; font-weight: 700; color: var(--warning);">-</div>
+        <div style="font-size: 0.875rem; color: var(--dark-2); margin-top: 0.5rem;">跳出率: <span id="bounceRate">-</span>%</div>
+    </div>
+</div>
+
+<!-- 使用趋势图表 -->
+<div style="background: white; padding: 1.5rem; border-radius: var(--border-radius); box-shadow: var(--shadow-sm); margin-bottom: 2rem;">
+    <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.5rem;">
+        <h3 style="font-size: 1.25rem; font-weight: 600; margin: 0; color: var(--dark);">使用趋势 (最近30天)</h3>
+        <div style="display: flex; gap: 0.5rem;">
+            <button class="btn btn-outline btn-sm" onclick="loadUsageTrend(7)">7天</button>
+            <button class="btn btn-outline btn-sm" onclick="loadUsageTrend(30)">30天</button>
+            <button class="btn btn-outline btn-sm" onclick="loadUsageTrend(90)">90天</button>
+        </div>
+    </div>
+    <div id="trendChart" style="height: 300px; display: flex; align-items: center; justify-content: center; color: var(--dark-2);">
+        <div style="text-align: center;">
+            <i class="fas fa-chart-line" style="font-size: 3rem; margin-bottom: 1rem; display: block; opacity: 0.3;"></i>
+            <p>请选择工具查看使用趋势</p>
+        </div>
+    </div>
+</div>
+
+<!-- 访问记录 -->
+<div style="background: white; padding: 1.5rem; border-radius: var(--border-radius); box-shadow: var(--shadow-sm);">
+    <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.5rem;">
+        <h3 style="font-size: 1.25rem; font-weight: 600; margin: 0; color: var(--dark);">最近访问记录</h3>
+        <div style="display: flex; gap: 0.5rem;">
+            <input type="date" id="startDate" onchange="loadAccessRecords()" 
+                   value="@DateTime.Today.AddDays(-7).ToString("yyyy-MM-dd")"
+                   style="padding: 0.5rem; border: 1px solid var(--light-2); border-radius: var(--border-radius);" />
+            <input type="date" id="endDate" onchange="loadAccessRecords()" 
+                   value="@DateTime.Today.ToString("yyyy-MM-dd")"
+                   style="padding: 0.5rem; border: 1px solid var(--light-2); border-radius: var(--border-radius);" />
+        </div>
+    </div>
+    <div id="accessRecords" style="min-height: 200px; display: flex; align-items: center; justify-content: center; color: var(--dark-2);">
+        <div style="text-align: center;">
+            <i class="fas fa-list" style="font-size: 3rem; margin-bottom: 1rem; display: block; opacity: 0.3;"></i>
+            <p>请选择工具查看访问记录</p>
+        </div>
+    </div>
+</div>
+
+<script>
+    let currentToolId = @toolId;
+    let currentDays = 30;
+    
+    // 页面加载时初始化
+    document.addEventListener('DOMContentLoaded', function() {
+        loadTools();
+        // 等待Chart.js加载完成
+        setTimeout(() => {
+            if (currentToolId > 0) {
+                loadToolStatistics();
+                loadUsageTrend(currentDays);
+                loadAccessRecords();
+            }
+        }, 500);
+    });
+    
+    // 加载工具列表
+    async function loadTools() {
+        try {
+            const response = await fetch('/Tool/GetAllTools');
+            const result = await response.json();
+            
+            if (result.success && result.tools) {
+                const toolSelector = document.getElementById('toolSelector');
+                toolSelector.innerHTML = '<option value="0">所有工具</option>';
+                
+                result.tools.forEach(tool => {
+                    const option = document.createElement('option');
+                    option.value = tool.id;
+                    option.textContent = tool.name;
+                    if (tool.id === currentToolId) {
+                        option.selected = true;
+                    }
+                    toolSelector.appendChild(option);
+                });
+            }
+        } catch (error) {
+            console.error('加载工具列表失败:', error);
+        }
+    }
+    
+    // 加载工具统计
+    async function loadToolStatistics() {
+        const toolId = document.getElementById('toolSelector').value;
+        const date = document.getElementById('statDate').value;
+        
+        if (toolId === '0') {
+            resetStatistics();
+            return;
+        }
+        
+        try {
+            const response = await fetch(`/ToolStatistics/GetToolStatistics?toolId=${toolId}&date=${date}`);
+            const result = await response.json();
+            
+            if (result.success && result.data) {
+                updateStatistics(result.data);
+            }
+            else{
+                resetStatistics();
+            }
+            currentToolId = toolId;
+            loadUsageTrend(currentDays);
+            loadAccessRecords();
+        } catch (error) {
+            console.error('加载统计数据失败:', error);
+        }
+    }
+    
+    // 更新统计数据
+    function updateStatistics(stats) {
+        document.getElementById('todayViews').textContent = stats.dailyViews || 0;
+        document.getElementById('todayFavorites').textContent = stats.dailyFavorites || 0;
+        document.getElementById('todayShares').textContent = stats.dailyShares || 0;
+        document.getElementById('todayDownloads').textContent = stats.dailyDownloads || 0;
+        document.getElementById('avgDuration').textContent = Math.round(stats.averageDuration || 0);
+        
+        // 这里可以添加获取总数据的逻辑
+        document.getElementById('totalViews').textContent = '-';
+        document.getElementById('totalFavorites').textContent = '-';
+        document.getElementById('bounceRate').textContent = '-';
+    }
+    
+    // 重置统计数据
+    function resetStatistics() {
+        document.getElementById('todayViews').textContent = '-';
+        document.getElementById('todayFavorites').textContent = '-';
+        document.getElementById('todayShares').textContent = '-';
+        document.getElementById('todayDownloads').textContent = '-';
+        document.getElementById('avgDuration').textContent = '-';
+        document.getElementById('totalViews').textContent = '-';
+        document.getElementById('totalFavorites').textContent = '-';
+        document.getElementById('bounceRate').textContent = '-';
+    }
+    
+    // 加载使用趋势
+    async function loadUsageTrend(days) {
+        const toolId = document.getElementById('toolSelector').value;
+        currentDays = days;
+        
+        if (toolId === '0') {
+            document.getElementById('trendChart').innerHTML = `
+                <div style="text-align: center;">
+                    <i class="fas fa-chart-line" style="font-size: 3rem; margin-bottom: 1rem; display: block; opacity: 0.3;"></i>
+                    <p>请选择工具查看使用趋势</p>
+                </div>
+            `;
+            return;
+        }
+        
+        try {
+            const response = await fetch(`/ToolStatistics/GetToolUsageTrend?toolId=${toolId}&days=${days}`);
+            const result = await response.json();
+            
+            if (result.success && result.data) {
+                renderTrendChart(result.data);
+            }
+        } catch (error) {
+            console.error('加载使用趋势失败:', error);
+        }
+    }
+    
+    // 渲染趋势图表
+    function renderTrendChart(data) {
+        const chartDiv = document.getElementById('trendChart');
+        
+        // 清空容器
+        chartDiv.innerHTML = '<canvas id="trendCanvas" style="width: 100%; height: 100%;"></canvas>';
+        
+        // 准备数据
+        const labels = data.map(item => item.date);
+        const viewsData = data.map(item => item.views);
+        const favoritesData = data.map(item => item.favorites);
+        const sharesData = data.map(item => item.shares);
+        const downloadsData = data.map(item => item.downloads);
+        
+        // 创建图表
+        const ctx = document.getElementById('trendCanvas').getContext('2d');
+        
+        // 销毁现有图表
+        if (window.trendChart && typeof window.trendChart.destroy === 'function') {
+            window.trendChart.destroy();
+        }
+        
+        // 检查Chart.js是否可用
+        if (typeof Chart === 'undefined') {
+            chartDiv.innerHTML = `
+                <div style="text-align: center; padding: 2rem;">
+                    <i class="fas fa-exclamation-triangle" style="font-size: 2rem; margin-bottom: 1rem; display: block; color: var(--warning);"></i>
+                    <p style="color: var(--dark-2); margin: 0;">Chart.js 库加载失败，请刷新页面重试</p>
+                </div>
+            `;
+            return;
+        }
+        
+        try {
+            window.trendChart = new Chart(ctx, {
+            type: 'line',
+            data: {
+                labels: labels,
+                datasets: [
+                    {
+                        label: '访问量',
+                        data: viewsData,
+                        borderColor: '#165DFF',
+                        backgroundColor: 'rgba(22, 93, 255, 0.1)',
+                        borderWidth: 2,
+                        fill: true,
+                        tension: 0.4
+                    },
+                    {
+                        label: '收藏',
+                        data: favoritesData,
+                        borderColor: '#FF4D4F',
+                        backgroundColor: 'rgba(255, 77, 79, 0.1)',
+                        borderWidth: 2,
+                        fill: true,
+                        tension: 0.4
+                    },
+                    {
+                        label: '分享',
+                        data: sharesData,
+                        borderColor: '#52C41A',
+                        backgroundColor: 'rgba(82, 196, 26, 0.1)',
+                        borderWidth: 2,
+                        fill: true,
+                        tension: 0.4
+                    },
+                    {
+                        label: '下载',
+                        data: downloadsData,
+                        borderColor: '#FAAD14',
+                        backgroundColor: 'rgba(250, 173, 20, 0.1)',
+                        borderWidth: 2,
+                        fill: true,
+                        tension: 0.4
+                    }
+                ]
+            },
+            options: {
+                responsive: true,
+                maintainAspectRatio: false,
+                plugins: {
+                    legend: {
+                        position: 'top',
+                        labels: {
+                            usePointStyle: true,
+                            padding: 20,
+                            font: {
+                                size: 12
+                            }
+                        }
+                    },
+                    tooltip: {
+                        mode: 'index',
+                        intersect: false,
+                        backgroundColor: 'rgba(255, 255, 255, 0.95)',
+                        titleColor: '#1D2129',
+                        bodyColor: '#4E5969',
+                        borderColor: '#E5E6EB',
+                        borderWidth: 1,
+                        cornerRadius: 8,
+                        displayColors: true
+                    }
+                },
+                scales: {
+                    x: {
+                        grid: {
+                            color: '#F5F5F5'
+                        },
+                        ticks: {
+                            color: '#4E5969',
+                            maxRotation: 45
+                        }
+                    },
+                    y: {
+                        beginAtZero: true,
+                        grid: {
+                            color: '#F5F5F5'
+                        },
+                        ticks: {
+                            color: '#4E5969'
+                        }
+                    }
+                },
+                                 interaction: {
+                     mode: 'nearest',
+                     axis: 'x',
+                     intersect: false
+                 }
+             }
+         });
+        } catch (error) {
+            console.error('创建图表失败:', error);
+            chartDiv.innerHTML = `
+                <div style="text-align: center; padding: 2rem;">
+                    <i class="fas fa-exclamation-triangle" style="font-size: 2rem; margin-bottom: 1rem; display: block; color: var(--warning);"></i>
+                    <p style="color: var(--dark-2); margin: 0;">图表渲染失败，请刷新页面重试</p>
+                    <small style="color: var(--dark-3);">错误信息: ${error.message}</small>
+                </div>
+            `;
+        }
+     }
+    
+    // 加载访问记录
+    async function loadAccessRecords() {
+        const toolId = document.getElementById('toolSelector').value;
+        const startDate = document.getElementById('startDate').value;
+        const endDate = document.getElementById('endDate').value;
+        
+        if (toolId === '0') {
+            document.getElementById('accessRecords').innerHTML = `
+                <div style="text-align: center;">
+                    <i class="fas fa-list" style="font-size: 3rem; margin-bottom: 1rem; display: block; opacity: 0.3;"></i>
+                    <p>请选择工具查看访问记录</p>
+                </div>
+            `;
+            return;
+        }
+        
+        try {
+            const response = await fetch(`/ToolStatistics/GetToolAccessRecords?toolId=${toolId}&startDate=${startDate}&endDate=${endDate}&limit=50`);
+            const result = await response.json();
+            
+            if (result.success && result.data) {
+                renderAccessRecords(result.data);
+            }
+        } catch (error) {
+            console.error('加载访问记录失败:', error);
+        }
+    }
+    
+    // 渲染访问记录
+    function renderAccessRecords(records) {
+        const recordsDiv = document.getElementById('accessRecords');
+        
+        if (records.length === 0) {
+            recordsDiv.innerHTML = `
+                <div style="text-align: center; padding: 3rem;">
+                    <i class="fas fa-inbox" style="font-size: 3rem; margin-bottom: 1rem; display: block; opacity: 0.3; color: var(--dark-2);"></i>
+                    <p style="color: var(--dark-2); margin: 0;">暂无访问记录</p>
+                </div>
+            `;
+            return;
+        }
+        
+        let html = '<div style="overflow-x: auto;">';
+        html += '<table style="width: 100%; border-collapse: collapse; font-size: 0.875rem;">';
+        html += '<thead><tr style="background: var(--light-1);">';
+        html += '<th style="padding: 0.75rem; border: 1px solid var(--light-2); text-align: left; font-weight: 600;">时间</th>';
+        html += '<th style="padding: 0.75rem; border: 1px solid var(--light-2); text-align: left; font-weight: 600;">用户</th>';
+        html += '<th style="padding: 0.75rem; border: 1px solid var(--light-2); text-align: left; font-weight: 600;">IP地址</th>';
+        html += '<th style="padding: 0.75rem; border: 1px solid var(--light-2); text-align: left; font-weight: 600;">操作类型</th>';
+        html += '<th style="padding: 0.75rem; border: 1px solid var(--light-2); text-align: left; font-weight: 600;">停留时间</th>';
+        html += '<th style="padding: 0.75rem; border: 1px solid var(--light-2); text-align: left; font-weight: 600;">用户代理</th>';
+        html += '</tr></thead>';
+        html += '<tbody>';
+        
+        records.forEach((record, index) => {
+            const user = record.user ? record.user.nickName || record.user.userName : '匿名用户';
+            const duration = record.duration > 0 ? `${record.duration}秒` : '-';
+            const userAgent = record.userAgent ? record.userAgent.substring(0, 50) + (record.userAgent.length > 50 ? '...' : '') : '-';
+            const rowStyle = index % 2 === 0 ? 'background: white;' : 'background: var(--light-1);';
+            
+            html += `<tr style="${rowStyle}">`;
+            html += `<td style="padding: 0.75rem; border: 1px solid var(--light-2);">${new Date(record.createdAt).toLocaleString()}</td>`;
+            html += `<td style="padding: 0.75rem; border: 1px solid var(--light-2);">${user}</td>`;
+            html += `<td style="padding: 0.75rem; border: 1px solid var(--light-2); font-family: monospace;">${record.ipAddress || '-'}</td>`;
+            html += `<td style="padding: 0.75rem; border: 1px solid var(--light-2);">${getAccessTypeBadge(record.accessType)}</td>`;
+            html += `<td style="padding: 0.75rem; border: 1px solid var(--light-2);">${duration}</td>`;
+            html += `<td style="padding: 0.75rem; border: 1px solid var(--light-2); font-size: 0.75rem; color: var(--dark-2);" title="${record.userAgent || ''}">${userAgent}</td>`;
+            html += '</tr>';
+        });
+        
+        html += '</tbody></table>';
+        html += '</div>';
+        recordsDiv.innerHTML = html;
+    }
+    
+    // 获取操作类型徽章
+    function getAccessTypeBadge(accessType) {
+        const badges = {
+            'view': '<span style="background: #E6F7FF; color: #1890FF; padding: 0.25rem 0.5rem; border-radius: 4px; font-size: 0.75rem;">查看</span>',
+            'favorite': '<span style="background: #FFF2E8; color: #FA541C; padding: 0.25rem 0.5rem; border-radius: 4px; font-size: 0.75rem;">收藏</span>',
+            'share': '<span style="background: #F6FFED; color: #52C41A; padding: 0.25rem 0.5rem; border-radius: 4px; font-size: 0.75rem;">分享</span>',
+            'download': '<span style="background: #FFF7E6; color: #FA8C16; padding: 0.25rem 0.5rem; border-radius: 4px; font-size: 0.75rem;">下载</span>'
+        };
+        return badges[accessType] || `<span style="background: #F5F5F5; color: #666; padding: 0.25rem 0.5rem; border-radius: 4px; font-size: 0.75rem;">${accessType}</span>`;
+    }
+    
+    // 获取操作类型文本
+    function getAccessTypeText(accessType) {
+        const types = {
+            'view': '查看',
+            'favorite': '收藏',
+            'share': '分享',
+            'download': '下载'
+        };
+        return types[accessType] || accessType;
+    }
+</script>

Views/Tools/ImageCompressor.cshtml

@@ -0,0 +1,479 @@
+@{
+    ViewData["Title"] = "图片压缩工具";
+    Layout = "_Layout";
+}
+
+<div class="container" style="padding-top: 6rem; padding-bottom: 4rem;">
+    <!-- 页面头部 -->
+    <div class="text-center mb-8">
+        <div class="brand-icon" style="width: 4rem; height: 4rem; margin: 0 auto 1.5rem; font-size: 1.8rem;">
+            <i class="fas fa-compress-alt"></i>
+        </div>
+        <h1 class="hero-title">图片压缩工具</h1>
+        <p class="hero-description">快速压缩图片文件，支持JPG、PNG、WebP等格式<br>
+        保持高质量的同时大幅减小文件体积，提升网站加载速度</p>
+    </div>
+
+    <!-- 工具主体 -->
+    <div class="card" style="max-width: 800px; margin: 0 auto;">
+        <div class="card-body" style="padding: 2rem;">
+            <!-- 上传区域 -->
+            <div id="uploadArea" class="upload-area">
+                <div class="upload-content">
+                    <i class="fas fa-cloud-upload-alt" style="font-size: 3rem; color: var(--primary); margin-bottom: 1rem;"></i>
+                    <h3>拖拽图片到此处或点击选择</h3>
+                    <p style="color: var(--dark-2); margin-bottom: 1.5rem;">支持 JPG、PNG、WebP、GIF 格式，单文件最大 10MB</p>
+                    <button type="button" class="btn btn-primary" onclick="selectFiles()">
+                        <i class="fas fa-upload"></i>
+                        选择图片
+                    </button>
+                </div>
+                <input type="file" id="fileInput" multiple accept="image/*" style="display: none;" onchange="handleFiles(this.files)">
+            </div>
+
+            <!-- 压缩设置 -->
+            <div id="settingsPanel" class="settings-panel" style="display: none;">
+                <h4 style="margin-bottom: 1rem;">压缩设置</h4>
+                <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; margin-bottom: 1.5rem;">
+                    <div>
+                        <label>压缩质量</label>
+                        <div style="display: flex; align-items: center; gap: 1rem;">
+                            <input type="range" id="qualitySlider" min="0.1" max="1" step="0.1" value="0.8" 
+                                   style="flex: 1;" oninput="updateQualityDisplay(this.value)">
+                            <span id="qualityDisplay" style="font-weight: 600; min-width: 50px;">80%</span>
+                        </div>
+                    </div>
+                    <div>
+                        <label>输出格式</label>
+                        <select id="formatSelect" style="width: 100%; padding: 0.75rem; border: 1px solid var(--light-2); border-radius: var(--border-radius);">
+                            <option value="original">保持原格式</option>
+                            <option value="jpeg">JPEG</option>
+                            <option value="png">PNG</option>
+                            <option value="webp">WebP</option>
+                        </select>
+                    </div>
+                </div>
+                <button type="button" class="btn btn-primary" onclick="compressAllImages()" id="compressBtn">
+                    <i class="fas fa-compress"></i>
+                    开始压缩
+                </button>
+            </div>
+
+            <!-- 文件列表 -->
+            <div id="fileList" class="file-list" style="display: none;">
+                <h4 style="margin-bottom: 1rem;">图片列表</h4>
+                <div id="imageItems"></div>
+            </div>
+
+            <!-- 压缩结果 -->
+            <div id="resultsPanel" class="results-panel" style="display: none;">
+                <h4 style="margin-bottom: 1rem;">压缩完成</h4>
+                <div id="compressResults"></div>
+                <div style="margin-top: 1.5rem; text-align: center;">
+                    <button type="button" class="btn btn-primary" onclick="downloadAll()">
+                        <i class="fas fa-download"></i>
+                        下载全部
+                    </button>
+                    <button type="button" class="btn btn-outline" onclick="resetTool()" style="margin-left: 1rem;">
+                        <i class="fas fa-redo"></i>
+                        重新开始
+                    </button>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <!-- 使用说明 -->
+    <div class="card mt-8">
+        <div class="card-body">
+            <h3 style="margin-bottom: 1.5rem; text-align: center;">使用说明</h3>
+            <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 2rem;">
+                <div style="text-align: center;">
+                    <div style="width: 3rem; height: 3rem; background: linear-gradient(135deg, var(--primary), var(--secondary)); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 1rem; color: white; font-size: 1.2rem;">1</div>
+                    <h4>选择图片</h4>
+                    <p style="color: var(--dark-2); font-size: 0.875rem;">支持拖拽上传或点击选择，可同时处理多张图片</p>
+                </div>
+                <div style="text-align: center;">
+                    <div style="width: 3rem; height: 3rem; background: linear-gradient(135deg, var(--primary), var(--secondary)); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 1rem; color: white; font-size: 1.2rem;">2</div>
+                    <h4>调整设置</h4>
+                    <p style="color: var(--dark-2); font-size: 0.875rem;">设置压缩质量和输出格式，质量越低文件越小</p>
+                </div>
+                <div style="text-align: center;">
+                    <div style="width: 3rem; height: 3rem; background: linear-gradient(135deg, var(--primary), var(--secondary)); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 1rem; color: white; font-size: 1.2rem;">3</div>
+                    <h4>下载结果</h4>
+                    <p style="color: var(--dark-2); font-size: 0.875rem;">压缩完成后可单独下载或批量下载所有图片</p>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+
+<style>
+.upload-area {
+    border: 2px dashed var(--light-2);
+    border-radius: var(--border-radius-lg);
+    padding: 3rem 2rem;
+    text-align: center;
+    background: var(--light-1);
+    transition: var(--transition);
+    cursor: pointer;
+}
+
+.upload-area:hover {
+    border-color: var(--primary);
+    background: rgba(22, 93, 255, 0.05);
+}
+
+.upload-area.dragover {
+    border-color: var(--primary);
+    background: rgba(22, 93, 255, 0.1);
+}
+
+.settings-panel, .file-list, .results-panel {
+    margin-top: 2rem;
+    padding-top: 2rem;
+    border-top: 1px solid var(--light-2);
+}
+
+.image-item {
+    display: flex;
+    align-items: center;
+    padding: 1rem;
+    border: 1px solid var(--light-2);
+    border-radius: var(--border-radius);
+    margin-bottom: 1rem;
+    background: white;
+}
+
+.image-preview {
+    width: 60px;
+    height: 60px;
+    object-fit: cover;
+    border-radius: var(--border-radius);
+    margin-right: 1rem;
+}
+
+.image-info {
+    flex: 1;
+}
+
+.image-actions {
+    display: flex;
+    gap: 0.5rem;
+}
+
+.progress-bar {
+    width: 100%;
+    height: 6px;
+    background: var(--light-2);
+    border-radius: 3px;
+    overflow: hidden;
+    margin-top: 0.5rem;
+}
+
+.progress-fill {
+    height: 100%;
+    background: linear-gradient(135deg, var(--primary), var(--secondary));
+    transition: width 0.3s ease;
+    width: 0%;
+}
+
+.compression-stats {
+    display: grid;
+    grid-template-columns: 1fr 1fr 1fr;
+    gap: 1rem;
+    text-align: center;
+    padding: 1rem;
+    background: var(--light-1);
+    border-radius: var(--border-radius);
+    margin-bottom: 1rem;
+}
+
+.stat-item h5 {
+    margin: 0 0 0.25rem;
+    font-size: 1.2rem;
+    font-weight: 700;
+    color: var(--primary);
+}
+
+.stat-item p {
+    margin: 0;
+    font-size: 0.875rem;
+    color: var(--dark-2);
+}
+
+/* 响应式调整 */
+@@media (max-width: 768px) {
+    .upload-area {
+        padding: 2rem 1rem;
+    }
+    
+    .compression-stats {
+        grid-template-columns: 1fr;
+        gap: 0.5rem;
+    }
+}
+</style>
+
+<script>
+let selectedFiles = [];
+let compressedFiles = [];
+
+// 文件选择
+function selectFiles() {
+    document.getElementById('fileInput').click();
+}
+
+// 处理文件选择
+function handleFiles(files) {
+    if (files.length === 0) return;
+    
+    selectedFiles = Array.from(files).filter(file => {
+        return file.type.startsWith('image/') && file.size <= 10 * 1024 * 1024; // 10MB限制
+    });
+    
+    if (selectedFiles.length === 0) {
+        toolHub.showToast('请选择有效的图片文件（小于10MB）', 'error');
+        return;
+    }
+    
+    displaySelectedFiles();
+    document.getElementById('settingsPanel').style.display = 'block';
+    document.getElementById('fileList').style.display = 'block';
+}
+
+// 显示选中的文件
+function displaySelectedFiles() {
+    const container = document.getElementById('imageItems');
+    container.innerHTML = '';
+    
+    selectedFiles.forEach((file, index) => {
+        const item = document.createElement('div');
+        item.className = 'image-item';
+        item.innerHTML = `
+            <img class="image-preview" src="${URL.createObjectURL(file)}" alt="${file.name}">
+            <div class="image-info">
+                <div style="font-weight: 600; margin-bottom: 0.25rem;">${file.name}</div>
+                <div style="font-size: 0.875rem; color: var(--dark-2);">
+                    ${formatFileSize(file.size)} • ${file.type}
+                </div>
+                <div class="progress-bar" id="progress-${index}" style="display: none;">
+                    <div class="progress-fill" id="progress-fill-${index}"></div>
+                </div>
+            </div>
+            <div class="image-actions">
+                <button class="btn btn-outline btn-sm" onclick="removeFile(${index})">
+                    <i class="fas fa-times"></i>
+                </button>
+            </div>
+        `;
+        container.appendChild(item);
+    });
+}
+
+// 移除文件
+function removeFile(index) {
+    selectedFiles.splice(index, 1);
+    if (selectedFiles.length === 0) {
+        document.getElementById('settingsPanel').style.display = 'none';
+        document.getElementById('fileList').style.display = 'none';
+    } else {
+        displaySelectedFiles();
+    }
+}
+
+// 更新质量显示
+function updateQualityDisplay(value) {
+    document.getElementById('qualityDisplay').textContent = Math.round(value * 100) + '%';
+}
+
+// 压缩所有图片
+async function compressAllImages() {
+    const quality = parseFloat(document.getElementById('qualitySlider').value);
+    const format = document.getElementById('formatSelect').value;
+    
+    compressedFiles = [];
+    document.getElementById('compressBtn').disabled = true;
+    document.getElementById('compressBtn').innerHTML = '<i class="fas fa-spinner fa-spin"></i> 压缩中...';
+    
+    for (let i = 0; i < selectedFiles.length; i++) {
+        const file = selectedFiles[i];
+        document.getElementById(`progress-${i}`).style.display = 'block';
+        
+        try {
+            const compressedFile = await compressImage(file, quality, format, (progress) => {
+                document.getElementById(`progress-fill-${i}`).style.width = progress + '%';
+            });
+            compressedFiles.push(compressedFile);
+        } catch (error) {
+            console.error('压缩失败:', error);
+            toolHub.showToast(`压缩 ${file.name} 失败`, 'error');
+        }
+    }
+    
+    showResults();
+    document.getElementById('compressBtn').disabled = false;
+    document.getElementById('compressBtn').innerHTML = '<i class="fas fa-compress"></i> 开始压缩';
+}
+
+// 压缩单个图片
+function compressImage(file, quality, format, onProgress) {
+    return new Promise((resolve, reject) => {
+        const canvas = document.createElement('canvas');
+        const ctx = canvas.getContext('2d');
+        const img = new Image();
+        
+        img.onload = function() {
+            canvas.width = img.width;
+            canvas.height = img.height;
+            
+            ctx.drawImage(img, 0, 0);
+            
+            const outputFormat = format === 'original' ? file.type : `image/${format}`;
+            
+            canvas.toBlob((blob) => {
+                if (blob) {
+                    const compressedFile = new File([blob], 
+                        getCompressedFileName(file.name, format), 
+                        { type: outputFormat }
+                    );
+                    onProgress(100);
+                    resolve({
+                        original: file,
+                        compressed: compressedFile,
+                        compressionRatio: ((file.size - blob.size) / file.size * 100).toFixed(1)
+                    });
+                } else {
+                    reject(new Error('压缩失败'));
+                }
+            }, outputFormat, quality);
+        };
+        
+        img.onerror = () => reject(new Error('图片加载失败'));
+        img.src = URL.createObjectURL(file);
+        
+        // 模拟进度
+        let progress = 0;
+        const progressInterval = setInterval(() => {
+            progress += 10;
+            if (progress >= 90) {
+                clearInterval(progressInterval);
+            } else {
+                onProgress(progress);
+            }
+        }, 50);
+    });
+}
+
+// 获取压缩后的文件名
+function getCompressedFileName(originalName, format) {
+    if (format === 'original') return originalName;
+    
+    const nameWithoutExt = originalName.substring(0, originalName.lastIndexOf('.'));
+    return `${nameWithoutExt}_compressed.${format === 'jpeg' ? 'jpg' : format}`;
+}
+
+// 显示压缩结果
+function showResults() {
+    const totalOriginalSize = compressedFiles.reduce((sum, item) => sum + item.original.size, 0);
+    const totalCompressedSize = compressedFiles.reduce((sum, item) => sum + item.compressed.size, 0);
+    const totalSavings = ((totalOriginalSize - totalCompressedSize) / totalOriginalSize * 100).toFixed(1);
+    
+    document.getElementById('compressResults').innerHTML = `
+        <div class="compression-stats">
+            <div class="stat-item">
+                <h5>${formatFileSize(totalOriginalSize)}</h5>
+                <p>原始大小</p>
+            </div>
+            <div class="stat-item">
+                <h5>${formatFileSize(totalCompressedSize)}</h5>
+                <p>压缩后大小</p>
+            </div>
+            <div class="stat-item">
+                <h5>${totalSavings}%</h5>
+                <p>压缩率</p>
+            </div>
+        </div>
+        ${compressedFiles.map((item, index) => `
+            <div class="image-item">
+                <img class="image-preview" src="${URL.createObjectURL(item.compressed)}" alt="${item.compressed.name}">
+                <div class="image-info">
+                    <div style="font-weight: 600; margin-bottom: 0.25rem;">${item.compressed.name}</div>
+                    <div style="font-size: 0.875rem; color: var(--dark-2);">
+                        ${formatFileSize(item.original.size)} → ${formatFileSize(item.compressed.size)} (节省 ${item.compressionRatio}%)
+                    </div>
+                </div>
+                <div class="image-actions">
+                    <button class="btn btn-primary btn-sm" onclick="downloadFile(${index})">
+                        <i class="fas fa-download"></i> 下载
+                    </button>
+                </div>
+            </div>
+        `).join('')}
+    `;
+    
+    document.getElementById('resultsPanel').style.display = 'block';
+}
+
+// 下载单个文件
+function downloadFile(index) {
+    const item = compressedFiles[index];
+    const url = URL.createObjectURL(item.compressed);
+    const a = document.createElement('a');
+    a.href = url;
+    a.download = item.compressed.name;
+    a.click();
+    URL.revokeObjectURL(url);
+}
+
+// 下载所有文件
+function downloadAll() {
+    compressedFiles.forEach((item, index) => {
+        setTimeout(() => downloadFile(index), index * 200);
+    });
+}
+
+// 重置工具
+function resetTool() {
+    selectedFiles = [];
+    compressedFiles = [];
+    document.getElementById('fileInput').value = '';
+    document.getElementById('settingsPanel').style.display = 'none';
+    document.getElementById('fileList').style.display = 'none';
+    document.getElementById('resultsPanel').style.display = 'none';
+    document.getElementById('imageItems').innerHTML = '';
+    document.getElementById('compressResults').innerHTML = '';
+}
+
+// 格式化文件大小
+function formatFileSize(bytes) {
+    if (bytes === 0) return '0 B';
+    const k = 1024;
+    const sizes = ['B', 'KB', 'MB', 'GB'];
+    const i = Math.floor(Math.log(bytes) / Math.log(k));
+    return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + ' ' + sizes[i];
+}
+
+// 拖拽上传
+document.addEventListener('DOMContentLoaded', function() {
+    const uploadArea = document.getElementById('uploadArea');
+    
+    uploadArea.addEventListener('dragover', function(e) {
+        e.preventDefault();
+        uploadArea.classList.add('dragover');
+    });
+    
+    uploadArea.addEventListener('dragleave', function(e) {
+        e.preventDefault();
+        uploadArea.classList.remove('dragover');
+    });
+    
+    uploadArea.addEventListener('drop', function(e) {
+        e.preventDefault();
+        uploadArea.classList.remove('dragover');
+        handleFiles(e.dataTransfer.files);
+    });
+    
+    uploadArea.addEventListener('click', selectFiles);
+});
+</script>

Views/_ViewImports.cshtml

@@ -0,0 +1,3 @@
+@using ToolHub
+@using ToolHub.Models
+@addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers

Views/_ViewStart.cshtml

@@ -0,0 +1,3 @@
+@{
+    Layout = "_Layout";
+}

appsettings.Development.json

@@ -0,0 +1,8 @@
+{
+  "Logging": {
+    "LogLevel": {
+      "Default": "Information",
+      "Microsoft.AspNetCore": "Warning"
+    }
+  }
+}