vue项目实战1
Dockerfile 中的 multi-stage 特性，Vue 项目多阶段构建实战
最近在写一个 Vue 项目，并已经实现 Docker 镜像构建和容器化部署，之前也分享过一篇文章关于 Vue 项目的静态资源打包和镜像构建。但是之前在镜像构建之前是需要使用 npm 进行项目打包生产 dist 文件之后才能进行镜像构建，不过最近我在使用 Jenkins pipeline 的时候突然想到了 Dockerfile 的多阶段构建，完全可以使用这个特性直接构建出镜像。多阶段构建场景所谓的多
日期 2023-06-12 10:48:40
【Jenkins 插件】Jenkins Pipeline 流水线插件的使用，Vue 项目自动化构建和部署实战
最近一直在研究 Jenkins 的流水线插件 Pipeline，既然是研究，自然就不是为了掌握基本用法了，而是高级用法。目前研究的成果还是挺不错的，有很多想要实现的功能都已经通过插件自带的语法完成，后续会单独开一个系列来分享更多高级语法的使用，而这篇文章就来分享一下我的流水线实战——Vue 项目自动化构建和部署。使用 Pipeline插件介绍Jenkins Pipeline 其实并不能算是一个插件
日期 2023-06-12 10:48:40
Vue项目实战05：18n实现多语言自动切换-浏览器语言设置「建议收藏」
大家好，又见面了，我是你们的朋友全栈君。 什么是vue-i18ni18n是 Internationalization 这个英文的简写，即国际化的意思，vue-i18n是一款针对于vue开发的国际化插件,让项目支持多语言切换，以适应不同地区用户的需求。安装vue-i18n直接在项目中执行安装命令：npm install vue-i18n --save 全局引入vue-i18n在项目中引入vu
日期 2023-06-12 10:48:40Vue3.0商店后台管理系统项目实战-vuex是什么（5大语法）
参考资料Vue3.0官方文档：https://cn.vuejs.org/ Element Plus文档：https://element-plus.gitee.io/zh-CN/打开默认的stroe/index.jsvuex中一共有五个状态 State Getter Mutation Action Module 下面进行详细讲解import { createStore } from
日期 2023-06-12 10:48:40Vue3.0商店后台管理系统项目实战-路由守卫（登录状态储存）
参考资料Vue3.0官方文档：https://cn.vuejs.org/ Element Plus文档：https://element-plus.gitee.io/zh-CN/路由守卫是什么？路由守卫是路由在跳转前、后过程中的一些钩子函数，这些函数可以让你操作一些其他的事，在后台管理中设置权限时经常看到，在实现路由跳转前校验是否有权限，有权限就可以通过，反之就会被执行其他操作，如返回首页。在st
日期 2023-06-12 10:48:40Vue3.0商店后台管理系统项目实战-导航的icon图标
参考资料Vue3.0官方文档：https://cn.vuejs.org/ Element Plus文档：https://element-plus.gitee.io/zh-CN/ Element Plus 提供了一套常用的图标集合。1：安装# NPM $ npm install @element-plus/icons-vue复制图片.png2:在main.js引入main.jsimport {
日期 2023-06-12 10:48:40
Vue3.0商店后台管理系统项目实战-登录界面-vuex
参考资料Vue3.0官方文档：https://cn.vuejs.org/ Element Plus文档：https://element-plus.gitee.io/zh-CN/记录登陆的状态 如果是登录状态 就跳转到首页 如果不是登录状态 就展示登录注册的界面首先 在views文件夹底下新建一个登录的组件login.vue打开router/index.js 登录界面的路由进行配置 /
日期 2023-06-12 10:48:40Vue3.0商店后台管理系统项目实战-创建项目
首先在d盘里面新建一个文件夹project,在vscode里面打开 打开终端 进入project文件夹 安装依赖cnpm i yarn -g复制初始化一个项目vue create shop复制1:按回车键,选择Manually select features （自定义）Manually select features 自己去选择需要的功能，提供更多的特性选择。比如如果想要支持 TypeScript
日期 2023-06-12 10:48:40Vue3.0商店后台管理系统项目实战-模板语法
基本语法1：v-text<template> <h1>hello world!</h1> <p v-text="name"></p> <!-- v-text的简写 --> <p>{{ name }}</p> </template> <script&
日期 2023-06-12 10:48:40Vue3.0商店后台管理系统项目实战-生命周期
vue2的8个生命周期和vue3对应的8个生命周期1:onBeforeMountonMounted<template> <div class="about"> <h1>vue3的生命周期</h1> <div id="dom">{{msg}}</div> </
日期 2023-06-12 10:48:40Vue3.0商店后台管理系统项目实战-事件的模板语法
v-on：事件名=“事件方法” 绑定事件1:点击事件<template> <div class="about"> <div id="dom">{{ msg }}</div> <!-- v-on：事件名=“事件方法” 绑定事件 --> <!-- 事件及其方
日期 2023-06-12 10:48:40
Vue3.0商店后台管理系统项目实战-路由
1：router-link和router-view的区别在App.vue里面router-link相当于是a标签 ，to="路由path" <router-link to="/">Home</router-link> | <router-link to="/about">About</ro
日期 2023-06-12 10:48:40Vue3.0商店后台管理系统项目实战-vue3搭配Element Plus框架使用
侧边栏导航 vue3搭配Element Plus框架使用 Element Plus基于 Vue 3，面向设计师和开发者的组件库 文档：https://element-plus.gitee.io/zh-CN/安装# NPM $ npm install element-plus --save复制图片.png安装完成之后开始引入 打开main.js的文件 这里接口文档上是有说明的 ，直接根据文
日期 2023-06-12 10:48:40
Vue3.0商店后台管理系统项目实战-axios的封装
参考资料Vue3.0官方文档：https://cn.vuejs.org/ Element Plus文档：https://element-plus.gitee.io/zh-CN/在项目里面安装npm i axios -S封装一个axios 在文件里面新建一个util/service.jsimport { ElLoading } from 'element-plus' impo
日期 2023-06-12 10:48:40Vue3.0商店后台管理系统项目实战-vue3.0跨域问题的解决
接口 http://11x.21x.8x.3:8091/intmotx/1.jsonvue.config.jsconst { defineConfig } = require('@vue/cli-service') // module.exports = defineConfig({ // transpileDependencies: true, // lintOnS
日期 2023-06-12 10:48:40vue项目实战经验汇总
前言vue作为前端主流的3大框架之一，目前在国内有着非常广泛的应用，由于其轻量和自底向上的渐进式设计思想，使其不仅仅被应用于PC系统，对于移动端，桌面软件（electronjs）等也有广泛的应用，与此诞生的优秀的开源框架比如elementUI，iView， ant-design-vue等也极大的降低了开发者的开发成本，并极大的提高了开发效率。笔者最初接触vue时也是使用的iview框架，亲自体会之
日期 2023-06-12 10:48:40vue+webpack项目实战
概述 -- 项目中会用到的插件 vue-router vue-resource 打包工具 webpack 依赖环境 node.js start 安装vue开发的模板 # 全局安装 vue-cli $ npm install -g vue-cli # 创建一个基于 "webpack" 模板的新项目 $ vue init webpack my-project # 安装依赖，走你 $
日期 2023-06-12 10:48:40vue.js+koa2项目实战（六）数据库建表
数据库建表 1.打开 MySQL 终端 2.查看所有数据库 show databases 3.创建数据库 create database pet 4.进入数据库 use pet 5.创建数据表 create table users( id bigint not null auto_increment primary key, email varchar(60) not null,
日期 2023-06-12 10:48:40vue.js+koa2项目实战（五）axios 及 vue2.0 子组件和父组件之间的传值
axios 用法： 1.安装 npm install axios --save-dev 2.导入 import axios from 'axios'; 3.使用 axios.post(url,params) .then(function(res){ console.log(res); alert(res.data); }) .catch(function(err){
日期 2023-06-12 10:48:40vue.js+koa2项目实战（四）搭建koa2服务端
搭建koa2服务端 安装两个版本的koa 一、版本安装 1.安装 koa1 npm install koa -g 注：必须安装到全局 2.安装 koa2 npm install koa@2 -g 二、创建项目 1.安装 koa 生成器 （koa1 和 koa2 都用此生成器） npm install koa-generator -g 2. koa1 生成一个 tes
日期 2023-06-12 10:48:40vue.js+koa2项目实战（三）登录注册模态框
登录注册模态框 注： [Vue warn]: Do not use built-in or reserved HTML elements as component id: diaLog 原因：diaLog 组件名 与 HTML元素名称 重复，将 组件名 改为 diaLoger 即可。 1.封装 可复用 DiaLog 组件 DiaLog.vue <template> <el
日期 2023-06-12 10:48:40vue.js+koa2项目实战（二）创建 HeadBar 组件
elementUI界面布局 1.创建 HeadBar 组件 HeadBar.vue <template> <el-row> <el-col :span="2"> </el-col> <el-col :span="4" style='background:#f9fafc;font-size:2em;'>&l
日期 2023-06-12 10:48:40vue.js+koa2项目实战（一）创建项目和elementUI配置
前端采用vuex+element-ui；后端采用koa2+restfulAPI+sequlize； （一）项目介绍 宠物社区 1.社区 2.好友 3.说说 4.宠粮 5.健康 （二）项目框架 1.Vue.js 2.Vuex 框架 3.Element UI 4.Axios 交互 5.Koa2 + es6 6.Restful API 7.Sequlize 8.mysql （三）创建项目
日期 2023-06-12 10:48:40CSDN日报191120：《吊打面试官》系列-消息队列基础；Vue + Spring Boot 项目实战
CSDN日报来啦！给大家奉上当日最新鲜的技术干货！ 《吊打面试官》系列-消息队列基础 作者：敖丶丙 消息队列在互联网技术存储方面使用如此广泛，几乎所有
日期 2023-06-12 10:48:40CSDN日报191028：冷眼看中国IT20年发展史；Vue + Spring Boot 项目实战
CSDN日报来啦！给大家奉上当日最新鲜的技术干货！ 冷眼看中国IT20年发展史 作者：beyondma 软件时代-IT业的蛮荒期 软件时代的迷思 在上个世纪末辩论热红遍
日期 2023-06-12 10:48:40vue项目构建实战基础知识：SPA理解/RESTful接口介绍/static目录配置/axios封装/打包时map文件去除
一、SPA 不是指水疗。是 single page web application 的缩写。中文翻译为 单页应用程序 或 单页Web应用，更多解释请自行搜索。 所有的前端人员都应该明白我们的页面的 url 构成：http://www.fengcms.com/index.html?name=fungleo&old=32#mylove/is/world/peace 如上的 url
日期 2023-06-12 10:48:40沙箱支付宝支付 SpringBoot+Vue前后端分离项目 实战
文章目录 一、教学讲解视频二、支付宝有关的配置代码三、控制层接口代码四、实体文件返回文件代码五、业务逻辑层Service代码六、前端Vue支付页面展示代码 一、教学讲解视频 对应教程视频
日期 2023-06-12 10:48:40