Main Navigation 后端前端移动端最佳实践特性视频演示

主题

Sidebar Navigation

🚀 快速开始

项目简介

快速启动

项目结构

配置文件

🏗️ 项目架构

技术栈介绍

目录结构详解

模块化设计

TypeScript配置

类型系统

构建流程

配置管理

🛣️ 路由系统 (router)

路由设计

路由配置

路由守卫

动态路由

权限路由

路由工具

面包屑导航

页面缓存

路由最佳实践

📦 状态管理 (stores)

Pinia使用指南

用户状态 (user)

权限状态 (permission)

应用状态 (app)

主题状态 (theme)

标签视图 (tagsView)

字典状态 (dict)

状态持久化

状态管理最佳实践

🎨 布局系统 (layout)

布局概述

主布局 (Layout)

侧边栏 (Sidebar)

顶部导航 (Navbar)

标签视图 (TagsView)

主内容区 (AppMain)

设置面板 (Settings)

工具组件

响应式布局

前台布局 (homeLayout)

🧩 组件系统 (components)

组件概览

表单组件

业务组件

图标系统

SvgIcon组件

媒体库组件 (AOssMediaManager)

选择标签 (ASelectionTags)

搜索表单 (ASearchForm)

表格工具栏 (TableToolbar)

页面背景 (APageBackground)

自定义组件开发

📄 页面开发 (views)

页面开发指南

登录页面

注册页面

首页仪表板

系统管理

系统监控

系统工具

日志管理

错误页面 (401/404)

前台页面

测试页面

🛠️ 工具库 (utils)

工具函数概览

HTTP请求

认证工具

字符串工具

对象工具

数组工具

日期工具

格式化工具

函数工具

验证器

加密工具

RSA加密

文件工具

DOM工具

类操作工具

滚动工具

缓存工具

树形工具

下载工具

模态框工具

标签页工具

复制工具

To工具类

Boolean工具

🎣 组合式函数 (composables)

组合式函数概览

useRequest

useToken

useAuth

useDict

useI18n

useTheme

useTitle

useTableHeight

useSelection

useDownload

useDialog

useSSE

useWebSocket

📋 指令系统 (directives)

指令概览

权限指令 (v-auth)

复制指令 (v-copy)

自定义指令开发

🎨 样式系统 (styles)

样式架构

UnoCSS配置

全局样式

主题系统

响应式设计

动画系统

组件样式

工具类

样式最佳实践

📝 类型定义 (types)

类型系统概览

API类型

全局类型

组件类型

路由类型

状态类型

工具类型

枚举类型

类型扩展

⚙️ 开发工具 (dev)

开发环境配置

构建配置详解

Vite配置优化

代码质量工具

ESLint配置

Prettier配置

调试技巧

性能分析

单元测试

开发最佳实践

🌍 国际化 (locales)

国际化配置

语言包管理

菜单国际化

表单国际化

组件国际化

日期国际化

动态翻译

国际化最佳实践

🚀 构建部署

构建配置

环境变量

生产构建

静态资源处理

CDN配置

部署到Nginx

部署到Docker

CI/CD流程

页面导航

Are you an LLM? You can read better optimized documentation at /frontend/i18n/i18n-practices.md for this page in Markdown format

国际化最佳实践

在 Gitee 上编辑此页面

Last updated:

Pager

上一页动态翻译

下一页构建配置

粤ICP备2021091549号-5

国际化最佳实践 ​

国际化最佳实践