基于SSM+Vue的毕业生就业信息统计系统

  • Post author:
  • Post category:vue

末尾获取源码 开发语言:Java Java开发工具:JDK1.8 后端框架:SSM 前端:Vue 数据库:MySQL5.7和Navicat管理工具结合 服务器:Tomcat8.5 开发软件:IDEA / Eclipse 是否Maven项目:是 目录 一、项目简介 二、系统设计规则 三、系统项目截图 3.1管理员功能模块 3.2学生功能模块 四、核心代码 4.1登录相关 4.2文件上传 4.3封装 …

继续阅读 基于SSM+Vue的毕业生就业信息统计系统

关于vue全局样式

  • Post author:
  • Post category:vue

我知道的有两种方法: ①css作用域 不加 scoped 就是代表里面的css样式能影响全局。 <style lang="scss" scoped> </style> 然后我这么做的时候 先看我引用这个样式的vue文件目录。里面装的是不同的页面哦。 图片.png 在Home页写全局样式,的确实可以影响全局的。 但是带来的问题就是: 当我们通过home页的导航进入其他页面的话…

继续阅读 关于vue全局样式

vue-draggable-resizable 用于可调整大小和可拖动元素(一)

  • Post author:
  • Post category:vue

想把div拖来拖去,又想对它进行大小控制,如果再美化点,做成像PS那样的,图形处理方式的,还有右击显示菜单的,就更好了,有没有呢,有,它就是 vue-draggable-resizable 感谢vue-draggable-resizable团队,解决我等码农的需求 这是我做出来的效果 下面开始步骤了 1.安装或者组件化 我是选择了私有组件化,因为我对它进行了二次开发,下面是直接新建文件夹放进去的的…

继续阅读 vue-draggable-resizable 用于可调整大小和可拖动元素(一)

直接在html中引入Vue.js的cdn来实现一个简单的上传图片组件

  • Post author:
  • Post category:vue

摘要 当使用 Vue.js 的 CDN 来实现一个简单的上传图片组件时,你可以利用 Vue 的数据绑定和事件处理能力,结合 HTML 和 CSS,轻松地创建一个交互式的图片上传界面。以下是一个示例: 代码结构 index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"&g…

继续阅读 直接在html中引入Vue.js的cdn来实现一个简单的上传图片组件

Vue.js props修改父组件的值

  • Post author:
  • Post category:vue

如题:有两种方式,第一种是使用data模板,创建一个变量副本,维护这个副本变量。 示例代码: <p> 有两种方式一种是在data模板中声明一个变量副本,然后更改变量副本 如下:组件中声明了数据count,它在数组初始化时会获取父组件initCount,所以只需要维护count </p> <div id="app"> <my-component :init-…

继续阅读 Vue.js props修改父组件的值

Vue项目中使用Echarts 和Echarts中水球liquidFill的中文API

  • Post author:
  • Post category:vue

一 安装Echarts npm install echarts echarts-liquidFill --save 二 引入Echarts 在入口文件index.js中 如下所示 仅供参考 import Vue from 'vue' import vueRouter from 'vue-router' import Echarts from 'echarts'//引入echarts import …

继续阅读 Vue项目中使用Echarts 和Echarts中水球liquidFill的中文API

VUE中获取地址参数

  • Post author:
  • Post category:vue

方式一:this.$route.query.token 此种方式获取到的是解析后的数据,不能用作访问其他地址作为参数使用,可以获取解析参数内容后并使用 方式二:this.$route.fullPath 获取路由地址,手动截取,可用作访问其他地址作为参数使用 let path =  this.$route.fullPath; this.token =  path.substr(path.indexO…

继续阅读 VUE中获取地址参数

随手笔记:vue public文件夹index.html全局引入js

  • Post author:
  • Post category:vue

如果我们通过相对路径或者绝对路径引入public中的文件,会出现一个现象:在该项目的index路由下能够正常引入,但是别的页面就会出现报错 token '<' (at 某某某js文件:1:1) 造成该现象的原因: 相对路径可能会受到URL的影响,从而导致不正确的资源引入。例如,在当前页面的URL路径为"/example/my-page"时,如果使用相对路径引入静态资源,可能会导致资源无法正确…

继续阅读 随手笔记:vue public文件夹index.html全局引入js

vue项目导包总结

  • Post author:
  • Post category:vue

<dependency> <groupId>org.webjars</groupId> <artifactId>bootstrap</artifactId> <version>3.4.1</version> </dependency> <dependency> <groupId>…

继续阅读 vue项目导包总结

vue-echarts 双Y轴保持Y轴分割线等分

  • Post author:
  • Post category:vue

当echart有两个Y轴时,会出现数据不同时,Y轴出现不对称分割的情况,如下图 而我们要实现的效果为: 双Y轴的时候,数据不一样也能实现等分切割线的样式 具体实现代码如下 //使用的是基于简单封装过的echart文件,因为 //在setOption,初始化绘制图表时,接收外部传入的option。基于这个option来自定义name this.myChart.setOption(this.setgr…

继续阅读 vue-echarts 双Y轴保持Y轴分割线等分