Git Product home page Git Product logo

shkjem's Introduction

Shanghai kejian engineering management

科健工程管理有限公司企业官网 前端

一个业余时间(三周)的外包项目 最终成品:http://www.shkjem.com 主分支已更新至改进版,老版本源码移至 Release

如果是学习的话推荐学习新版本 链接 http://kejian.filog.cn/ 另外有些同学在问后端的代码 这里 https://github.com/ifzc/KeJian.Core.Api

新版本改进

  1. 整体重构,结构升级为最新 vue-cli
  2. 代码优化,去除引用的静态js文件
  3. 图片加载加入懒加载,整体性能提升很大
  4. 视频采用 vue-video-player 处理兼容性
  5. 首页全屏滚动样式由静态文件 fullpage.js 改为 vue-awesome-swiper
  6. 样式调整,提升了自适应能力

组件列表

  1. vue-router
  2. element-ui
  3. axios
  4. vue-video-player (视频组件)
  5. vue-awesome-swiper (首页滚动组件)
  6. vue-lazyload (图片懒加载)

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Docker

使用 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]

shkjem's People

Contributors

ifzc avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

shkjem's Issues

请教作者的项目运行的版本

作者您好:
您的nodejs版本,npm版本,vuecli版本是啥?
请教一下,本地npm install安装一直失败,猜测可能是因为版本不同导致的(我本机的nodejs是16.20.1,npm是8.19.4)。

这个代码是最新的吗

我下载看了一下,这个代码好像不是最新的啊,有最新的代码可以提供学习一下吗
image

后台登录

你好,请问一下有对应后台登录的账号密码吗?没有的话是不是没办法浏览admin模块的界面

请问大佬这个是响应式的么

我最近也在做自家公司的官网,好高兴看到大佬的这个项目,我最头疼的就是响应式了,但是我看大佬的这个项目好像是没做的,我想请教一下大佬关于响应式有没有啥建议可以给到我的呀

npm run build

npm run build后 放在服务器上,报错,资源找不到,请问一下 大佬 能把 webpack的配置文件也放出来吗 谢谢

本地运行不起来

大佬,我本地npm install老是报错,fix了也不行,这是咋回事嘞?
npm run serve/build也跑不起来

路过.....

如果是公司自己的官网,vue spa可能不太合适,做外包的话可能是钱没给够.SEO的时候太难了. [捂脸][捂脸]

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.