learn english

Qingji memoriza palabras

introducir

Qingji Vocabulary es una aplicación web para revisar palabras. Los profesores proporcionan palabras y los estudiantes revisan varios módulos. El tiempo promedio para completar cada palabra se utiliza como clasificación. Está comprometido a mejorar el interés de los estudiantes en el aprendizaje y la revisión extracurricular.

Este proyecto es una aplicación de varias páginas, dividida en dos archivos de entrada: interfaz de usuario e interfaz de administración.

Este proyecto es mi primer proyecto de práctica para comenzar con Vue. Actualmente, tiene pocas funciones y muchas deficiencias. Continuará actualizándose e iterándose en el futuro.

pila de tecnología

Interfaz

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

extremo posterior

Lumen (PHP) + MySQL

Función de implementación

usuario

• página delantera
  • Ver lista de palabras
  • Módulo de revisión aleatoria
  • Seleccionar libro de vocabulario
• revisar
  • Ortografía de algunas palabras
• lista de clasificación
  • Seleccione un módulo de revisión (cada módulo de revisión tiene una lista de clasificación diferente)
• configuración
  • Ayuda y comentarios
  • acerca de

administrar

• Gestión de libros de palabras (agregar, eliminar, editar, ingresar lista de palabras)
• Gestión de palabras (añadir, eliminar, editar)
• configuración
  • Cambiar la contraseña
  • Configuración de clasificación
    • Límite de número de personas
  • Revisar la configuración del módulo
    • ortografía de partes de palabras
      • proporción de llenar los espacios en blanco
  • Formulario de comentarios
  • acerca de
    • Actualizar tabla de registro
  • abandonar

Instalación y uso

inicialización

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

Realice configuraciones relevantes:

1. Importe la base de datos (db.sql).
2. Complete la información de su base de datos en server/.env .
3. Complete su dirección IP en src/common/config/config.js (llene 127.0.0.1 si no se requiere acceso LAN).

empezar a correr

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

Nota:

1. En el modo de desarrollo, solo puede depurar una página y necesita modificar el valor de la variable current en vue.config.js .
2. La cuenta en segundo plano y la contraseña son ambas admin .

autor

Qingji Memorize Words © 4ark, publicado bajo licencia MIT.

Blog · GitHub @gd4Ark

por fin

Si crees que mi proyecto es bueno, dale una estrella para animarme ~