learn english

Qingji lernt Wörter auswendig

einführen

Qingji Vocabulary ist eine Webanwendung zum Wiederholen von Wörtern, und die Schüler überprüfen mehrere Module. Sie dient dazu, das Interesse der Schüler am Lernen und an der außerschulischen Überprüfung zu verbessern.

Bei diesem Projekt handelt es sich um eine mehrseitige Anwendung, die in zwei Eingabedateien unterteilt ist: Benutzeroberfläche und Verwaltungsoberfläche.

Dieses Projekt ist mein erstes Übungsprojekt, das mit Vue begonnen hat. Es weist derzeit nur wenige Funktionen und viele Mängel auf. Es wird auch in Zukunft aktualisiert und wiederholt.

Technologie-Stack

Frontend

Vue2 + Vuex + Vue-Router + Element UI + Axios + SCSS

hinteres Ende

Lumen (PHP) + MySQL

Funktion implementieren

Benutzer

• Titelseite
  • Wortliste anzeigen
  • Zufälliges Überprüfungsmodul
  • Vokabelbuch auswählen
• Rezension
  • Rechtschreibung einiger Wörter
• Rangliste
  • Wählen Sie ein Review-Modul aus (jedes Review-Modul hat eine andere Rangliste)
• aufstellen
  • Hilfe und Feedback
  • um

verwalten

• Wordbook-Verwaltung (Hinzufügen, Löschen, Bearbeiten, Wortliste eingeben)
• Wortverwaltung (Hinzufügen, Löschen, Bearbeiten)
• aufstellen
  • Kennwort ändern
  • Ranking-Einstellungen
    • Anzahl der Personen begrenzt
  • Überprüfen Sie die Moduleinstellungen
    • Rechtschreibung von Wortteilen
      • Lückenfüllverhältnis
  • Feedback-Formular
  • um
    • Protokolltabelle aktualisieren
  • aufhören

Installation und Verwendung

Initialisierung

 # 下载
git clone https://github.com/gd4Ark/learn_english.git
# 安装依赖
npm install
# 安装服务端依赖
cd server
composer install

Nehmen Sie relevante Konfigurationen vor:

1. Importieren Sie die Datenbank (db.sql).
2. Geben Sie Ihre Datenbankinformationen in server/.env ein.
3. Geben Sie Ihre IP-Adresse in src/common/config/config.js ein (geben Sie 127.0.0.1 ein, wenn kein LAN-Zugriff erforderlich ist).

Fangen Sie an zu laufen

 # 开发模式
npm run serve
# 构建模式
npm run build

Notiz:

1. Im Entwicklungsmodus können Sie nur eine Seite debuggen und müssen den Wert der current Variablen in vue.config.js ändern.
2. Das Hintergrundkonto und das Passwort lauten beide admin .

Autor

Qingji-Wörter auswendig lernen © 4ark, veröffentlicht unter der MIT-Lizenz.

Blog · GitHub @gd4Ark

endlich

Wenn Sie der Meinung sind, dass mein Projekt gut ist, geben Sie ihm bitte einen Stern, um mich zu ermutigen~