前端VUE基于gitlab的CI_CD

目录 CI 1.Gitlab的CI 1.1 GitLab-Runner 1.2 .gitlab-ci.yml 1.3 配置.gitlab-ci.yml 1.3.1 Pipeline概念 1.3.2 Stages 1.3.3 Jobs 2.CI/CD VUE应用 2.1 创建dockfile文件 2.2 创建.gitlab-ci.yml文件 2.3 注册git runner 2.4 流水线编译成功 CI 持续集成指的是,频繁地(一天多次)将代码集成到主干. 持续集成的目的,就是让产品可以快速迭代,…

部署基于Gitlab+Docker+Rancher+Harbor的前端项目这一篇就够了

部署基于Gitlab+Docker+Rancher+Harbor的前端项目这一篇就够了安大虎 momenta 中台开发工程师 6 人赞同了该文章就目前的形势看,一家公司的运维体系不承载在 Docker+Harbor(或 Pouch 等同类平台)之上都不好意思说自己的互联网公司.当然这些技术也不适用于全部公司,技术在迭代,平台也一样,把我使用的工具和大家分享下,一起成长(文章中扩展可按需Google). Docker docker的架构图如下: 从图中可以看出几个组成部分 docker c…

Web前端-Vue.js必备框架（五）

Web前端-Vue.js必备框架(五) 页面组件,商品列表组件,详情组件,购物车清单组件,结算页组件,订单详情组件,订单列表组件. vue-router 路由 vuex 组件集中管理 webpack vue-cli node下载: http://nodejs.cn/ node-v 使用vue-cli脚手架搭建项目 vue+webpack+es6 https://github.com/vuejs/vue-cli // 全局下载工具 npm install -g vue-cli // 下载基于web…

[转] 基于Gitlab CI搭建持续集成环境

[From] https://blog.csdn.net/wGL3k77y9fR1k61T1aS/article/details/78798577 前言本文是在12月12号迅雷@赵兵在前端早读课第三期Live中提到的关于CI构建的,可能这部分在不同公司由不同的岗位负责,刚好如果你没遇到你可以看看. @赵兵,来自迅雷前端团队.是一个热爱前端技术,喜欢造轮子,爱折腾的人,也是一个奉行“懒惰使人进步”的懒人工程师. 正文从这开始- 本文简单介绍了持续集成的概念并着重介绍了如何基于 Gitlab CI…

黑马eesy_15 Vue：04.综合案例（前端Vue实现）

黑马eesy_15 Vue:02.常用语法黑马eesy_15 Vue:03.生命周期黑马eesy_15 Vue:04.Vue案例(ssm环境搭建) 黑马eesy_15 Vue:04.综合案例(前端Vue实现) 04.综合案例(前端Vue实现) 1.Vue的快速入门2.Vue的语法插值表达式事件的绑定数据的显示逻辑判断和循环输出 3.Vue的生命周期 8个生命周期的执行点 4个基本的 4个特殊的 axios的ajax异步请求它和jquery的ajax比较相似 4.综合…

基于gitlab 15.1 pages 搭建内部博客一定行版本

背景基于 gitlab 15.1版 pages 搭建内部博客,参考官方文档,遇到一个又一个坑.之前看到别人吐槽说 gitlab 官方文档很差,我算是理解了.下面一个个说. 开始按照官方文档的说法,基于模板创建一个新项目. 然后执行 CI/CD > Pipelines ,等任务执行完毕,到 Settings > Pages 就能访问到博客了. 先说第一个坑,gitlab 提供的 hexo 模板 https://gitlab.com/pages/hexo 是两年前的了,Pipelines 根本…

Web前端-Vue.js必备框架（四）

Web前端-Vue.js必备框架(四) 计算属性: <div id="aaa"> {{ message.split('').reverse().join('') }} </div> <div id="b"> <p>dashu: "{{ aaaa}}"</p> <p>dashu: "{{ ddd}}"</p> </div> var v…

Web前端-Vue.js必备框架（三）

Web前端-Vue.js必备框架(三) vue是一款渐进式javascript框架,由evan you开发.vue成为前端开发的必备之一. vue的好处轻量级,渐进式框架,响应式更新机制. 开发环境,浏览器使用chrome,ide:vs code或者webstorm,node.js8.9+,npm等 uni-app直接使用<script>引入vue.js,vue会被注册为一个全局变量,开发环境不要使用压缩版本,一:开发版本有完整的警告和调式模式,二:生产版本删除了警告. <script…

Web前端-Vue.js必备框架（二）

Web前端-Vue.js必备框架(二) vue调式工具vue-devtools 过滤器:vue.js允许你自定义过滤器,可被用作一些常见的文本格式化. mustache插值和v-bind表达式. vue生命周期,从创建,运行,到销毁,称为生命周期. new Vue() : var vm = new Vue({}) 开始创建一个Vue实例对象 init 表示初始化一个Vue空的实例对象,这时候,这个对象上有一些生命周期和默认时间 ajax, vue-resource实现get,post,jsonp…

Web前端-Vue.js必备框架（一）

Web前端-Vue.js必备框架(一) <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Vue js</title> </head> <body> <div id="app"> <h1>{{ message }}</h1> &…

web前端Vue+Django rest framework 框架生鲜电商项目实战视频教程 ☝☝☝

web前端Vue+Django rest framework 框架生鲜电商项目实战视频教程 web前端Vue+Django rest framework 框架生鲜电商项目实战视频教程学习 1.drf前期准备 1.django-rest-framework官方文档 https://www.django-rest-framework.org/ #直接百度找到的djangorestframework的官网是打不开的 2.安装依赖包如图所示,django restframework的依赖模…

前端Vue知识小白

感觉是已好久没写博文了.今日难得有时间,便写一篇文章.此文章是关于前端知识的,我本身是后端,因工作或其他需要,便学习了前端Vue.此文章是在菜鸟教程上学习的.那么下面进入正文! 首先,Vue.js是一套构建用户界面的渐进式框架.只关注视图层, 采用自底向上增量开发的设计.Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件.Vue 学习起来非常简单,不过因人而异,有人学的比较快,有人学的较慢.只要有心,有目标,肯定会有收获的. <!DOCTYPE html> <h…

前端Vue中常用rules校验规则

前提在 vue开发中,难免遇到各种表单校验,这里整理了网络上和自己平时高频率用到的一些校验方法.如果错误欢迎指出,后期不断补充更新. 1.是否合法IP地址 export function validateIP(rule, value,callback) { if(value==''||value==undefined||value==null){ callback(); }else { const reg = /^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,…

前端vue实现pdf文件的在线预览

3.前端vue实现pdf文件的在线预览我是通过 <iframe> 标签就可以满足我工作的 pdf预览需求如果<iframe> 无法满足需求 , 可以使用pdf.js这个插件,功能强大. <iframe :src="url" type="application/x-google-chrome-pdf" width="100%" height="100%" /> export default…

netCore3.0+webapi到前端vue（前端）

前篇已经完成后端配置并获取到api连接 https://www.cnblogs.com/ouyangkai/p/11504279.html 前端项目用的是VS code编译器完成 vue 第一步引入 <script src="lib/vue.js"></script> <script src="lib/vue-resource.js"></script> <script src="lib/axios.…

基于GitLab CI搭建Golang自动构建环境

基于GitLab CI搭建Golang自动构建环境 Golang发布遇到的问题对于golang的发布,之前一直没有一套规范的发布流程,来看看之前发布流程: 方案一开发者本地环境需要将环境变量文件改为正式环境配置编译成可执行文件发送给运维 (运维)将文件覆盖为线上 (运维)重启进程 (可谓“又臭又长”) 方案二开发者讲代码commit到gitlab上交给运维同学 (运维)pull代码 (运维)编译成可执行文件 (运维)覆盖线上文件 (运维)重启进程这种对于运维属于重度依赖,而运维同学又…

团队开发前端VUE项目代码规范

团队开发前端VUE项目代码规范 2018年09月22日 20:18:11 我的小英短阅读数 1658 一.规范目的: 统一编码风格,命名规范,注释要求,在团队协作中输出可读性强,易维护,风格一致的代码二.开发SRC目录: 1.Vuex目录 (状态树配置) 2.Router目录(路由配置) 3.Pages目录 (放置主路由组件注意命名规范) 4.Common目录 (放置静态文件) 5.Config目录 (全局配置项,路由拦截,报错信息,等枚举信息) 6.Api目录 ( 相关全局请求调用配…

后端 SpringBoot + 前端 vue 打包发布到Tomcat

近段时间做了一些前后端的开发需要在Tomcat里进行发布把自己整理的分享出来后端打包 pom.xml 文件 <packaging>war</packaging> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-tomcat</artifactId> <scope>pro…

web前端Vue+Django rest framework 框架生鲜电商项目实战✍✍✍

web前端Vue+Django rest framework 框架生鲜电商项目实战整个课程都看完了,这个课程的分享可以往下看,下面有链接,之前做java开发也做了一些年头,也分享下自己看这个视频的感受,单论单个知识点课程本身没问题,大家看的时候可以关注下面几点: 1.为了追求精简简洁牺牲了部分实用性,导致不足以达到某些工作的需要2.大部分是实战课程弱化了其他技术点的不足,无法全面了解python,但是很多都是刚接触python的(很致命)3.因为是录播课程导致某些问题不能及时去解决,没人交…

[前端] VUE基础 (6) (v-router插件、获取原生DOM)

一.v-router插件 1.v-router插件介绍 v-router是vue的一个核心插件,vue+vue-router主要用来做SPA(单页面应用)的. 什么是SPA:就是在一个页面中,有多个页签,我们选择页签显示不同的内容,但页面不跳转. 例如: 在网易云音乐的主页中,发现音乐.我的音乐.朋友这三个页签就是单页面应用.当我们切换他们时,可以观察到url的变化: 这里看到的url改变(路由改变)的路由是vue-router提供的,而不是对应django的路由系统(前后端分离的项目,djan…

前端vue下载文件时blob返回流中怎么获取文件名

我很久之前写了一篇前端vue利用blob对象下载文件,有些人私信我,如果后端返回流失败,给出的json对象该怎么获得?前端获取的流怎么能获取原文件名?其实在那篇文章之后,我就已经针对这两个问题进行了优化,于是就有了这篇. 首先,针对第一个问题,如果能正常获得文件流,前端则以blob对象承接,反之,一般后端会传一个json对象告诉你失败了以及失败原因,这个时候json对象由于请求中responseType: 'blob'的声明之后,也会生成文件,但是文件内容是乱码,这个时候,我们必须要用到File…

Java一次返回中国所有省市区三级树形级联+前端vue展示【200ms内】

一.前言中国省市区还是不少的,省有34个,市有391个,区有1101个,这是以小编的库里的,可能不是最新的,但是个数也差不了多少. 当一次返回所有的数据,并且还要组装成一个三级树,一般的for,会循环34*391*1101次.这样就是千万级的,加上与数据库交互,你跑半天也跑不完. 最后的处理是组长提供的思路,果然很快. 二.思路首先:小编的省市区是三张表第一:我们通过三次IO从数据库中查询出所有省市区的数据,下面在进行for循环组装树形效率就很快了! 第二:为了减少IO交互,我们把刚刚取出…

基于GitLab的前端Assets发布体系

以SVN+RMS为核心的发布系统,对前端开发的影响上来看,存在以下问题: 覆盖式的发布,容易导致线上问题. js一旦发布,就有可能被任意其他页面使用.被引用的越多,就越重要.一旦核心js出现故障,影响面巨大. 发布的基本粒度过于细节,基本发布单位是文件.相对后端每次发布整个应用,文件粒度的发布体现出对应用复杂度缺乏深入理解. 手工挑选文件发布,容易发生人为错误.SVN+RMS的模式使得前端开发在各种GUI工具间切换,使得发布环节效率低下.在前端工具逐渐命令行,一键式,自动化,集成编辑器的大趋势下…