learn english

ชิงจี่ท่องจำคำศัพท์

แนะนำ

Qingji Vocabulary เป็นแอปพลิเคชันบนเว็บสำหรับทบทวนคำศัพท์ และนักเรียนจะทบทวนคำศัพท์ต่างๆ ในแต่ละโมดูล โดยมุ่งมั่นที่จะปรับปรุงความสนใจของนักเรียนในการเรียนรู้และการทบทวนนอกหลักสูตร

โปรเจ็กต์นี้เป็นแอปพลิเคชันแบบหลายเพจ แบ่งออกเป็นไฟล์รายการสองไฟล์: ส่วนต่อประสานผู้ใช้และส่วนต่อประสานการจัดการ

โปรเจ็กต์นี้เป็นโปรเจ็กต์ฝึกหัดแรกของฉันในการเริ่มต้นใช้งาน Vue ปัจจุบันมีฟังก์ชันน้อยและมีข้อบกพร่องมากมาย และจะได้รับการอัปเดตและทำซ้ำต่อไปในอนาคต

กองเทคโนโลยี

ส่วนหน้า

Vue2 + Vuex + Vue-เราเตอร์ + องค์ประกอบ UI + Axios + SCSS

ด้านหลัง

ลูเมน (PHP) + MySQL

ใช้งานฟังก์ชั่น

ผู้ใช้

• หน้าแรก
  • ดูรายการคำ
  • โมดูลทบทวนแบบสุ่ม
  • เลือกหนังสือคำศัพท์
• ทบทวน
  • การสะกดคำบางคำ
• รายการจัดอันดับ
  • เลือกโมดูลการทบทวน (แต่ละโมดูลการทบทวนมีรายการการจัดอันดับที่แตกต่างกัน)
• ตั้งค่า
  • ความช่วยเหลือและข้อเสนอแนะ
  • เกี่ยวกับ

จัดการ

• การจัดการ Wordbook (เพิ่ม ลบ แก้ไข ป้อนรายการคำ)
• การจัดการคำ (เพิ่ม ลบ แก้ไข)
• ตั้งค่า
  • เปลี่ยนรหัสผ่าน
  • การตั้งค่าการจัดอันดับ
    • จำกัดจำนวนคน
  • ตรวจสอบการตั้งค่าโมดูล
    • การสะกดส่วนของคำ
      • อัตราส่วนการเติมในช่องว่าง
  • แบบฟอร์มตอบรับ
  • เกี่ยวกับ
    • อัพเดตตารางบันทึก
  • ล้มเลิก

การติดตั้งและการใช้งาน

การเริ่มต้น

 # 下载
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 หากไม่จำเป็นต้องเข้าถึง LAN)

เริ่มวิ่ง

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

บันทึก:

1. ในโหมดการพัฒนา คุณสามารถดีบักได้เพียงเพจเดียวเท่านั้น และคุณต้องแก้ไขค่าของตัวแปร current ใน vue.config.js
2. บัญชีพื้นหลังและรหัสผ่านเป็นทั้ง admin

ผู้เขียน

Qingji จดจำคำศัพท์ © 4ark เผยแพร่ภายใต้ใบอนุญาต MIT

บล็อก · GitHub @gd4Ark

ในที่สุด

หากคุณคิดว่าโครงการของฉันดี โปรดให้ดาวเพื่อให้กำลังใจฉันด้วย~