Project Structure โ
โโโ src
โ โโโ api # API related code
โ โ โโโ articleApi.ts # Article-related API definitions (e.g., get article list, publish article, etc.)
โ โ โโโ menuApi.ts # Menu-related API definitions (e.g., get dynamic menu data)
โ โ โโโ modules # API modularization directory, storing API definitions for specific domains (e.g., users, orders, etc.)
โ โ โโโ usersApi.ts # User-related API definitions (e.g., login, registration, user information)
โ โโโ App.vue # Vue root component, defining the global structure and entry point of the application
โ โโโ assets # Static resources directory
โ โ โโโ fonts # Font files (e.g., custom fonts or icon fonts)
โ โ โโโ icons # Icon files (may include PNG, SVG, and other icon formats)
โ โ โโโ img # Image resources (e.g., background images, logos, etc.)
โ โ โโโ styles # Global CSS/SCSS style files (e.g., variables, themes, common styles)
โ โ โโโ svg # SVG icon resources (typically used for vector icons)
โ โโโ components # Components directory
โ โ โโโ core # System components (system component library)
โ โ โโโ custom # Custom components (developer component library)
โ โโโ composables # Vue 3 Composable functions, encapsulating reusable logic
โ โ โโโ useAuth.ts # Authentication-related logic (e.g., login status, permission checks)
โ โ โโโ useCeremony.ts # Logic related to specific ceremonies/activities (e.g., holiday events)
โ โ โโโ useChart.ts # Chart-related logic (e.g., ECharts or Chart.js configuration)
โ โ โโโ useCheckedColumns.ts # Table column selection logic (e.g., dynamically show/hide columns)
โ โ โโโ useCommon.ts # Common Composable functions (e.g., utility method collections)
โ โ โโโ useSystemInfo.ts # System information-related logic (e.g., version number, environment configuration)
โ โ โโโ useTheme.ts # Theme switching logic (e.g., dark mode, theme color switching)
โ โโโ config # Project configuration directory
โ โ โโโ assets # Static resource configuration (e.g., image paths, CDN addresses)
โ โ โโโ festival.ts # Holiday/activity-related configuration (e.g., holiday themes, schedules)
โ โ โโโ index.ts # Global configuration file (e.g., system name, API base URL)
โ โโโ directives # Vue custom directives
โ โ โโโ highlight.ts # Highlight directive (e.g., text or element highlighting effects)
โ โ โโโ index.ts # Directive entry file, exporting all directives
โ โ โโโ permission.ts # Permission directive (e.g., controlling element display based on user permissions)
โ โ โโโ ripple.ts # Ripple effect directive (typically used for button click effects)
โ โโโ enums # Enum definitions
โ โ โโโ appEnum.ts # Application-level enums (e.g., theme types, language types)
โ โ โโโ formEnum.ts # Form-related enums (e.g., form states, validation rules)
โ โโโ env.d.ts # TypeScript environment declaration file (e.g., Vite environment variable types)
โ โโโ locales # Internationalization (i18n) resources
โ โ โโโ index.ts # Internationalization entry file, configuring the i18n plugin
โ โ โโโ langs # Multi-language files (e.g., en.json, zh.json)
โ โโโ main.ts # Project main entry file, initializing Vue application, router, state management, etc.
โ โโโ mock # Mock data directory, used for development or testing environments
โ โ โโโ json # JSON format Mock data (e.g., simulated API responses)
โ โ โโโ temp # Temporary Mock data or test cases
โ โ โโโ upgrade # Update log-related Mock data
โ โโโ router # Vue Router related code
โ โ โโโ guards # Route guards (e.g., authentication, permission control)
โ โ โโโ index.ts # Router main entry, initializing the router
โ โ โโโ routes # Route definitions (e.g., static routes, dynamic routes)
โ โ โโโ routesAlias.ts # Route alias definitions (e.g., path constants or redirect mappings)
โ โ โโโ utils # Router utility functions (e.g., dynamic route registration, menu conversion)
โ โโโ store # Pinia state management
โ โ โโโ index.ts # Pinia store entry, initializing the store
โ โ โโโ modules # Modular state management (e.g., user, settings)
โ โโโ types # TypeScript type definitions
โ โ โโโ api # API-related types (e.g., request/response interfaces)
โ โ โโโ auto-imports.d.ts # Auto-imported type declarations (e.g., generated by Vite plugins)
โ โ โโโ common # Common type definitions (e.g., utility types, interfaces)
โ โ โโโ component # Component-related types (e.g., Props, Emits)
โ โ โโโ components.d.ts # Global component type declarations (auto-generated by Vite)
โ โ โโโ config # Configuration-related types (e.g., system configuration, environment variables)
โ โ โโโ index.ts # Type definition entry, exporting all types
โ โ โโโ router # Router-related types (e.g., RouteRecordRaw extensions)
โ โ โโโ store # State management-related types (e.g., Pinia store definitions)
โ โโโ utils # Utility function directory
โ โ โโโ browser # Browser-related utilities (e.g., detecting browser type, DOM operations)
โ โ โโโ constants # Constant definitions (e.g., API status codes, configuration values)
โ โ โโโ dataprocess # Data processing utilities (e.g., formatting, filtering, conversion)
โ โ โโโ http # HTTP request utilities (e.g., Axios encapsulation)
โ โ โโโ index.ts # Utility function entry, exporting all utilities
โ โ โโโ navigation # Navigation-related utilities (e.g., route jumping, page switching)
โ โ โโโ storage # Storage-related utilities (e.g., localStorage, sessionStorage)
โ โ โโโ sys # System-related utilities (e.g., getting device information, system configuration)
โ โ โโโ theme # Theme-related utilities (e.g., dynamically switching CSS variables)
โ โ โโโ ui # UI-related utilities (e.g., popup, notification encapsulation)
โ โ โโโ validation # Form validation utilities (e.g., regular expressions, validation rules)
โ โโโ views # Page component directory
โ โโโ article # Article-related pages (e.g., article list, details)
โ โโโ auth # Authentication-related pages (e.g., login, registration, forgot password)
โ โโโ change # Update log pages (e.g., version records, change notes)
โ โโโ dashboard # Dashboard pages (e.g., data overview, statistical charts)
โ โโโ exception # Exception pages (e.g., 404, 500 error pages)
โ โโโ index # Layout pages (e.g., Layout component, including header, sidebar)
โ โโโ outside # External pages (e.g., iframe embedded external content)
โ โโโ result # Result pages (e.g., operation success, failure prompts)
โ โโโ safeguard # Security-related pages (e.g., permission management, security settings)
โ โโโ system # System management pages (e.g., user management, role management)
โ โโโ template # Template pages (reusable page templates)
โ โโโ widgets # Widget pages (e.g., independent functional modules, micro-pages)
โโโ tsconfig.json # TypeScript configuration file, defining compilation options
โโโ vite.config.ts # Vite configuration file, defining build, development server, plugins, etc.