learn english

チンジは単語を覚えます

導入

Qingji Vocabulary は、教師が単語を提供し、生徒が各単語を完了するまでの平均時間をランキングとして使用し、生徒の学習への関心と課外学習の自主性を向上させることを目的としています。

このプロジェクトはマルチページ アプリケーションであり、ユーザー インターフェイスと管理インターフェイスの 2 つのエントリ ファイルに分かれています。

このプロジェクトは、Vue を使い始めるための最初の練習プロジェクトです。現時点では機能が少なく、今後も更新され、反復される予定です。

テクノロジースタック

フロントエンド

Vue2 + Vuex + Vueルーター + 要素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. src/common/config/config.jsに IP アドレスを入力します (LAN アクセスが必要ない場合は 127.0.0.1 を入力します)。

走り始める

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

注記：

1. 開発モードでは、1 ページのみデバッグでき、 vue.config.jsのcurrent変数の値を変更する必要があります。
2. バックグラウンドアカウントとパスワードは両方ともadminです。

著者

Qingji Memorize Words © 4ark、MIT ライセンスに基づいてリリースされています。

ブログ · GitHub @gd4Ark

やっと

私のプロジェクトが良いと思ったら、スターを付けて励ましてください〜