에 의해 구동 : Nefu AB-In
웹 개발 기술 프로젝트 설계
서버 측 배포
프로젝트 배포 서버 측에서 발생하는 문제를 기록합니다.
Pagoda War 패키지는 WebApps_Nefu AB-In의 Blog-CSDN 블로그에서 액세스 할 수 없습니다.
이 버전의 Java Runtime은 최대 52.0_NEFU AB-In의 Blog-CSDN 블로그까지 클래스 파일 버전 만 인식합니다.
~에 대한
Chrome 또는 360 브라우저를 사용하여 열어주세요! ! ! !
(가장자리를위한 풀리 롤링 버그는 현재 고정 될 수 없습니다)
프로젝트 기간
프로젝트 로그
2021.11.14
ER 사진을 그립니다
전체 프로젝트 프레임 워크를 구축하십시오
2021.11.15
- 클라우드 서버 Tomcat을 빌드하고 Pagoda 페이지의 Tomcat을 구성하십시오.
- 프로젝트를 Github에 업로드했습니다
- 교사 배포 플랫폼에 대한 테스트 프로젝트
2021.11.16
- 다른 Java 버전의 문제를 해결했습니다
- 프레임 워크를 배우십시오 (포기)
- 웹 지식 포인트를 검토하십시오
- 메인 페이지를 생각합니다
2021.11.17
- 전체 index.jsp의 다양한 부분을 작성하십시오
- 바닥 글에서 쓰기 시작하십시오
2021.11.18
- 먼저 데이터베이스 작성을 시작합니다
- 사용자 테이블, 교사 테이블, 제목 테이블, 실험실 테이블, 실험실 뉴스 테이블, 뉴스 테이블 설정 완료
2021.11.19
- 실험실 모듈을 작성한 후 CSS 및 JS와 함께 회전식 다이어그램 및 버튼 회전 목마 다이어그램을 구현하십시오 (데이터베이스에 추가되지 않음)
- QRCode 모듈을 작성한 후 JS에 연결하십시오
- 주요 모듈을 작성한 후 슬라이딩 효과가 달성됩니다 (데이터베이스에 추가되지 않음)
- PS : 모든 특정 JS 및 CSS 작업은 해당 JS 및 CSS 파일에 포함됩니다.
2021.11.20
- 교사 모듈을 작성한 후 전공과 동일한 패턴 (데이터베이스에 추가되지 않음)
- 뉴스 모듈을 작성한 후 (데이터베이스에 추가되지 않음)
2021.11.21
- 이전에 작성된 JS 및 CSS 부품을 개선하십시오
- 실험실 데이터베이스 업데이트에 추가 (엔티티 클래스, 서블릿, 유틸리티, 데이터 소스, 2 차 점프, JSTL, EL 포함)
- 주요 데이터베이스 업데이트에 가입하십시오
2021.11.22
교사 데이터베이스 업데이트에 가입하십시오
배너 섹션 작성
- 확장 : Custom 2021-11-22에 여러 장의 사진을 추가 할 수 있습니다
- 방법 : 목록 항목을 추가하면서 애니메이션 버튼을 추가하십시오. 결국 구현 방법은 매번 애니메이션의 새로운 상태를 추가 한 다음 그림을 전환하는 것입니다.
NAV 부품을 작성하십시오
뉴스 데이터베이스 업데이트에 가입하십시오
- 오른쪽 열 데이터베이스 업데이트에 추가하십시오
- 왼쪽 열 데이터베이스 업데이트에 추가하십시오
2021.11.23
- 글쓰기 Nav
- 여러 개의 작은 아이콘을 만든 2021/11/23
- CSS 스타일 원 확장 2021/11/23
- 빠른 메뉴의 하위 메뉴는 2021/11/23으로 작성되었습니다
- 각 섹션에 대한 JavaScript 작성 : scroll ()
- 추신 : 나는 게으른 2021/11/23이기 때문에 두 번째 인터페이스를 쓰지 않았습니다.
2021.11.24
- NAV 데이터베이스 업데이트에 가입하십시오
- 데이터베이스의 기본 코드를 사용하여 쿼리를 추가하고 세부 사항을 열었습니다. Page 2021/11/24
- 헤더 섹션을 작성하십시오
- 오프닝 애니메이션에 추가하십시오
- 아이콘, 디자인 로그인 백엔드 2021/11/24를 찾으십시오
2021.11.25
- 일반적으로 누락 및 누출이 있는지 확인하십시오
- Populating Index.jsp를 시작하십시오
- JS 및 CSS 실패의 문제를 해결하십시오
2021.11.26
2021.11.27
- 나는 도울 수 없었지만 살펴 보면서 아이콘이 잘 만들어지지 않았다는 것을 알았으므로 수리를 위해 용광로로 돌아 왔습니다.
- 로고를 추가하십시오
2021.12.3
2021.12.4
- 프로젝트를 대형 컴퓨터에 배포하고 @Media가 좋지 않다는 것을 알기 때문에 큰 컴퓨터의 @Media를 수정합니다.
- 2021/12/4는 토요일에 인턴쉽을 마쳤습니다. 교사는 업데이트 작업을 완료하도록 지정했습니다. 그는 10 분의 간 후에 나왔는데, 그냥 피곤했지만 오늘날 인턴쉽의 내용이 오랫동안 주변에 있었던 백엔드라고 생각했을 때, 나는 여전히 8시에서 12시에서 12 시까 지 계속 노력하여 추가, 삭제, 수정 및 점검이 내일에 논의되어야합니다.
2021.12.5
- 2021/12/5 검색 작업은 일요일에 완료되었으며 퍼지 쿼리처럼 사용되었습니다. 그 효과는 중요했습니다. 디버그는 오랜 시간 이었지만 그 효과는 매우 좋았습니다. 백엔드가 끝났다!
- NAV가 너무 중복되어 수평 내비게이션 바의 모든 속성을 변경하고 모든 보조 속성을 추가하고 링크를 추가하여 중복 링크를 줄여 2021/12/5를 줄였습니다.
2021.12.7
- 두 번째 인터페이스 계획을 시작하고 메인 페이지를 기반으로 모드를 수정 한 다음 헤더, NAV, 바닥 글의 변하지 않은 섹션을 소개합니다.
2021.12.8
- 모든 두 번째 섹션의 생산을 완료하십시오
- 서블릿이 너무 중복된다는 것을 알았으므로 지속성 층을 설정하고 일부 중복 기능을 넣었습니다.
- 프로젝트 구조를 변경하십시오
$ 2021.12.9 $
- 모든 세 번째 섹션의 생산을 완료하십시오
- GitHub 릴리스 버전 릴리스를 배우십시오
- 작업을 마치기 전에 첫 번째 버전 v1.0
$ 2021.12.10 $
- 중복 링크를 제거하고 #에서 JavaScript로 쓸모없는 링크를 돌립니다.
- 웹 리소스로드를 너무 느리게 해결하십시오
- OSS를 만듭니다
- OSS CDN을 구성하십시오
- 파일을 업로드하십시오
- 프로젝트에서 URL을 변경하십시오
- 헤더에 검색 기능을 추가하십시오
- 퍼지 검색, 각 속성으로 범위를 확장합니다
- 검색 할 모듈을 선택한 다음 검색 후 직접 해당 모듈로 이동할 수 있습니다.
- 영구 층의 구조 호출을 개선하십시오
- 청취자 로고를 변경하고 새로운 벡터 이미지를 추가했습니다.
- 완료하기 전 V1.1의 두 번째 버전
$ 2021.12.11 $
- 모든 사람이 배경에 들어 가지 못하도록 비밀번호를 변경하십시오
- 로그인 페이지의 리턴 버튼을 변경하여 기본 인터페이스로 돌아갑니다.
- 백엔드의 전체 색상 일치를 변경하십시오
- 백엔드 리치 텍스트 제출이 추가되었습니다
- 기사 내용의 구조와 스타일을 수정했습니다
- 사진과 비디오가 아닌 일반 텍스트 만 지원합니다
- 입력 태그가 비활성화로 설정되어 제출할 수없는 버그를 수정하여 Readonly로 변경했습니다.
- 업데이트 서렛의 리디렉션을 수정하고 저장하십시오.
- 작업을 마치기 전에 v1.2의 세 번째 버전을 완료하십시오
$ 2021.12.16 $
- 홈페이지 URL을 수정하십시오
- Servlet Jumping없이 동적 페이지를 구현할 수 있도록 Index.jsp 및 Set Filter를 제안하십시오.
- 다른 섹션의 매개 변수를 수정하여 홈페이지에 액세스하고 ''로 변경하십시오.
- 뉴스 섹션을 수정하십시오
- 뉴스 클래스와 서틀을 다시 작성하고 제목 속성 추가
- 뉴스의 저장 및 업데이트를 수정하고 소개를 제출하기 위해 풍부한 텍스트 편집기를 추가했습니다.
- 뉴스의 세 번째 인터페이스 레이아웃을 변경하고 새 사진을 추가했습니다.
- 윈도우 너비를 더 작게 만들기 위해 헤더 레이아웃을 수정했습니다.
- 교사 및 주요 모듈의 수정 된 버튼 스 와이프
- 고정 너비의 버그를 수정하면 JS에 의해 얻은 너비는 창 변경에 따라 변경됩니다.
- 요소가 누출되지 않도록 왼쪽 슬라이딩 값을 수정했습니다.
- 바닥 글 레이아웃을 수정하고 페이지의 크기가 줄어들 때 사라지는 새 QR 코드를 추가했습니다.
- 교사 모듈의 검색 박스 버그를 수정했습니다
- 작업을 마치기 전에 v1.3의 네 번째 버전을 완료하십시오
프로젝트 요구 사항
HTML/CSS/JS/Servlet/JDBC 및 기타 기술을 기반으로 다음 디자인 컨텐츠를 작성하십시오.
Bootstrap/Easy-UI/Flat-UI와 같은 UI 프레임 워크와 Carousel/Animation/Chart/Full Screen Scrolling과 같은 플러그인을 허용하고 장려하십시오.
VUE/React/SpringBoot 및 기타 기술을 사용할 수 있지만 학생의 개인 서버에 배치해야하며 액세스 URL을 제공해야합니다.
이 설계는 총 점수의 40%를 차지하며 기능 완료 상태에 따라 그룹으로 나뉩니다. 1 인당 1 그룹, 독립적으로 완료됩니다.
마감일 : 15 주 (특정 날짜가 결정됩니다)
제출/배포 방법 : 전쟁 패키지를 사용하여 지정된 시스템에 업로드하고 프로젝트가 클라우드 서버에 균일하게 배포됩니다.
배포 환경 : Docker Tomcat9+MySQL8 컨테이너
프로젝트 디스플레이 : 모든 학생 프로젝트는 공개 네트워크에 공개적으로 표시됩니다.
디자인 컨텐츠
컴퓨터 과학 및 기술 전문가 웹 사이트
주요 평가 내용 : 전체 웹 사이트 디자인, 사용자 상호 작용 경험
포함 : HTML 레이아웃, HTML 태그 사용, 웹 사이트 디스플레이 효과를 향상시키기위한 CSS 스타일의 응용 프로그램, JS를 사용하여 동적으로 변경, 데이터의 서비스 처리, JDBC 데이터베이스 액세스 등
주요 기능
프론트 데스크 웹 사이트
주요 섹션 내용 : 전문 소개, 실험실, 교직원, 고용 가이드, 뉴스, 공지 등
요구 사항에는 최소한 내비게이션이 포함됩니다.
섹션에는 레벨 2 컨텐츠가 포함되어야합니다. 예를 들어, 전문 소개 : 전문 소개, 방향 소개 등; 실험실 : 923 Innovation Laboratory, 925 모바일 개발 연구소, 923 실험실 등; 레벨 2 세부 콘텐츠로 이동할 수 있습니다.
교수진 : 교수, 부교수, 강사 등
예를 들어, 부교수를 클릭 할 때 부교수 목록으로 점프하고 특정 교사를 다시 클릭 할 때 교사의 자세한 소개로 점프하면 내용에는 가능한 한 텍스트/그림 멀티미디어 및 텍스트/사진 및 멀티미디어와 같은 기타 정보가 포함되어야합니다.
뉴스 발표 : 홈페이지에는 마지막 5 개의 뉴스 및 공지 사항이 나열되어 있으며 제목 시간 등을 표시하며 데이터베이스에서 얻어야합니다. 제목을 클릭하여 정보에 대한 자세한 설명으로 이동하십시오.
백엔드 시스템
백엔드 관계 시스템 입력 링크는 프론트 데스크 웹 사이트에 제공되어야하며 백엔드 통합 관리자 로그인 사용자 이름/비밀번호 관리자가 필요합니다.
관리자가 로그인 한 후에는 백그라운드에 뉴스 발표 정보를 추가 할 수 있습니다. 모든 추가, 삭제, 수정 및 수표가 완료되면 추가 점이 있습니다.
필터, 로그인 상태없이 백엔드 관리 시스템에 액세스 할 수 없습니다.
기본 텍스트 정보 만 게시해야하며 사진 및 기타 첨부 파일이 필요하지 않으며 풍부한 텍스트 제출에는 페이징이 필요하지 않습니다. 뉴스 공지 외에도 정적 데이터는 교사 실험실 소개 등에 사용될 수 있습니다. 모든 소개 내용에는 가능한 한 텍스트와 사진이 포함되어야합니다. 모든 텍스트/사진은 실제 정보를 사용할 필요가 없습니다.
정보에 필요한 페이지가 필요하지 않습니다
뉴스 발표 외에도 정적 데이터는 교사 실험실 소개에 사용될 수 있습니다.
모든 소개 내용에는 가능한 한 텍스트와 사진이 포함되어야합니다.
모든 텍스트/사진에는 실제 정보가 필요하지 않습니다
특허
웹 프로젝트는 GPLV3에 따라 발행됩니다. License.license
저작권 명세서
Web-Project는 GPL V3 프로토콜을 사용합니다.
