效果echarts项目vue
基于Jenkins+Gitee实现SpringBoot项目自动化部署(Docker版)
前言: 上一篇笔记:基于Jenkins+Gitee实现SpringBoot项目自动化部署(非Docker版)。 本篇笔记介绍一下Docker版本的Jenkins如何实现项目自动化部署。 本案例基于Linux CentOS 7服务器,防火墙开放8080端口(Jenkins使用),80端口(项目使用), ......
vue(七)路由 vue-router
安装和使用 通过vue-router路由管理页面之间的关系,是Vue.js的官方路由 1、安装路由 npm install --save vue-router 2、配置路由文件 route/index.js // 导入路由库 import {createRouter,createWebHashHis ......
【vue-问题】vue : 无法加载文件 D:\Program Files\nodejs\node_global\vue.ps1,因为在此系统上禁止运行脚本
【vue-问题】vue : 无法加载文件 D:\Program Files\nodejs\node_global\vue.ps1,因为在此系统上禁止运行脚本。解决方法:①:管理员方式运行PowerShell,输入get-ExecutionPolicy。如果它回复Restricted,表示是禁止的②: ......
Vue 通过vuex动态缓存 keep-alive
在需要组件缓存的页面路由添加keep-alive属性 为true [{ path: 'text', component: () => import('@/views/text/index'), name: 'text', meta: { title: 'text', needRole: true, ......
vue(六)网络请求
Axios Axios是一个基于promise的网络请求库,安装npm install --save axios 局部引入:组件中引入import axios from "axios" 全局引入:main.js中引入,并挂载 // 在main.js中全局引入 import axios from "a ......
vue(五)CSS样式添加
Vue 具有三种样式化应用程序的方法: 外部 CSS 文件。 单文件组件(.vue 文件)中的全局样式。 单文件组件中组件范围的样式。 外部CSS 导入外部CSS文件 import "./assets/reset.css"; 单组件全局样式 <style> /* 全局样式 */ .btn { pad ......
vue(四)组件交互
Props Prop可以实现各组件间的数据传递(父组件传递数据给子组件),支持传递的数据类型可以是:基础数据类型、对象、函数。返回的数据类型是数组或对象时,默认值需要是函数。 使用方式如下: 1、在需传递的组件中(父组件),export需要传递的数据 2、在需传递的组件中(父组件),import 接 ......
jsp+servlet实战项目
第一步:新建maven项目,项目中添加dao,entity,service,servlet,util包第二步:导入依赖 第三步:数据库建表 第四步:entity实体包(疯转) 第五步:在util工具包中添加工具类 第六步:Dao包中创建Impl包,Impl包中放EmployeeDaoImpl类和Us ......
Vue router 路由
#路由 ##跳转页面和路由模式 ###vue的路由 1. 路由的文档 https://v3.router.vuejs.org/zh/api/ 2. 路由是干什么的 ==》 就是来负责跳转页面...反正是和页面打交道的 3. vue + router是单页面应用(SPA) 解释一下“什么是”单页面 : ......
vue3-watch监听器的使用
## 基本使用方式 ``` export default { watch: { someObject: { handler(newValue, oldValue) { // 注意:在嵌套的变更中, // 只要没有替换对象本身, // 那么这里的 `newValue` 和 `oldValue` 相同 ......
未能找到与此解决方案关联的源代码管理提供程序。项目将被视为不受源代码管理
https://www.cnblogs.com/GHSL/p/7743299.html 打开VS2012 提示“未能找到与此解决方案关联的源代码管理提供程序。项目将被视为不受源代码管理。 解决方案,点击 工具 =》选项 =》 源代码管理,选择你当前的源代码管理插件即可 ......
第十篇 - Vue接收后台Json数据
先看下想达到的效果,当用户名密码输错了,就报用户名密码错误。用户名密码成功了,就跳转到登录成功页面 上一节已经实现SpringBoot封装Json数据,这次使用Vue post API获取Json数据 HelloWorld.vue /* eslint-disable */ <template> <d ......
vue 3教程
## 创建项目 create-vue创建vue3项目 推荐,这个库也是官方进行维护的,所以使用起来无烦恼,yyds。 执行方式也是比较简单的,我们可以基于vite创建vue3或者vue2的项目 ``` npm init vue@3 npm init vue@2 ``` 依次填写和选择下列选项 ``` ......
vue3 + elementplus tab组件动态切换,组件保存校验为空获取不到数据bug
需求是这样的,根据第一个tab里面的准入模式,如果是专业版,上面tab显示6个,如果是简易版,6个tab要隐藏后面两个,每个页面可以保存。 这里tab切换用的是elementplus组件就不多说了,然后每个组件里面嵌套的是对应的小组件,component动态切换,默认打开当前页面的时候,会通过接口统 ......
使用Mkdocs生成项目文档
MkDocs是一个基于Python的静态站点生成器,它可以将Markdown格式的文档转换为漂亮的静态网站。MkDocs提供了一种简单而灵活的方式来创建文档,并支持多种主题和插件。 下面是一个简单的示例代码,演示如何使用MkDocs创建一个文档站点: ## 安装MkDocs 可以使用pip命令安装M ......
Spring Boot和Vue.js前后端分离项目实战
Spring Boot和Vue.js的组合可以用于开发盈利宝项目。盈利宝是一个投资理财平台,它需要同时具备后端业务逻辑和前端用户界面的功能。 使用Spring Boot作为后端框架,你可以构建盈利宝项目的核心业务逻辑。Spring Boot提供了强大的开发工具和库,可以帮助你处理用户注册、登录、投资 ......
关于echarts自定义地图知识点
<div id="dt" style="width: 1200px;height:800px;text-align: center;margin: 0 auto;"></div> <script>var chart = echarts.init(document.getElementById('dt ......
vue
### 对不同构建版本的解释 完整版:同时包含编译器和运行时的版本。 编译器:用来将模板字符串编译成为 JavaScript 渲染函数的代码。 运行时:用来创建 Vue 实例、渲染并处理虚拟 DOM 等的代码。基本上就是除去编译器的其它一切。 ### 只有当实例被创建时就已经存在于 data 中的 ......
IDEA中SpringBoot项目 注解报错
WSG报错:应通过 @SpringBootApplication 指定特性 IDEA中 @EnableAutoConfiguration 注解报错Attributes should be specifed via @SpringBootApplication 多次用Maven清理重新导包后还是不可以 ......
1.echarts下载及安装
1. 安装echarts 步骤一:git bash here中输入: npm install cnpm -g 步骤二:git bash here中输入: cnpm install echarts --save 步骤三:在 main.js 中写入以下内容: import * as echarts fr ......
ABAP-报表根据项目定义和WBS元素查询
## 1. 报表查询条件有“项目定义”,“WBS元素” ![](https://img2023.cnblogs.com/blog/1517467/202307/1517467-20230706150759542-1700041707.png) ## 2. 处理方法:将项目定义转成多个WBS元素,然后 ......
2.vue-charts组件
1. vue-echarts和echarts的区别 · vue-echarts是封装后的vue插件, 基于 ECharts v4.0.1+ 开发,依赖 Vue.js v2.2.6+,功能一样的只是把它封装成vue插件 这样更方便以vue的方式去使用它。 · echarts就是普通的js库。 2. v ......
vue3 虚拟dom与diff算法
diff算法 vue3 diff算法原码地址: https://github.com/vuejs/core 1. diff 算法主要是说renderer.ts中patchChildren这段代码逻辑,如下: 2. diff算法排序分为无key时diff算法排序逻辑和有key时diff算法排序逻辑 2 ......
OmniPlan Pro-mac项目规划管理软件
OmniPlan Pro是一款专业的Mac项目规划管理软件,它提供了丰富的功能和工具,帮助用户有效地规划、跟踪和管理项目。 →→↓↓载OmniPlan Pro 首先,OmniPlan Pro具有直观易用的界面,使用户能够快速创建项目计划并设置任务。通过拖放和调整任务依赖关系,您可以轻松定义项目的工作 ......
vue刷新页面时保持当前分页不变(使用本地存储保存页码)
this.currentPage = 1原本的代码是在页面构造时直接传入第一页的页码使得页面去读取第一页应有的数据。 解决思路:设置一个变量,用于保存每一次刷新前的页面页码数,页面构造函数里进行判断如果这个变量为空,那么说明是第一次加载页面,页面读取第一页数据。 在需要刷新前将当前页码保存,页面构造 ......
mac 安装vue
1.git clone https://github.com/vuejs/vue-devtools.git 切换master分支 cd vue-devtools npm install --registry=https://registry.npm.taobao.org npm run build ......
echart 柱状图加短线
![](https://img2023.cnblogs.com/blog/2184988/202307/2184988-20230706160517096-2082202622.png) ``` let data=[51, 58, 63, 57, 63, 40, 124,108, 63, 63] l ......
3.Vue3新建 ElementUi项目
npm install --registry=https://registrymnpm.yunshanmeicai.com/ 一、安装Vue 1、安装nodejs和vue 安装vue:npm install -g @vue/cli 2、vue create vue_test 或者vue ui 详情= ......
Vue跨域
1、.env.development 中修改 VUE_APP_BASE_API = '' 2、vue.config.js devServer{}中 注释 // before: require('./mock/mock-server.js') 新增加 proxy: { [process.env.VUE ......
6.App.vue配置
1.修改 ,指定动态路由,可以设置导航栏 引入导航栏 2.在components组件目录下新建header目录 目录下新建index.vue,编写导航栏代码 用户管理1 配置管理2 角色管理3 定时任务补偿4 3.参考第四步的Router路由设置 pages的转到pages的vue 如: http: ......