learn english

清技背單字

介紹

清技背單字是一款複習單字的Web 應用，主要由教師提供單詞，學生進行多項模組複習，並以完成每個單字的平均時間作為成績進行排名，致力於提高學生的學習興趣、課外複習的自主性。

本專案為多頁應用，分為使用者介面和管理介面兩個入口文件。

此項目是我入門Vue 的第一個練手項目，目前功能尚少，而且存在許多不足，後續會繼續進行更新迭代。

技術堆疊

前端

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

後端

Lumen (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位址（如不需區域網路存取則填127.0.0.1）。

開始運行

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

註：

1. 在開發模式中，只能調試一個頁面，需要在vue.config.js裡面修改current變數的值。
2. 後台帳號和密碼都是admin 。

作者

清技背單字© 4ark，根據許可證MIT 發布。

Blog · GitHub @gd4Ark

最後

如果覺得我的專案還不錯的話? ，就給個star 鼓勵一下吧~