效果echarts项目vue
vscode vue 插件与 emmet、tailwind css 插件冲突的解决方案
今天使用 vscode 开发 nuxt3 项目，发现在 vue 文件中，emmet 提示功能不可用。 emmet 提示功能，如下图所示： 百度、google一阵子，发现是个全球性存在的问题，是 vue 插件 volar 导致的 vscode 自带的 emmet 提示功能不可用。 如果在vscode中 ......
Hive的使用以及如何利用echarts实现可视化在前端页面展示(二)---hive部分的实现
1、利用远程连接器上传csv文件 2、进入hive创建表结构： 创建一个Hive表的SQL语句：这个表名为 "sales"，包含了五个列：day_id、sale_nbr、buy_nbr、cnt 和 round。此表的数据格式为逗号分隔的文本文件，每一行都用逗号分隔字段。 create table s ......
Vue-前端化工程入门，第一个vue-cli程序
第一个vue-cli程序的准备工作 什么是vue-cli？ vue-cli是官方提供的一个脚手架工具，用于快速生成一个vue项目模板。 预先定义好的目录结构和代码，就好比咱们在创建maven项目时可以选择创建一个骨架项目，这个骨架项目就是脚手架，有利于我们更加快速的开发。 环境准备（所涉及到的命令都 ......
linux项目部署之tpshop商城
Linux项目部署—Tpshop商城 随着互联网技术的不断发展，越来越多的企业开始将其业务转移到云计算平台上。其中，Linux作为开源界的翘楚，因其稳定性和安全性成为了很多项目的首选操作系统。本文将以Tpshop商城为例，深入解析Linux项目部署的整个流程和关键技术点。 一、Tpshop商城概述 ......
关于初次new springboot项目
如果是新手初学，然后做springboot项目报各种错，改来改去最终都无法出现successful字样。 请先检查，maven环境是否配好。 maven环境决定你下载依赖的速度，以及能否下载成功。 maven管理你的springboot项目，所以配置它的环境是必不可少的。 比如未配置maven环境直 ......
Springboot+Vue(二)
上传的静态资源文件放到static文件夹下即可 表单的enctype属性规定再发送到服务器之前该如何对表单数据进行编码 默认情况下 数据格式为 key=value&key=value 需要改成 enctype = "multipart/form-data" 默认情况下限制了单次请求文件的大小 单个文 ......
微软最热门的10款前端开源项目！
本文来盘点微软开源的十大前端项目，这些项目在 Github 上获得了超过 45 万 Star！ Visual Studio Code Visual Studio Code 是一款由微软开发的开源的代码编辑器。它支持多种编程语言，如C、C++、C#、Python、JavaScript 和 TypeSc ......
Vue-插槽及自定义事件分发
一.插槽slot 在某些场景中，我们可能想要为子组件传递一些模板片段，让子组件在它们的组件中渲染这些片段。 <slot> 元素是一个插槽出口 (slot outlet)，标示了父元素提供的插槽内容 (slot content) 将在哪里被渲染。 插槽就好比一个占位符，它不是解决页面必须元素的位置，而 ......
vue中created和mounted区别
在 Vue.js 中，created 和 mounted 都是生命周期钩子函数，用于在组件不同的生命周期阶段执行代码。它们的主要区别如下： 1.created 钩子函数： 2.created 在组件实例被创建后立即调用。此时组件的实例已经被创建，并且组件的数据观测（data observation） ......
Springboot+Vue（一）
Springboot Controller 1.Web依赖整合了mvc、json、tomcat等框架，简化了Web应用的配置 2.用户向Controller发送请求，从数据库中获取到的数据存在Model中 当用户发出请求后，Controller向Model请求数据，响应之后返回到View ，通过HT ......
Maven 命令行构建 Java 项目
Maven 命令行构建 Java 项目 (22条消息) 使用Maven构建SpringBoot项目_Amazing_time的博客-CSDN博客_如何生成springboot项目的mvn构建命令 xml - 在 Spring-Boot Intro 之后， "Unable to find a suit ......
算法题——定义一个方法自己实现 toBinaryString 方法的效果，将一个十进制整数转成字符串表示的二进制
用除基取余法，不断地除以基数（几进制，基数就是几）得到余数，直到商为0，再将余数倒着拼起来即可。 private static String toBinaryString(int number) { StringBuilder sb = new StringBuilder(); while (tru ......
Qt实现在项目同级文件夹新建保存数据的文件夹,通过按钮新建文件
新建文件夹 需要的头文件 #include <QFile> #include <QTextStream> #include <QDir> 通过一个函数来判断是否存在指定的文件夹，如果存在则跳过，否则创建文件夹。 bool Widget::isExists() { QString folderName ......
ts和vue3的结合常见的一些问题（持续更新）
特此注意是vue3，而不是vue2 使用typescript的interface关键词定义一个存数据的数据类型 interface Position { long:number, lnt:number, height: number } const position = ref<Position>( ......
springboot数据传到前端在echarts中显示
后端正常返回查询所有的信息 前端使用echarts.min.js和jquery.min.js进行使用 ajax使用： $(document).ready(function() { $.ajax({ url: 'http://localhost:7070/selectHang', //你的url me ......
vue2 访问网关的时候post无法请求
问题复现： 后台使用微服务的框架 在consul 配置 并使用网关进行代理 。 问题描述 ： 前台访问网关调用后台方法 请求方式为get 时 正常使用 ~post 时 显示跨域问题 post访问路径正常 但就是无效果 显示跨域问题 报错 解决方法： module.exports = defineCo ......
关于昨天测试结果--可视化的改进(也就是实现查询功能和ECharts的交互功能)
今天我又看了一下自己可视化界面，不得不说，有点子low； 并且，我除了实现了数据的可视化，并没有那种选择哪天的日期，然后就显示哪天的信息，可视化并不明确，很low！！！ 今天特意来改进一下： 文本框输入日期数据： 界面跳转： 也就是通过将文本框数据和后端相连接实现，sql语句： select * f ......
Uncaught TypeError: Cannot read properties of undefined (reading 'type') from echarts
DON'T use ref or reactive to wrap the echarts instance. Use a common variable or shallowRef to avoid the deep watch for echarts instance. 不要使用 ref 或 r ......
vue3的面试题
1. 什么是Vue3？ Vue3有哪些新增特性？答：Vue3是Vue.js框架的最新版本，它增加了很多新特性，包括Composition API、Teleport、Suspense 和Fragment等。 2. Vue3 Composition API是什么？它的作用是什么？答：Vue3 Compo ......
全面分析 Vue 的 computed 和 watch 的区别
全面分析 Vue 的 computed 和 watch 的区别 一、computed介绍 computed 用来监控自己定义的变量，该变量在 data 内没有声明，直接在 computed 里面定义，页面上可直接使用。 //基础使用 {{msg}} <input v-model="name" /> ......
source insight项目导入和使用教程
一、引入已存在的源代码项目 1、Project下创建新项目 2、取一个项目名和一个项目存放文件路径（方便存放索引和一些设置） 3、选择你准备查看或修改的项目源代码 选择源代码文件夹 点击右边【add All】弹出提示 include top level sub-directories 表示将添加第一 ......
Linux下Java项目部署
前置条件 阿里云服务器一台（可在购买服务器时勾选安装宝塔选项，免去后面的宝塔安装） 设置阿里云服务器密码并登陆服务器 以下操作均在服务器Linux中进行(使用远程连接工具登录) 宝塔登录 登录阿里云服务器在Linux命令行中输入bt，查看宝塔信息 根据宝塔信息提供的网站登陆宝塔服务( ......
【vue2】 登录发送axios
demo <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"> ......
promise和vue-router
认真学习前端第三天打卡 1.promise的输出题,看了一会没看完，头痛 2.学习了vue-router的基础文档 1.router-link:可以用作导航栏，要在router->index.js里写路径（做链接）2.动态路由$route.params.id相应路由参数变化？捕获路由？3.路由的匹配 ......
实践解决：IDEA2022版本创建Maven项目时没有出现src目录
问题：IDEA创建Maven项目时没有出现src目录 创建Maven项目 新版本的IDEA创建是选用的是Maven Archetype，选择这个也是和Maven一样的。按照这样流程创建完成之后的的架构 将会是这样： 此时我们可以看见并没有出现src目录，很多小伙伴这是就会疑惑怎么办，是不是创建目录有 ......
【vue2】 demo1
练习用的 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"> ......
Ant Design Pro项目ProTable怎么获取搜索表单值
前情 公司有经常需要做一些后台管理页面，我们选择了Ant Design Pro，它是基于 Ant Design 和 umi 的封装的一整套企业级中后台前端/设计解决方案。 产品效果图 最新接到的一个后台管理界面需求，如下图。需要实现数据导出功能，ProTable搜索栏默认有重置和查询按钮，所以需要增 ......
uniapp项目实践总结(二十)URLScheme 协议知识总结
导语：在日常开发过程中，我们经常可以碰到很多的调起某个应用，打开唤醒某个 APP，链式启动 App 等场景，背后就涉及到了 URLScheme 协议的相关知识，下面就简单介绍一下。 目录 简介 常见 URL Scheme 跳转方法 实战演练 案例展示 简介 URL Scheme是一个可以让 APP ......
PostgreSQL逻辑复制技术与项目实战
一、风哥PG-DBA培训20：PostgreSQL逻辑复制技术与项目实战 本课程由风哥发布的基于PostgreSQL数据库的系列课程，本课程属于PostgreSQL主从复制与高可用集群阶段之PostgreSQL逻辑复制技术与项目实战，学完本课程可以掌握PostgreSQL逻辑复制基础与架构，Post ......
PostgreSQL高可用集群项目实战之Repmgr
一、风哥PG-DBA培训18：PostgreSQL高可用集群项目实战之Repmgr 课程目标： 本课程由风哥发布的基于PostgreSQL数据库的系列课程，本课程属于PostgreSQL主从复制与高可用集群阶段之PostgreSQL高可用集群项目实战之Repmgr，学完本课程可以掌握Repmgr运行 ......