Shkjem

上海可建エンジニアリング管理

Kejian Engineering Management Co., Ltd. 企業公式ウェブサイト フロントエンド

空いた時間 (3 週間) で行ったアウトソーシング プロジェクトの最終成果物: http://www.shkjem.com メイン ブランチは改良版に更新され、旧バージョンのソース コードはリリースに移動されました。

勉強している場合は、新しいバージョンのリンク http://kejian.filog.cn/ を学習することをお勧めします。また、一部の学生はここ https://github.com/ifzc/KeJian でバックエンド コードについて質問しています。コア.API

新しいバージョンの改善点

1. 全体的に再構築され、構造は最新の vue-cli にアップグレードされます
2. コードの最適化、参照された静的 js ファイルを削除
3. 画像の読み込みに遅延読み込みが追加され、全体的なパフォーマンスが大幅に向上しました。
4. ビデオは vue-video-player を使用して互換性を処理します
5. ホームページの全画面スクロール スタイルが静的ファイル fullpage.js から vue-awesome-swiper に変更されました。
6. スタイルの調整、適応性の向上

コンポーネントリスト

1. vueルーター
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 ]