learn english

칭지 단어 외우기

소개하다

Qingji Vocabulary는 단어 복습을 위한 웹 애플리케이션입니다. 교사는 단어를 제공하고 학생들은 각 단어를 완료하는 데 걸리는 평균 시간을 순위로 사용하여 자율성을 향상시킵니다.

이 프로젝트는 사용자 인터페이스와 관리 인터페이스라는 두 개의 항목 파일로 구분된 다중 페이지 애플리케이션입니다.

이 프로젝트는 Vue를 시작하기 위한 첫 번째 연습 프로젝트입니다. 현재는 기능이 적고 부족한 점이 많습니다. 앞으로도 계속 업데이트되고 반복될 예정입니다.

기술 스택

프런트 엔드

Vue2 + Vuex + Vue-router + 요소 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. 개발 모드에서는 한 페이지만 디버깅할 수 있으며, vue.config.js 에서 current 변수의 값을 수정해야 합니다.
2. 백그라운드 계정과 비밀번호는 모두 admin 입니다.

작가

Qingji 암기 단어 © 4ark, MIT 라이센스에 따라 배포됩니다.

블로그 · GitHub @gd4Ark

마침내

제 프로젝트가 좋다고 생각하시면 별표를 주시고 격려해주세요~