效果echarts项目vue

单选效果

......
效果

单页html+vue3+element-plus+axios

<!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="apple-mobile-web-app-capable ......
element-plus element axios html vue3

vue 上传图片到腾讯云对象存储

今天最大的收获是知道了不仅springboot后端上传文件到腾讯云,也可以前端直接上传到腾讯云。 vue+element-ui就可以,具体教程如下:(48条消息) vue 上传图片到腾讯云对象存储_vue3 腾讯云上传_*且听风吟的博客-CSDN博客 ......
对象 图片 vue

vue-day37--修改默认配置

1. vue脚手架文件结构 2. 不同的版本vue 3. 修改默认配置 修改默认配置 1. 查看脚手架的默认配置 vue inspect >output.js 2. 为什么 main.js 是入口文件,index.html 是首页 调整 vue.config.js ......
vue-day vue day 37

vue--day36--render函数

1.脚手架里面为什么main.js 里面,使用了render 函数/** * 该文件是整个项目的入口文件 */ //引入Vue import Vue from 'vue' // 引入App 组件 他是所有组件的父组件 import App from './App.vue' //关闭vue 的生产提示 ......
函数 render vue day 36

python接口自动化项目部署在centos7上

我选择在apache根目录下/var/www/html创建一个目录test 切换到test目录下 进入创建的目录,并初始化 git,输入命令git init 如果会报错Initialized empty Git repository in /var/www/html/test/.git/,就输入yu ......
接口 centos7 项目 python centos

Vue 中不同页面之间如何进行传值

情景:比如页面1中获取到的值,页面2中需要用到,如何将页面1中的值传递给页面2呢? 解决方法:可通过路由传参的方式 参考:https://blog.csdn.net/pleaseprintf/article/details/131345971 ......
之间 页面 Vue

vue+element-ui封装一个下拉框

一.单下拉框组件封装 1.下载安装element-ui组件库,并创建文件夹文件等操作,配置好路由。 2.在element-ui里面复制select代码至组件中。 3.数据的处理(数据应该放在使用者的身上而不是select组件上,用组件通信的方式进行传值) 4.选择值的处理 子组件选择一个内容后要把值 ......
element-ui element vue ui

vue--day35--脚手架分析

pckgage.json 包的说明书 "scripts": { "serve": "vue-cli-service serve", 运行项目 "build": "vue-cli-service build", 编译 "lint": "vue-cli-service lint" 语法检查 }, pac ......
脚手架 vue day 35

在docker环境中部署前后端分离项目

本文记录下docker环境下部署前后端分离项目的主要步骤,其中后端.net6 webapi,前端ant deisgn pro v5,代理nginx,数据库postgresql。 # 1.安装docker # 当前笔者使用的docker for windows。安装文件可以到[官网](https:// ......
环境 项目 docker

vue--day34--创建vue 脚手架

1. 配置淘宝镜像 npm config set registry https://registry.npm.taobao.org 2. 获取淘宝镜像是否设置成功 npm config get registry 3. 仅执行一次 全局安装 npm install -g @vue/cli 可能会报错 ......
脚手架 vue day 34

vue-day33-vue 单文件组件

1.indedx.html <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>练习一下单文件组件的语法</title> </head> <body> <div id="root"></div> <script type="te ......
组件 vue vue-day 文件 day

vue 使用vue-json-viewer 展示 JSON 格式数据

# 为什么需要Vue-json-viewer 在前端开发中,我们经常需要处理JSON数据。然而,JSON数据一般是以字符串的形式来传递,难以直观地查看、理解和调试,这阻碍了我们开发工作的进程。Vue-json-viewer组件正是为了解决这个问题而生。 # 安装 vue-json-viewer插件 ......
vue-json-viewer vue 格式 数据 viewer

vue 使用剪切板功能功能vue-clipboard2

# vue-clipboard2介绍 vue-clipboard2是前端能够调用剪切板的一个插件。具体的描述官网上也有具体的说明, npm地址https://www.npmjs.com/package/vue-clipboard2 github地址https://github.com/Inndy/v ......
功能 vue-clipboard vue clipboard

Avalonia项目打包安装包

# Avalonia项目打包安装包 要将 Avalonia 项目打包成安装包,你可以使用 Avalonia 发布工具来完成 # 1.创建一个发布配置文件 在你的 Avalonia 项目中,创建一个发布配置文件。在项目文件夹中创建一个名为 `publish.xml` 的文件,并添加以下内容: ```x ......
Avalonia 项目

叠化效果——化繁为简的转场艺术

基本上是一类素材用叠化效果 ![image](https://img2023.cnblogs.com/blog/1510515/202307/1510515-20230721201808487-1652119133.png) ![image](https://img2023.cnblogs.com/ ......
转场 效果 艺术

好思可乙醇及相关代谢AI分析项目后台系统V1

好思可乙醇及相关代谢AI分析项目后台系统V1.0 1、程序主要功能 “好思可乙醇及相关代谢AI分析系统” (Health Care AI testing system of ethanol and related metabolism)英文简称HSKtesting,中文简称“好思可AI分析系统”,“ ......
乙醇 后台 项目 系统

vue使用echarts图表,有一个组件:v-charts

# 介绍 在使用 echarts 生成图表时,经常需要做繁琐的数据类型转化、修改复杂的配置项,v-charts 的出现正是为了解决这个痛点。基于 Vue2.0 和 echarts 封装的 v-charts 图表组件,只需要统一提供一种对前后端都友好的数据格式设置简单的配置项,便可轻松生成常见的图表。 ......
图表 组件 v-charts echarts charts

VS2015项目前有个蓝色的锁

刚从svn上chenk out 的项目,打开一直有个蓝色的锁,可以生成,可以运行,正常的页面修改了也有蓝色的锁,还是第一次遇到。 原因不清楚,后来通过单个项目重新拿文件就好了。整个文件夹checkout会出现这个问题。在此记录下。 ......
蓝色 项目 2015 VS

项目开发难点-要求el-radio组件实现点击切换的时候,先弹出框判断是否符合条件,如果符合radio的值发生变化,不符合则不变。解决方法v-model的分解式 :value @Input

需求描述:页面radio点击的时候,先不改变radio的值,先弹出框进行判断是否符合一定的条件如果符合则发生变化,否则radio不发生变化,页面还显示原来的值。 问题难点:在vue项目中,使用 <el-radio v-model="radio" label="1">备选项1</el-radio> < ......
radio 项目开发 难点 组件 el-radio

基于GPT搭建私有知识库聊天机器人(六)仿chatGPT打字机效果

文章链接: [基于GPT搭建私有知识库聊天机器人(一)实现原理](https://www.cnblogs.com/myshare/p/17517448.html) [基于GPT搭建私有知识库聊天机器人(二)环境安装](https://www.cnblogs.com/myshare/p/1752016 ......
打字机 知识库 机器人 机器 效果

vue3 + element 实现季度选择框

效果图 1.子组件 <template> <div class="el-quarter-wrap"> <el-popover title="" content="" width="320" v-model="visible"> <template #reference> <el-input v-mo ......
季度 element vue3 vue

【技术积累】Vue.js中的组件库【一】

博客推行版本更新,成果积累制度,已经写过的博客还会再次更新,不断地琢磨,高质量高数量都是要追求的,工匠精神是学习必不可少的精神。因此,大家有何建议欢迎在评论区踊跃发言,你们的支持是我最大的动力,你们敢投,我就敢肝 ......
组件 技术 Vue js

【BBS_1.0项目总结】

# 【BBS项目总结】 > [BBS_System_1.0 · Chimeng/BBS相关项目 - 码云 - 开源中国 (gitee.com)](https://gitee.com/chi-meng/bbs-related-projects/tree/master/BBS_System_1.0) # ......
项目 BBS 1.0

vue3如何正确设置 Tailwind CSS

1.创建vue3项目 npm init vue@latest 需要配置的选择YES 2.切换到 项目newProject目录下 npm install 下载依赖包 3.安装 tailwind 及其依赖项(PostCSS 和自动前缀) npm install -D tailwindcss@latest ......
Tailwind vue3 vue CSS

关于项目开发中遇到的难点问题-vue项目中页面需要在浏览器中打开新窗口,但是当关闭新窗口时候,sessionStorage中数据丢失问题

vue项目中页面需要在浏览器中打开新窗口,但是当关闭新窗口时候,sessionStorage中数据丢失问题。 问题描述:项目中A页面有table列表,在列表上方有“导入文件”按钮,点击按钮后需在浏览器新窗口中打开B页面,在B页面进行选择文件上传xlsx数据经过一系列校验后,将最终确定的数据返回回显在 ......

10个开源的前端低代码项目

GOVIEW GoView 是一个使用 Vue3 搭建的低代码数据可视化开发平台,将图表或页面元素封装为基础组件,无需编写代码即可完成业务需求。它的技术栈为:Vue3 + TypeScript4 + Vite2 + NaiveUI + ECharts5 + Axios + Pinia2 + Plop ......
前端 代码 项目

vue3+ts利用draggable组件实现拖拽

界面展示 实现步骤 安装组件(vue3引入的包为vuedraggable@next ,vue2为vuedraggable) npm i -S vuedraggable@next 引入并使用组件 <template> <!-- 此页面template中没有可刷新页面的数据变化,拖拽会不起作用,所以加个 ......
组件 draggable vue3 vue ts

2023年的Clion内建立多个子项目(保姆级教程)

[TOC] ## 下载插件C/C++ Single File Execution ![](https://img2023.cnblogs.com/blog/994129/202307/994129-20230720153441178-1432647891.png) ## 项目操作 * 1.新建项目- ......
子项目 子项 保姆 多个 教程

关于 Visual Studio Code 项目里的 .vscode 文件夹

在 Visual Studio Code (VS Code) 中,当新建一个项目后,会在项目根目录下生成一个名为 .vscode 的文件夹。这个文件夹是用来存放与项目配置和工具相关的文件的。它提供了一些功能和设置,可以帮助我们更好地管理和开发项目。 下面是一些常见的文件和内容,这些文件可以在 .vs ......
文件夹 文件 项目 Visual Studio