teaching assistant system

소개

이 시스템은 주로 교사측 프런트엔드 프로젝트, 학생측 프런트엔드 프로젝트, 백엔드 인터페이스 프로젝트(2018 버전)의 세 부분으로 구성됩니다.

개발 환경 macOS 10.13.4 nodejs 8.9.3 Mongodb 3.4.2

기술 스택

백엔드: nodejs + 익스프레스

프론트엔드: vue2.0 + Element-ui + Mint-UI + vuex + vue-router + axios + es6/7

데이터베이스: mongodb + 몽구스

로컬에서 실행

1. mongodb 서비스를 시작하고 데이터베이스에 연결합니다.

2. 프로젝트 디렉토리를 입력하세요

• 서버 디렉토리를 입력하고 서버를 시작하십시오: node bin/www
• 교사 또는 학생 디렉터리에 들어가서 프런트 엔드를 시작합니다: npm run dev
  • 교사 측 액세스: http://localhost:8080
  • 학생 접속: http://localhost:8082

시스템 시연

강의실 교육 지원 시스템-데모 비디오를 클릭하면 3:08분 동안 볼 수 있습니다.

기능 목록

개발 노트

자세한 내용은 교실 교육 지원 시스템 - 개발 노트를 참조하세요. 현재 프로젝트 코드 구조의 논리에는 특정 결함이 있습니다. 보다 명확한 프로젝트 구조를 보려면 Vue 프로젝트 구조를 참조하세요.

참고자료

오픈 소스 프로젝트: vue + element-ui 기반 백엔드 관리 시스템 vue2 + vuex 기반 45페이지로 구성된 대규모 단일 페이지 애플리케이션 구축

블로그 노트:

• node.js 모듈 --formidable - CSDN 블로그
• Node.js가 js-xlsx를 사용하여 Excel 파일을 처리하는 방법에 대한 자세한 설명
• 유전자 알고리즘을 설명하는 예시 - 유전자 알고리즘을 기반으로 한 자동 검사 시스템 [실습] - artwl - Blog Park
• 자동 볼륨 형성에 유전자 알고리즘 적용-CSDN 블로그
• node.js-formidable은 파일 업로드 및 다운로드를 구현합니다 - 앞바퀴 - SegmentFault Sifu
• nodejs의 미들웨어 - Multer - CSDN 블로그
• vue+element-ui의 간단한 가져오기 및 내보내기 기능 - 개인 기사 - SegmentFault Sifu
• Vue를 사용하여 백엔드 시리즈 2를 플레이하는 방법(로그인 권한)을 보여 드리겠습니다. - CSDN 블로그
• 노드 읽기 및 쓰기 엑셀 파일 탐색 및 실습 Aotu.io "Aotu Lab" |
• 프론트엔드와 백엔드 분리의 달인 - MVVM 모델 - DOM Brother - Blog Park
• 웹 응용 시스템의 보안 설계
• Vue의 함정을 오르는 길(8) - Echart를 사용하여 차트 만들기 - WiseWrong - Blog Park
• Alibaba Cloud에 nodejs 프로젝트 배포

---

참고 1: 본 프로젝트는 졸업 프로젝트이므로 개인의 권익 보호를 위해 서버 백엔드 관련 코드는 당분간 공유하지 않습니다.

참고 2: 이 프로젝트는 학습 목적으로만 제작되었습니다. 프로젝트에 사용된 모든 아이콘, 그림 및 기타 관련 저작권은 디자이너에게 있습니다.