learn english

Qingji memoriza palavras

introduzir

O Vocabulário Qingji é um aplicativo da web para revisão de palavras. Os professores fornecem palavras e os alunos revisam vários módulos. O tempo médio para completar cada palavra é usado como classificação.

Este projeto é um aplicativo de várias páginas, dividido em dois arquivos de entrada: interface de usuário e interface de gerenciamento.

Este projeto é meu primeiro projeto prático para começar com o Vue. Atualmente, ele tem poucas funções e muitas deficiências. Ele continuará a ser atualizado e iterado no futuro.

pilha de tecnologia

front-end

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

extremidade traseira

Lúmen (PHP) + MySQL

Implementar função

usuário

• primeira página
  • Ver lista de palavras
  • Módulo de revisão aleatória
  • Selecione o livro de vocabulário
• análise
  • Ortografia de algumas palavras
• Lista de classificação
  • Selecione um módulo de revisão (cada módulo de revisão tem uma lista de classificação diferente)
• configurar
  • Ajuda e comentários
  • sobre

gerenciar

• Gerenciamento de Wordbook (adicionar, excluir, editar, inserir lista de palavras)
• Gerenciamento de palavras (adicionar, excluir, editar)
• configurar
  • Alterar a senha
  • Configurações de classificação
    • Limite de número de pessoas
  • Revise as configurações do módulo
    • ortografia de parte da palavra
      • proporção de preencher as lacunas
  • Formulário de comentários
  • sobre
    • Atualizar tabela de registros
  • desistir

Instalação e uso

inicialização

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

Faça configurações relevantes:

1. Importe o banco de dados (db.sql).
2. Preencha as informações do seu banco de dados em server/.env .
3. Preencha seu endereço IP em src/common/config/config.js (preencha 127.0.0.1 se o acesso à LAN não for necessário).

Comece a correr

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

Observação:

1. No modo de desenvolvimento, você só pode depurar uma página e precisa modificar o valor da variável current em vue.config.js .
2. A conta e a senha de segundo plano são admin .

autor

Qingji Memorize Words © 4ark, lançado sob a licença do MIT.

Blog · GitHub @gd4Ark

afinal

Se você acha que meu projeto é bom, dê uma estrela para me encorajar ~