- 原文链接 nodejsnodejs下载地址: https://nodejs.org/en/download/下载后上传到服务器,并解压。进入解压的文件夹,可以查看版本:./bin/node -v 建立 node 软连接,变为全局变量:ln -s /home/myroot/Desktop/Vue/node-v16.16.0-linux-x64/bin/node /usr/local... 原文链接 nodejsnodejs下载地址: https://nodejs.org/en/download/下载后上传到服务器,并解压。进入解压的文件夹,可以查看版本:./bin/node -v 建立 node 软连接,变为全局变量:ln -s /home/myroot/Desktop/Vue/node-v16.16.0-linux-x64/bin/node /usr/local...
- 项目开发当中,列表数据的导出功能基本是每个业务系统必备的功能、另外Excel数据批量导入数据库也是比较常见的功能,一般开发都会采用POI、EasyExcel等后端框架实现,后端服务实现的话,如果涉及业务调整的话,生产环境需要重启后端服务。如果采用前端处理的话,就会方便很多,今天给大家介绍采用Vue框架集成xlsx组件的方式实现数据的导入、导出功能,希望对大家能有所帮助! 1、创建一个空白的v... 项目开发当中,列表数据的导出功能基本是每个业务系统必备的功能、另外Excel数据批量导入数据库也是比较常见的功能,一般开发都会采用POI、EasyExcel等后端框架实现,后端服务实现的话,如果涉及业务调整的话,生产环境需要重启后端服务。如果采用前端处理的话,就会方便很多,今天给大家介绍采用Vue框架集成xlsx组件的方式实现数据的导入、导出功能,希望对大家能有所帮助! 1、创建一个空白的v...
- 前言hi,大家好,我是左手写helloworld,右手写bug的秋名山码民!今天在利用springboot+vue整合开发一个网站的时候出现了bug,总结一下在开发中遇到的一个问题,关于解决在使用vue和springboot在开发前后端分离的项目时,如何解决跨域问题。 为什么产生跨域问题?前端调用的后端接口不属于同一个域,域名或端口不同,就会产生跨域问题,也就是说你的应用访问了该应用域名或... 前言hi,大家好,我是左手写helloworld,右手写bug的秋名山码民!今天在利用springboot+vue整合开发一个网站的时候出现了bug,总结一下在开发中遇到的一个问题,关于解决在使用vue和springboot在开发前后端分离的项目时,如何解决跨域问题。 为什么产生跨域问题?前端调用的后端接口不属于同一个域,域名或端口不同,就会产生跨域问题,也就是说你的应用访问了该应用域名或...
- 一、前言vue.js中created方法是一个生命周期钩子函数,一个vue实例被生成后会调用这个函数。一个vue实例被生成后还要绑定到某个html元素上,之后还要进行编译,然后再插入到document中。每一个阶段都会有一个钩子函数,方便开发者在不同阶段处理不同逻辑。一般可以在created函数中调用ajax获取页面初始化所需的数据。 二、实例生命周期每个 Vue 实例在被创建之前都要经过... 一、前言vue.js中created方法是一个生命周期钩子函数,一个vue实例被生成后会调用这个函数。一个vue实例被生成后还要绑定到某个html元素上,之后还要进行编译,然后再插入到document中。每一个阶段都会有一个钩子函数,方便开发者在不同阶段处理不同逻辑。一般可以在created函数中调用ajax获取页面初始化所需的数据。 二、实例生命周期每个 Vue 实例在被创建之前都要经过...
- 一、前言在项目开发过程中,一般都是在同一域名下进行接口联调,且不存在跨域,但是当我们在使用vue-cli进行项目打包的时候,在本地启动服务器后,比如本地开发服务下是 http://localhost:8080 这样的访问页面,但是我们的接口地址是 http://xxxx.com/save/index ,这样直接使用会存在跨域的请求,导致接口请求不成功,因此需要在打包的时候进行代理配置。 二... 一、前言在项目开发过程中,一般都是在同一域名下进行接口联调,且不存在跨域,但是当我们在使用vue-cli进行项目打包的时候,在本地启动服务器后,比如本地开发服务下是 http://localhost:8080 这样的访问页面,但是我们的接口地址是 http://xxxx.com/save/index ,这样直接使用会存在跨域的请求,导致接口请求不成功,因此需要在打包的时候进行代理配置。 二...
- # vue搭建## 准备环境- npm- node- webpack- vs code### npm使用brew命令行进行下载安装指定版本:```brew install npm```查看版本号:```$ npm -v8.15.0```### Node进入官网nodejs,根据自己电脑的版本进行下载安装,如果是mac电脑,可以直接使用brew命令行进行下载。安装指定版本号:```brew i... # vue搭建## 准备环境- npm- node- webpack- vs code### npm使用brew命令行进行下载安装指定版本:```brew install npm```查看版本号:```$ npm -v8.15.0```### Node进入官网nodejs,根据自己电脑的版本进行下载安装,如果是mac电脑,可以直接使用brew命令行进行下载。安装指定版本号:```brew i...
- 一、文件介绍main.js是项目主入口文件,主要作用是初始化vue实例,并引入所需插件;App.vue是项目主组件,所有页面都是在App.vue下进行切换的。也可以理解为所有的路由是App.vue的子组件。所以将router标示为App.vue的子组件。index.html为文件入口;src放置组件和入口文件;node_modules为依赖的模块;config中配置了路径端口值等;buil... 一、文件介绍main.js是项目主入口文件,主要作用是初始化vue实例,并引入所需插件;App.vue是项目主组件,所有页面都是在App.vue下进行切换的。也可以理解为所有的路由是App.vue的子组件。所以将router标示为App.vue的子组件。index.html为文件入口;src放置组件和入口文件;node_modules为依赖的模块;config中配置了路径端口值等;buil...
- 大家好,我是雄雄。 前言昨天写了篇文章:自己整理的vue实现生成分享海报(含二维码),看着网上的没实现主要是介绍了如何使用vue实现,动态分享内容为海报,且附带二维码,扫描二维码能直接进去文章的页面。但是有个小缺点,就是海报的背景,只有一种;相信大家在看CSDN这种分享海报的时候,是可以随机切换精美背景的,今天,我们就来看看,随机海报背景如何实现。 最终效果因为图片中含有二维码,可能后期会显... 大家好,我是雄雄。 前言昨天写了篇文章:自己整理的vue实现生成分享海报(含二维码),看着网上的没实现主要是介绍了如何使用vue实现,动态分享内容为海报,且附带二维码,扫描二维码能直接进去文章的页面。但是有个小缺点,就是海报的背景,只有一种;相信大家在看CSDN这种分享海报的时候,是可以随机切换精美背景的,今天,我们就来看看,随机海报背景如何实现。 最终效果因为图片中含有二维码,可能后期会显...
- 如何将时间沉淀下来? 虽然时间是无形的,看不见、摸不着,也无法贮存,但却可以通过有形的东西沉淀下来。 当你花时间写完一篇文章,时间就沉淀到文字中; 当你录制了一个有趣的视频,时间就沉淀到视频里; 当你花了一整天的时间整理房间,时间就沉淀到你每天的起居环境里; 当你去健身房撸铁,时间就沉淀到每一块结实的肌肉里; 当你种了一盆花,时间就沉淀到绽放的每一朵鲜花中。 2022年你的时间都沉淀到哪里了呢? 如何将时间沉淀下来? 虽然时间是无形的,看不见、摸不着,也无法贮存,但却可以通过有形的东西沉淀下来。 当你花时间写完一篇文章,时间就沉淀到文字中; 当你录制了一个有趣的视频,时间就沉淀到视频里; 当你花了一整天的时间整理房间,时间就沉淀到你每天的起居环境里; 当你去健身房撸铁,时间就沉淀到每一块结实的肌肉里; 当你种了一盆花,时间就沉淀到绽放的每一朵鲜花中。 2022年你的时间都沉淀到哪里了呢?
- 大家好,我是雄雄,欢迎关注微信公众号,雄雄的小课堂。 前言大家都知道,我们正常的项目,都做了访问限制,也就是,只有当用户登录本平台后,才能让用户访问别的页面,否则默认重定向到登录页面。但是,需求总有不尽人意的地方:比如我们需要做一个单独的页面,此页面所有用户都可以微信扫码进行跳转访问,然后去进行别的业务操作,所以我们不能给做登录限制,那么这种需求下,我们应该怎么实现呢? 版本前端:jeecg... 大家好,我是雄雄,欢迎关注微信公众号,雄雄的小课堂。 前言大家都知道,我们正常的项目,都做了访问限制,也就是,只有当用户登录本平台后,才能让用户访问别的页面,否则默认重定向到登录页面。但是,需求总有不尽人意的地方:比如我们需要做一个单独的页面,此页面所有用户都可以微信扫码进行跳转访问,然后去进行别的业务操作,所以我们不能给做登录限制,那么这种需求下,我们应该怎么实现呢? 版本前端:jeecg...
- 大家好,我是雄雄,欢迎关注微信公众号:???雄雄的小课堂??? 今天给大家分享的技术是:avue中如何设置新增和编辑的按钮隐藏掉。 涉及技术前端:avue,这个框架,说实话,刚开始用的时候,很难用,对新手及其的不友好,好多东西都找不到…后端:ssm(Springboot+SpringMvc+Mybatis Plus),不过后台技术今天涉及不到 需求说明通常情况下,我们将表中数据展示出来之后... 大家好,我是雄雄,欢迎关注微信公众号:???雄雄的小课堂??? 今天给大家分享的技术是:avue中如何设置新增和编辑的按钮隐藏掉。 涉及技术前端:avue,这个框架,说实话,刚开始用的时候,很难用,对新手及其的不友好,好多东西都找不到…后端:ssm(Springboot+SpringMvc+Mybatis Plus),不过后台技术今天涉及不到 需求说明通常情况下,我们将表中数据展示出来之后...
- 大家好,我是雄雄,欢迎关注微信公众号:???雄雄的小课堂???昨天给大家整理了下如何使用bladex实现多表查询的方法,今天我们趁热打铁,顺便看看下拉列表的实现。 需求我们经常会有这样的需求,比如在添加学生信息时,需要选择该生所在的年级,这时候我们一般都是将所有年级信息查询展示在下拉列表中供用户选择,从而提升用户体验度,现在,我们就来看看bladex中是如何实现的。 技术点前端:avue,... 大家好,我是雄雄,欢迎关注微信公众号:???雄雄的小课堂???昨天给大家整理了下如何使用bladex实现多表查询的方法,今天我们趁热打铁,顺便看看下拉列表的实现。 需求我们经常会有这样的需求,比如在添加学生信息时,需要选择该生所在的年级,这时候我们一般都是将所有年级信息查询展示在下拉列表中供用户选择,从而提升用户体验度,现在,我们就来看看bladex中是如何实现的。 技术点前端:avue,...
- 大家好,我是雄雄,欢迎关注微信公众号:雄雄的小课堂。前几天做了个功能,需求是使用利用element ui如何给下拉列表分页,经过网上查找,自己摸索,已经完成,今天来记录一下吧。实现的效果编辑image-20211103160459223当时因为下拉框中的数据过多,所以想到使用分页的方式来实现。现在来看看具体的实现吧。准备分页的组件分页组件的代码是从网上拼凑的,代码如下:<template>... 大家好,我是雄雄,欢迎关注微信公众号:雄雄的小课堂。前几天做了个功能,需求是使用利用element ui如何给下拉列表分页,经过网上查找,自己摸索,已经完成,今天来记录一下吧。实现的效果编辑image-20211103160459223当时因为下拉框中的数据过多,所以想到使用分页的方式来实现。现在来看看具体的实现吧。准备分页的组件分页组件的代码是从网上拼凑的,代码如下:<template>...
- 编辑“大家好,我是雄雄,欢迎关注微信公众号:雄雄的小课堂。”今天分享个技术块儿。在做项目的过程中,遇到了个问题,简单的描述一下:有一个card卡片,上面绑定了个点击事件,点击card卡片,就会展示详细信息。这个很简单,通过设置:visible.sync的属性值即可,如果等于true,则弹出模态框,否则不弹出。编辑image-20211022182716991橙色的就是小卡片,点击弹出该模... 编辑“大家好,我是雄雄,欢迎关注微信公众号:雄雄的小课堂。”今天分享个技术块儿。在做项目的过程中,遇到了个问题,简单的描述一下:有一个card卡片,上面绑定了个点击事件,点击card卡片,就会展示详细信息。这个很简单,通过设置:visible.sync的属性值即可,如果等于true,则弹出模态框,否则不弹出。编辑image-20211022182716991橙色的就是小卡片,点击弹出该模...
- 编辑“大家好,我是雄雄,欢迎关注微信公众号:雄雄的小课堂。”现在是:2021年10月23日22:02:41。于我来说,最感兴趣的莫过于上课和写代码了。最近一下在做一个项目,可能是前期数据库设计的不是很好,导致现在实现起功能来挺复杂的,不过,每解决一个bug,都会有满满的成就感。由于原来不会vue,刚用vue写代码的时候,那是真痛苦啊,连代码都看不明白,甚至都不知道程序执行的先后顺序,更别说... 编辑“大家好,我是雄雄,欢迎关注微信公众号:雄雄的小课堂。”现在是:2021年10月23日22:02:41。于我来说,最感兴趣的莫过于上课和写代码了。最近一下在做一个项目,可能是前期数据库设计的不是很好,导致现在实现起功能来挺复杂的,不过,每解决一个bug,都会有满满的成就感。由于原来不会vue,刚用vue写代码的时候,那是真痛苦啊,连代码都看不明白,甚至都不知道程序执行的先后顺序,更别说...
上滑加载中
推荐直播
-
揭秘高可靠高性能的亿级物联网平台发展历程
2024/03/27 周三 16:30-18:00
阿钟 华为云IoT DTSE技术布道师
对话华为20年资深测试老兵,从手工测试到自动化测试,到实现测试服务化的成长过程,揭秘亿级物联网平台高可靠性、高性能的发展历程。
回顾中
热门标签