Einführung
Dieses System besteht hauptsächlich aus drei Teilen: einem lehrerseitigen Front-End-Projekt, einem schülerseitigen Front-End-Projekt und einem Back-End-Schnittstellenprojekt (Version 2018).
Entwicklungsumgebung macOS 10.13.4 nodejs 8.9.3 Mongodb 3.4.2
Technologie-Stack
Backend: nodejs + express
Frontend: vue2.0 + Element-ui + Mint-UI + vuex + vue-router + axios + es6/7
Datenbank: mongodb + mongoose
Lokal ausführen
1. Starten Sie den Mongodb-Dienst und stellen Sie eine Verbindung zur Datenbank her
2. Geben Sie das Projektverzeichnis ein
- Geben Sie das Serververzeichnis ein und starten Sie den Server: node bin/www
- Geben Sie das Lehrer- oder Schülerverzeichnis ein und starten Sie das Frontend: npm run dev
- Lehrerseitiger Zugriff: http://localhost:8080
- Studentenzugang: http://localhost:8082
Systemdemonstration
Klicken Sie auf „Classroom Teaching Assistance System – Demonstrationsvideo“, um es anzusehen, Dauer 03:08.
Funktionsliste
Entwicklungshinweise
Einzelheiten finden Sie unter „Classroom Teaching Assistance System – Entwicklungshinweise“. Die Logik der aktuellen Projektcodestruktur weist bestimmte Mängel auf. Eine klarere Projektstruktur finden Sie in der Vue-Projektstruktur.
Referenzen
Open-Source-Projekt: Backend-Managementsystem basierend auf Vue + Element-UI Erstellen Sie eine große Einzelseitenanwendung mit 45 Seiten basierend auf Vue2 + Vuex
Blog-Notizen:
- node.js-Modul --formidable – CSDN-Blog
- Detaillierte Erklärung, wie Node.js js-xlsx zur Verarbeitung von Excel-Dateien verwendet
- Beispiele zur Erklärung genetischer Algorithmen – automatisches Untersuchungssystem basierend auf genetischen Algorithmen [Praxis] – artwl – Blog Park
- Anwendung eines genetischen Algorithmus bei der automatischen Volumenbildung – CSDN-Blog
- node.js-formidable implementiert das Hoch- und Herunterladen von Dateien – Vorderrad – SegmentFault Sifu
- Middleware in nodejs – Multer – CSDN-Blog
- Einfache Import- und Exportfunktion von vue+element-ui – Persönlicher Artikel – SegmentFault Sifu
- Hand in Hand zeige ich Ihnen, wie Sie mit Vue die Backend-Serie 2 (Anmeldeberechtigungen) abspielen – CSDN-Blog
- Knoten Lesen und Schreiben von Excel-Dateien und Übung Aotu.io „Aotu Lab“
- Meister der Front-End- und Back-End-Trennung – MVVM-Modell – DOM Brother – Blog Park
- Sicherheitsdesign eines Webanwendungssystems
- Der Weg, die Fallstricke von Vue zu überwinden (8) – Verwenden von Echarts zum Erstellen von Diagrammen – WiseWrong – Blog Park
- Stellen Sie das NodeJS-Projekt in der Alibaba Cloud bereit
Hinweis 1: Da es sich bei diesem Projekt um ein Abschlussprojekt handelt, wird der entsprechende Code des Server-Backends zum Schutz persönlicher Rechte und Interessen vorerst nicht weitergegeben.
Hinweis 2: Dieses Projekt dient nur zu Lernzwecken. Alle im Projekt verwendeten Symbole, Bilder und anderen damit verbundenen Urheberrechte liegen beim Designer.