learn english

Цинцзи запоминать слова

представлять

Qingji Vocabulary — это веб-приложение для проверки слов. Учителя предоставляют слова, а учащиеся просматривают несколько модулей. Среднее время, необходимое для завершения каждого слова, используется в качестве рейтинга. Оно направлено на повышение интереса учащихся к обучению и самостоятельности.

Этот проект представляет собой многостраничное приложение, разделенное на два входных файла: пользовательский интерфейс и интерфейс управления.

Этот проект — мой первый практический проект, в котором я начал работать с Vue. На данный момент у него мало функций и много недостатков. В будущем он будет обновляться и дорабатываться.

стек технологий

внешний интерфейс

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

задняя часть

Люмен (PHP) + MySQL

Реализовать функцию

пользователь

• первая страница
  • Посмотреть список слов
  • Модуль случайного обзора
  • Выбрать словарь
• обзор
  • Правописание некоторых слов
• Рейтинговый список
  • Выберите модуль обзора (каждый модуль обзора имеет свой рейтинговый список)
• настраивать
  • Помощь и обратная связь
  • о

управлять

• Управление словарем (добавление, удаление, редактирование, ввод списка слов)
• Управление словами (добавление, удаление, редактирование)
• настраивать
  • Изменить пароль
  • Настройки рейтинга
    • Ограничение количества человек
  • Просмотрите настройки модуля
    • правописание части слова
      • соотношение заполнения пропусков
  • Форма обратной связи
  • о
    • Обновить таблицу журнала
  • покидать

Установка и использование

инициализация

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

Сделайте соответствующие настройки:

1. Импортируйте базу данных (db.sql).
2. Заполните информацию о своей базе данных в server/.env .
3. Введите свой IP-адрес в src/common/config/config.js (заполните 127.0.0.1, если доступ к локальной сети не требуется).

Начни бежать

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

Примечание:

1. В режиме разработки вы можете отлаживать только одну страницу, и вам необходимо изменить значение current переменной в vue.config.js .
2. Фоновая учетная запись и пароль — admin .

автор

Qingji Memorize Words © 4ark, выпущено по лицензии MIT.

Блог · GitHub @gd4Ark

наконец

Если вы считаете, что мой проект хорош, пожалуйста, поставьте ему звездочку, чтобы подбодрить меня~