Shkjem

상하이 kejian 엔지니어링 관리

Kejian Engineering Management Co., Ltd. 기업 공식 웹 사이트 프론트 엔드

여유시간(3주) 아웃소싱 프로젝트 최종 결과물 : http://www.shkjem.com 메인브랜치가 개선된 버전으로 업데이트되었으며, 이전 버전의 소스코드가 Release로 이동되었습니다.

공부하고 계시다면 새 버전 링크인 http://kejian.filog.cn/ 를 공부하시는 것을 추천드립니다. 또한, 일부 학생들은 여기 https://github.com/ifzc/KeJian에서 백엔드 코드에 대해 문의하고 있습니다. 코어.Api

새로운 버전 개선

1. 전체적인 재구성, 구조가 최신 vue-cli로 업그레이드되었습니다.
2. 코드 최적화, 참조된 정적 js 파일 제거
3. 이미지 로딩에 레이지 로딩(Lazy Loading)이 추가되어 전반적인 성능이 크게 향상되었습니다.
4. 비디오는 vue-video-player를 사용하여 호환성을 처리합니다.
5. 홈페이지의 전체 화면 스크롤 스타일이 정적 파일 fullpage.js에서 vue-awesome-swiper로 변경되었습니다.
6. 스타일 조정, 적응성 향상

구성요소 목록

1. 뷰 라우터
2. 요소 UI
3. 액시오스
4. vue-video-player (비디오 구성 요소)
5. vue-awesome-swiper(홈 페이지 스크롤 구성 요소)
6. vue-lazyload(이미지 지연 로딩)

프로젝트 설정

npm install

개발을 위한 컴파일 및 핫 리로드

npm run serve

프로덕션을 위해 컴파일 및 축소

npm run build

도커

Docker를 사용하여 이미지 서버 이미지 주소(가져올 수 있음)에 이미지 게시: ccr.ccs.tencentyun.com/ifengzctest/kjweb:v1

 # 第一步构建镜像
docker build - t fengzctest.kjweb:v1 .

# 第二部登录镜像仓库
docker login -- username 100001190206 ccr.ccs.tencentyun.com

# 查看镜像列表
docker images

# 添加Tag
docker tag [ ImageId ] ccr.ccs.tencentyun.com / ifengzctest / kjweb:v1 

# 推送镜像至镜像服务器
docker push ccr.ccs.tencentyun.com / ifengzctest / kjweb:[ tag ]