learn english

Qingji mémorise des mots

introduire

Qingji Vocabulary est une application Web permettant de réviser des mots. Les enseignants fournissent des mots et les étudiants révisent plusieurs modules. Le temps moyen nécessaire pour terminer chaque mot est utilisé comme classement. Il s'engage à améliorer l'intérêt des étudiants pour l'apprentissage et la révision extrascolaire.

Ce projet est une application multipage, divisée en deux fichiers d'entrée : interface utilisateur et interface de gestion.

Ce projet est mon premier projet pratique pour démarrer avec Vue. Actuellement, il a peu de fonctions et de nombreuses lacunes. Il continuera à être mis à jour et itéré dans le futur.

pile technologique

l'extrémité avant

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

extrémité arrière

Lumen (PHP) + MySQL

Fonction d'implémentation

utilisateur

• première page
  • Afficher la liste de mots
  • Module d'examen aléatoire
  • Sélectionnez un livre de vocabulaire
• revoir
  • Orthographe de certains mots
• Liste de classement
  • Sélectionnez un module de révision (chaque module de révision a une liste de classement différente)
• installation
  • Aide et commentaires
  • à propos

gérer

• Gestion du livre de mots (ajouter, supprimer, modifier, saisir une liste de mots)
• Gestion des mots (ajouter, supprimer, modifier)
• installation
  • Changer le mot de passe
  • Paramètres de classement
    • Limite de nombre de personnes
  • Vérifier les paramètres du module
    • orthographe d'une partie d'un mot
      • rapport de remplissage des blancs
  • Formulaire de commentaires
  • à propos
    • Mettre à jour le tableau du journal
  • quitter

Installation et utilisation

initialisation

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

Effectuez les configurations pertinentes :

1. Importez la base de données (db.sql).
2. Remplissez les informations de votre base de données dans server/.env .
3. Remplissez votre adresse IP dans src/common/config/config.js (remplissez 127.0.0.1 si l'accès LAN n'est pas requis).

Commencez à courir

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

Note:

1. En mode développement, vous ne pouvez déboguer qu'une seule page et vous devez modifier la valeur de la variable current dans vue.config.js .
2. Le compte d'arrière-plan et le mot de passe sont tous deux admin .

auteur

Qingji Memorize Words © 4ark, publié sous licence MIT.

Blogue · GitHub @gd4Ark

enfin

Si vous pensez que mon projet est bon, merci de lui donner une étoile pour m'encourager~