Shkjem

Shanghai Kejian Engineering Management

Frontend der offiziellen Unternehmenswebsite von Kejian Engineering Management Co., Ltd

Das Endprodukt eines Outsourcing-Projekts in Freizeit (drei Wochen): http://www.shkjem.com Der Hauptzweig wurde auf die verbesserte Version aktualisiert und der Quellcode der alten Version wurde auf Release verschoben

Wenn Sie studieren, wird empfohlen, den Link zur neuen Version zu studieren http://kejian.filog.cn/ Darüber hinaus fragen einige Studenten hier nach dem Back-End-Code https://github.com/ifzc/KeJian. Core.API

Verbesserungen der neuen Version

1. Bei der Gesamtrekonstruktion wird die Struktur auf die neueste vue-cli-Version aktualisiert
2. Codeoptimierung, referenzierte statische JS-Dateien entfernen
3. Zum Laden von Bildern wird verzögertes Laden hinzugefügt, wodurch die Gesamtleistung erheblich verbessert wird.
4. Video verwendet den Vue-Video-Player, um die Kompatibilität zu gewährleisten
5. Der Vollbild-Bildlaufstil der Homepage wurde von der statischen Datei fullpage.js in vue-awesome-swiper geändert
6. Stilanpassung, verbesserte Anpassungsfähigkeit

Komponentenliste

1. Vue-Router
2. element-ui
3. Axios
4. vue-video-player (Videokomponente)
5. vue-awesome-swiper (Homepage-Scroll-Komponente)
6. vue-lazyload (Lazy Loading von Bildern)

Projektaufbau

npm install

Kompiliert und Hot-Reloads für die Entwicklung

npm run serve

Kompiliert und minimiert für die Produktion

npm run build

Docker

Verwenden Sie Docker, um das Bild an die Bildadresse des Bildservers zu veröffentlichen (kann abgerufen werden): 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 ]