첫 번째 웹 프로젝트-위챗 애플릿 백엔드 개발
첫 번째 웹 프로젝트-위챗 애플릿 백엔드 개발
순서
수요 분석
팀 분업
총체적 디자인
개발 도구 및 코딩 구현
애플릿 프론트엔드
백엔드
데이터베이스
인터페이스 코드
관리 시스템 프론트엔드 1.0
관리 시스템 프런트엔드 2.0
실험
백엔드 로컬 테스트
프런트엔드 공동 테스트
배포
요약
첫 번째 웹 프로젝트-위챗 애플릿 백엔드 개발
순서
작년 여름 방학에, 나는 몇몇 동창들과 학원 한 선생님이 주관하는 교육 개혁 프로그램에 참가했다. 요구 사항은 SPOC 및 플립 클래스를 기반으로 컴퓨터 구성 원리 과정을 위한 학습 app 를 개발하는 것입니다 (대량의 오픈 온라인 과정 및 지식과 유사). 나중에 토론을 거쳐 난이도를 낮추고, 먼저 백그라운드 관리 시스템이 있는 위챗 애플릿을 만들기로 결정했기 때문에, 나의 첫 번째 웹 프로젝트가 시작되었다 ~
수요 분석
다음은 SPOC 및 플립 클래스의 의미에 대한 간략한 설명입니다.
교실을 뒤집다
"교실 뒤집기" 는 "교실 수업 및 듣기+숙제 연습" 에서 "수업 전 자율 학습+교실 협업 탐구" 에 이르기까지 전통적인 가르침을 뒤엎는 새로운 교육 모드입니다.
분류: SPOC
SPOC(Small Private Online Course) 는 일반적으로 소규모 제한급 온라인 강좌 또는 소규모 개인 온라인 강좌로 번역되며' 개인 방송 과정' 으로 음역됩니다.
이 프로젝트의 수요는 학습형 애플릿을 개발하는 것이다. 사용자는 학생과 교사로 나뉜다. 학생들은 비디오, 코스웨어 및 애니메이션을 보고, 숙제와 시험을 완료하고, 댓글을 달고, 칭찬과 답변을 할 수 있으며, 교사는 교육용 비디오, 코스웨어 및 애니메이션을 업로드하고, 과제, 시험 및 알림을 게시하고, 학생들의 학습 상황을 보고, 댓글과 답변을 보고, 학생들의 의혹에 즉시 대답할 수 있습니다.
팀 분업
팀 원 * * * 은 네 명으로, 전체 업무는 제품 설계, 프런트 개발, 백 엔드 개발의 세 부분으로 나뉘어 각 부분마다 두 사람이 책임진다. 그중에서도 백엔드 개발을 담당하고 있으며, 프로젝트 책임자이기도 합니다. (사실 그렇게 크게 들리지는 않지만, 더 많은 의사결정, 조정, 의사 소통 역할을 해야 합니다.)
총체적 디자인
애플릿과 관리 시스템으로 나뉩니다.
우선 작은 프로그램으로 잉크칼로 만든 원형지도 몇 장을 넣으세요. 여기서 몇 마디 더 하겠습니다. 시중에 나와 있는 애플릿은 기본적으로 위챗 허가로 직접 로그인, 최대 휴대전화 번호 바인딩입니다. 우리가 등록과 로그인 기능을 설정하는 이유는 학생들의 학습 상황을 집계하고 싶기 때문이다.
관리 시스템의 경우, 5438+00 년 6 월에야 시작되었고, 나는 다른 학우와 책임을 지기 때문에 시간이 촉박하다. 프런트 엔드로 서, 우리는 개발을 위한 매우 체계적인 방법이 없습니다, 하지만 대충 어떤 모듈을 할 필요가 결정, 각 모듈은 어떤 테이블을 추가 하 고 삭제, 그래서 거기에 프로토 타입 차트 (더 간단 합니다) 입니다.
개발 도구 및 코딩 구현
애플릿 프론트엔드
내가 아는 한, 프런트 엔드 학생들은 먼저 위챗 공공 플랫폼에 계정을 등록한 다음 개발 설정을 해야 한다. 구체적인 단계 바이두. 프런트엔드는 위챗 개발자 도구로, 사용하지 않는 기본은 많은 실용적인 API 를 포함하여 위챗 오픈 문서에서 찾을 수 있습니다.
백엔드
데이터베이스와 인터페이스 코드의 두 부분으로 나뉩니다.
데이터베이스
Mysql 데이터베이스를 사용합니다. 이전에는 당설온라인 작은 프로그램의 입문 자습서로 만들었습니다. 권장되는 로컬 개발 환경은 PHP, MySQL, Apache, FTP, Nginx 및 데이터베이스 관리 도구인 phpMyAdmin 이 통합된 phpstudy 입니다. PhpMyAdmin 사용에 대해서는/manual/thinkphp 5/118003 을 참조하십시오. 나는 비디오를 찾아 PHP 의 기본 문법을 배우고, 기본 PHP 와 프레임워크가 데이터베이스를 어떻게 조작하는지 배우러 갔다. (알버트 아인슈타인, Northern Exposure (미국 TV 드라마), 컴퓨터명언) 그런 다음 비즈니스 논리에 따라 코딩을 시작합니다. 실제로 각 인터페이스 (또는 클래스 내의 함수) 는 주로 프런트엔드에서 데이터를 수신, 추가/삭제/수정/쿼리, 프런트엔드로 결과 반환 세 부분으로 구성된 유사한 구조를 가지고 있습니다.
그건 그렇고, 코드는 sublime text3 으로 편집되었습니다. 자습서는/cnzxo/SAE _ thinkphp/1423806 을 참조하십시오.
암호
코드 관리에서는 압축된 패키지나 온라인 편집 (메모장과 유사) 을 업로드할 수 있습니다. 큰 변경 사항은 먼저 현지에서 쓰고 다시 보내는 것이 가장 좋다.
데이터베이스
* * * 단독 MySQL 서비스를 열고 현재 phpmyadmin 버전 4.9 를 사용하고 테이블을 작성하거나 SQL 파일을 가져옵니다.
숨겨진 물건
Memcached 서비스를 시작하고 용량을 16MB 로 설정합니다 (비용 절감을 위해). 사실, 이 서비스가 무엇을 하는지 모르겠지만, 액세스 인터페이스를 열지 않으면 오류가 보고됩니다.
파일 저장소
비디오, 코스웨어, 애니메이션, 작업, 시험, 아바타 등 다양한 유형의 파일을 저장해야 하므로 서버에 저장해야 합니다. 여기에서 스토리지 서비스를 시작하십시오. 사용 방법은/doc/SAE/PHP/storage.html # cyberduck 을 참조하십시오. 일반 사용자는 각 용량 10G 당 5 개의 bucket 을 할당한 다음 직접 로컬 디스크로 사용할 수 있습니다. 콘솔이나 코드 작성은 파일을 업로드하고 업로드 후 URL 을 받은 다음 인터넷을 통해 액세스할 수 있습니다. PHP 가 새로운 파도 클라우드 환경에서 어떻게 작동하는지 공식 문서 /source-class-sin 을 참조하십시오.
도메인 이름
신청 정보는 2 차 도메인 이름을 볼 수 있으며, 독립 도메인 이름은 구입하고 등록해야 합니다.
잡지
저널 센터는 각 요청에 대한 인터페이스, 시간, 요청자 장치 등의 정보를 볼 수 있습니다.
기타
콘솔은 또한 트래픽 통계, 리소스 사용 및 사용량을 실시간으로 볼 수 있습니다.
요약
나는 이 프로젝트를 전후해서 프런트엔드가 나에게 맞지 않는 것 같다. 페이지 요소의 스타일과 사용자 경험에 민감하지 않을 수도 있지만 프런트엔드는 여전히 재미있다는 것을 인정해야 한다. 백엔드에 관해서는, 나는 논리에 더 신경을 쓴다. 현재 백엔드에 대한 나의 이해는 데이터베이스, 네트워크, 배포 수준에만 머물러 있다. 실제로 사용자 수가 많으면 높은 동시성을 고려해야 하고 멀티스레드, 로드 밸런싱, 메시지 대기열 등의 기술을 사용해야 하기 때문에 배워야 할 기술이 많다.