How jiananyou/leavemanager_vue works
This is the Vue frontend for a student leave-management system. Students enter leave requests and review their history; staff use the shared application to review requests, while college users also have analysis and Excel-import screens. Account settings provide password changes and logout. The app is bootstrapped through the root component and router, with Vuex holding identity state. The shown request-form, history/review, and settings code calls a separately hosted backend. Analysis, import, and login are represented from the routes and navigation; their implementation details were not excerpted.
Main entry points: index.js Route Map · main.js Vue Bootstrap · Home.vue Leave History · Vacate.vue Leave Request
Components 13
Application Shell
- Vue Bootstrap
src/main.js - Root View
src/App.vue - Route Map
src/router/index.js - Role Navigation
src/components/Index.vue - Identity State
src/store/index.js
Leave Workflow
- Leave History
src/components/Home.vue - Leave Request
src/components/Vacate.vue
College Tools
- Leave Analysis
src/components/Analysis.vue - Excel Import
src/components/FileUpload.vue
Account
- Login
src/components/Login.vue - User Settings
src/components/Settings.vue
Other components
- User
- Leave Backend
Connections 16
- User → Login: opens app
- Vue Bootstrap → Root View: mounts
src/main.js - Vue Bootstrap → Route Map: installs
src/main.js - Vue Bootstrap → Identity State: installs
src/main.js - Route Map → Login: routes to
src/router/index.js - Route Map → Role Navigation: routes to
src/router/index.js - Route Map → Leave History: routes to
src/router/index.js - Route Map → Leave Request: routes to
src/router/index.js - Route Map → Leave Analysis: routes to
src/router/index.js - Route Map → Excel Import: routes to
src/router/index.js - Route Map → User Settings: routes to
src/router/index.js - Leave History → Leave Backend: requests records
src/components/Home.vue - Leave History → Leave Backend: accepts or refuses
src/components/Home.vue - Leave Request → Leave Backend: checks courses
src/components/Vacate.vue - Leave Request → Leave Backend: submits leave
src/components/Vacate.vue - User Settings → Leave Backend: changes password
src/components/Settings.vue