Shkjem

Gestion de l'ingénierie kejian de Shanghai

Front-end du site officiel de l'entreprise Kejian Engineering Management Co., Ltd.

Le produit final d'un projet d'externalisation sur temps libre (trois semaines) : http://www.shkjem.com La branche principale a été mise à jour vers la version améliorée, et le code source de l'ancienne version a été déplacé vers Release

Si vous étudiez, il est recommandé d'étudier le lien de la nouvelle version http://kejian.filog.cn/ De plus, certains étudiants posent des questions sur le code back-end ici https://github.com/ifzc/KeJian. Core.Api

Améliorations de la nouvelle version

1. Reconstruction globale, la structure est mise à niveau vers la dernière vue-cli
2. Optimisation du code, suppression des fichiers js statiques référencés
3. Le chargement paresseux est ajouté au chargement d'image et les performances globales sont grandement améliorées.
4. La vidéo utilise vue-video-player pour gérer la compatibilité
5. Le style de défilement plein écran de la page d'accueil passe du fichier statique fullpage.js à vue-awesome-swiper
6. Ajustement du style, adaptabilité améliorée

Liste des composants

1. vue-routeur
2. élément-ui
3. axios
4. vue-video-player (composant vidéo)
5. vue-awesome-swiper (composant de défilement de la page d'accueil)
6. vue-lazyload (chargement différé de l'image)

Configuration du projet

npm install

Compile et recharge à chaud pour le développement

npm run serve

Compile et minimise pour la production

npm run build

Docker

Utilisez Docker pour publier l'image à l'adresse de l'image du serveur d'images (peut être extraite) : 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 ]