How ashrafyawar/network-management-system-with-vuejs-django-postgresql works
This repository is a network-management admin application: a Vue interface provides account entry, dashboard summaries, and network-resource views, backed by a Django REST app with admin, device, statistics, demo-request, risky-device, and blocked-IP data models. The dashboard’s device and statistics requests are visible, but the excerpts do not establish their URL-to-view mapping or database configuration. Other front-end resource views are included from the source index; their detailed behavior was not sampled.
Main entry points: index.js Page router · views.py API handlers · AdminDashboardView.vue Dashboard summary · models.py Domain models
Components 21
Vue client
- Vue application
Front-End-VUEjs/src/App.vue - Page router
Front-End-VUEjs/src/router/index.js - Login and signup
Front-End-VUEjs/src/views/LoginView.vue - Dashboard summary
Front-End-VUEjs/src/views/AdminDashboardView.vue - Dashboard navigation
Front-End-VUEjs/src/components/AdminDashboardBaseView.vue - Status cards
Front-End-VUEjs/src/components/AdminDashboardCardsView.vue - Device management
Front-End-VUEjs/src/views/AdminDashboardDevicesView.vue - Device groups
Front-End-VUEjs/src/views/AdminDashboardDeviceGroupsView.vue - Site management
Front-End-VUEjs/src/views/AdminDashboardSitesView.vue - Edge clusters
Front-End-VUEjs/src/views/AdminDashboardEdgeClustersView.vue - Access points
Front-End-VUEjs/src/views/AdminDashboardAccessPointsView.vue - Applications
Front-End-VUEjs/src/views/AdminDashboardApplicationsView.vue - Microslicing
Front-End-VUEjs/src/views/AdminDashboardMicroslicingView.vue - System guide
Front-End-VUEjs/src/views/AboutSystemView.vue - Tech support
Front-End-VUEjs/src/views/TechSupportView.vue
Django API
- API routing
Back-End-Django_Rest_Framework/AdminApp/urls.py - API handlers
Back-End-Django_Rest_Framework/AdminApp/views.py - REST serializers
Back-End-Django_Rest_Framework/AdminApp/serializers.py
Network data
- Domain models
Back-End-Django_Rest_Framework/AdminApp/models.py
Persistence
- Database
Other components
- Administrator
Connections 22
- Administrator → Vue application: opens
- Vue application → Page router: uses
Front-End-VUEjs/src/main.js - Page router → Login and signup: routes to
Front-End-VUEjs/src/router/index.js - Page router → Dashboard summary: routes to
Front-End-VUEjs/src/router/index.js - Page router → Device management: routes to
Front-End-VUEjs/src/router/index.js - Page router → Device groups: routes to
Front-End-VUEjs/src/router/index.js - Page router → Site management: routes to
Front-End-VUEjs/src/router/index.js - Page router → Edge clusters: routes to
Front-End-VUEjs/src/router/index.js - Page router → Access points: routes to
Front-End-VUEjs/src/router/index.js - Page router → Applications: routes to
Front-End-VUEjs/src/router/index.js - Page router → Microslicing: routes to
Front-End-VUEjs/src/router/index.js - Page router → System guide: routes to
Front-End-VUEjs/src/router/index.js - Page router → Tech support: routes to
Front-End-VUEjs/src/router/index.js - Dashboard summary → Dashboard navigation: renders
Front-End-VUEjs/src/views/AdminDashboardView.vue - Dashboard summary → Status cards: renders
Front-End-VUEjs/src/views/AdminDashboardView.vue - Status cards → API handlers: requests statistics
- Dashboard summary → API handlers: requests device data
- API routing → API handlers: routes to
Back-End-Django_Rest_Framework/AdminApp/urls.py - API handlers → REST serializers: uses
Back-End-Django_Rest_Framework/AdminApp/views.py - API handlers → Domain models: queries
Back-End-Django_Rest_Framework/AdminApp/views.py - REST serializers → Domain models: serializes
Back-End-Django_Rest_Framework/AdminApp/serializers.py - Domain models → Database: persists through ORM