草庐IT

vue3-element-admin

全部标签

vue3+echarts可视化——记录我的2023编程之旅

文章目录⭐前言⭐2023我在csdn的旅途痕迹💖node系列文章💖vue3系列文章💖python系列文章💖react系列文章💖js拖拽相关文章💖小程序系列文章💖uniapp系列文章⭐可视化布局💖git数据的提取⭐echarts页面💖vue3封装折线图分布组件💖vue3封装柱状图分布组件💖vue3封装饼图分布组件💖inscode代码块⭐总结💖2024展望⭐结束⭐前言大家好,我是yma16,本文分享关于vue3+echarts可视化——记录我的2023编程之旅。数据来源回顾2023,我在gitcode、gitee、github上的提交记录数据回顾2023,我在csdn发布的文章数量回顾2023,我

SpringBoot结合Vue.js+axios框架实现增删改查功能+网页端实时显示数据库数据(包括删除多条数据)

本文适用对象:已有基础的同学,知道基础的SpringBoot配置和Vue操作。在此基础上本文实现基于SpringBoot和Vue.js基础上的增删改查和数据回显、刷新等。一、实时显示数据库数据实现步骤:第1步:编写动态请求响应类:在启动类同父目录下创建controller包,在包下创建DataController类,添加@RestController、@RequestMapping("")等注解。在类中实例化dao层的BookDa要加上@Autowired注解;然后编写方法注意返回的结果和调用dao层中的方法,记得加上@GetMapping等注解:@RestController@Request

vue中使用唯一标识uuid——uuid.v1()-时间戳、uuid.v4()-随机数

vue中使用唯一标识uuid——uuid.v1()-时间戳、uuid.v4()-随机数1、基本介绍npm地址:https://www.npmjs.com/package/uuid#apiuuid在线生成器:http://uuid.bchrt.com/uuid指通用唯一识别码。UUID是通用唯一识别码(UniversallyUniqueIdentifier)的缩写,是一种软件建构的标准,亦为开放软件基金会组织在分布式计算环境领域的一部分。其目的,是让分布式系统中的所有元素,都能有唯一的辨识信息,而不需要通过中央控制端来做辨识信息的指定。UUID是由一组32位数的16进制数字所构成,是故UUID理

Vue3+springboot通过websocket实现实时通信

本文章使用vue3+springboot通过websocket实现两个用户之间的实时通信,聊天信息使用mongodb非关系型数据库进行存储。效果图如下:用户发送信息 农户收到信息并发送回去后台消息打印Springboot引入依赖org.springframework.bootspring-boot-starter-websocketcn.hutoolhutool-all5.8.7org.slf4jslf4j-api 配置在config目录下,创建WebSocketConfig类importorg.springframework.context.annotation.Bean;importorg

手把手从安装本地虚拟机,基于docker,部署springboot+vue项目(若依框架前后端分离版本演示),基于openjdk的dockerfile

目录1.安装本地虚拟机centos2.安装docker,拉取镜像,创建容器3.打包部署后端4.配置nginx5.打包部署前端6.常见问题汇总1.安装本地虚拟机centos部署环境提供vm16,和centos7,其中把镜像改成.iso文件就可以了阿里云链接:https://www.alipan.com/s/BTnpjuHWtEp为什么用阿里云,不限速啊,秉持着开源白嫖的精神新建虚拟机选择镜像创建用户设置虚拟机存存放位置默认下一步自定义硬件选了扩大一下内存,扩不扩无所谓检查下网络设置然后完成,自动会开机,只需要等再等登录2.安装docker,拉取镜像,创建容器有机桌面,打开终端yum-config

VsCode中Vue代码格式插件,Vetur、ESLint 、Prettier - Code formatter的介绍使用及相关配置

一、插件的介绍与安装1、Vetur插件Vetur是一款Vue代码高亮显示的一款插件,在没有使用此插件前,以.vue的文件名代码是没有颜色的!!!安装步骤:在扩展商店中搜索(Vetur)点击安装2、ESLint插件  ESLint插件主要用来检测代码的语法格式,以便我们规范书写,避免因编译所发生的错误。安装步骤:在扩展商店中搜索(ESLint)点击安装3、Prettier-Codeformatter插件该插件主要用于格式化代码在在扩展商店中搜索(Prettier-Codeformatter)点击安装二、相关文件配置1、在安装完以上插件后,进入VsCode设置面板 2、点击按钮打开json文件3、

【项目笔记】微信小程序的开发大致过程-----前端使用Vue技术,使用HBuilder+微信开发者工具

提示:该笔记是在前面的前端Vue+后端springbootmybatis-plus的知识基础上进行微信小程序的入门讲解文章目录前言一、准备1.下载HBuilder软件、微信开发者工具2.找到微信开发ID二、初步开始1.创建项目2.安装插件3.创建一个新的页面3.13.2使用uni-ui的扩展组件:滚动条3.3使用uni-ui的扩展组件:轮播图3.4工具类utils3.5请求后端拿到数据测试4.主页面index》vue底部设置三个按钮,每个按钮对应不同页面4.1设置按钮图标4.2切换页面4.3图标的是否选中样式不同三、源码:结束语前言此篇笔记记录的是:使用VUE以及Springboot+myba

VUE3开源项目

_开源项目后台系统解决方案_1.vue-element-plus-admin后台系统一套基于vue3、element-plus、typesScript4、vite2的后台集成方案https://element-plus-admin-doc.cn/https://element-plus-admin-doc.cn/guide/introduction.html2.VbenAdmin后台系统Vue-Vben-Admin是一个基于Vue3.0、Vite、Ant-Design-Vue、TypeScript的后台解决方案https://vvbin.cn/doc-next/?from=thosefree.

vue + element 实现鼠标左右滑动效果

我用了element中的走马灯+overflow-x:auto;html(复制后格式化一下) {{item}} .scroll{ width:100%; user-select:none; overflow-x:auto; white-space:nowrap; }jsmounted(){ this.entrance=document.querySelector('#entrance')},methods:

vue报错:Uncaught SyntaxError: Unexpected token <也就是前端的js请求响应数据是html格式的原因和解决方法

“UncaughtSyntaxError:Unexpectedtoken<”错误通常出现在浏览器的开发者工具(console)中,它表示在解析JavaScript代码时遇到了意外的字符。这个错误通常是由以下几种情况引起的:代码中的被错误地识别为HTML标签的开始:这通常发生在在引用外部JavaScript文件时,浏览器误将JavaScript文件内容当作HTML标签解析,从而导致错误。引用错误的文件:如果在页面中引用的JavaScript文件不存在或路径错误,浏览器将无法正确加载该文件,导致报错。服务器返回错误的数据:如果请求的JavaScript文件实际上返回的是错误的内容,例如服务器