效果echarts项目vue
把项目部署到服务器
1.springboot项目打包 package，xshell新建连接 2.ls查看当前文件夹，cd 文件名 进入到对应的文件夹 3.ls查看 把jar包传进来 把jar包拖到xshell，点击（文件新建传输）传入 4.找到打包的文件，一般大的为jar包 5. docker ps查看docker当前 ......
【flask】flask-sqlalchemy使用 flask-migrate使用 flask项目演示
昨日回顾 类装饰器可能有两种含义： 使用类作为装饰器 装饰类的装饰器 基本增删查改：单表 # 0 sqlalchemy创建表：Base = declarative_base() -只能创建和删除 -不能创建数据库 -不能修改表 # 1 快速插入数据 -借助于session对象 from sqlalc ......
Springboot项目搭建及踩坑
1. 创建项目 **注意：**加载start.spring.io 网址与网络有关，如果网速比较慢的话将无法加载成功，可以考虑换成阿里（比较旧）：https://start.aliyun.com **注意：**springboot版本如果3.0以上的，将不支持jdk1.8 如果是新建project的话 ......
vue3使用elmentui-plus中的图标
按照官网这样直接引入使用,不知道为啥行不通: import { Document, Menu as IconMenu, Location, Setting, } from '@element-plus/icons-vue' 使用时,需要 <script> import { UserFilled } ......
前端Vue项目修改
【SpringBoot+Vue】全网最简单但实用的前后端分离项目实战笔记 - 前端_大菜007的博客-CSDN博客 用HBuilder X打开项目，修改 vue.config.js 文件 修改端口号、关闭语法检查、注释 mock ......
vue3引用draggable实现拖拽组件形成form表单
需求： 想要实现这样的一个需求，左边是组件库。中间是展示。拖拉组件到中间就形成一个组件。 刚开始用的form-create,发现不行，又用的form-create-design,但vue3版本的只有element plus库，系统刚开始用的ant-design,而且左边我只需要单行输入框和多行输入框 ......
angular/react/vue/un-app
web前端三大主流框架分别是什么？-群英 (qycn.com) web前端三大主流框架：1、Angular，是一种用于创建单一应用程序界面的前端框架，具有模块功能强大，拥有自定义命令等优点；2、react，是一个用来构建用户界面的JavaScript开发框架，主要用于构建UI；3、vue，是一套用于 ......
vue表格实现拖拽排序
这老哥的，不用插件，原生js实现 借鉴：https://blog.csdn.net/chengqige/article/details/124871341 。 ......
实现页面展示左右上下错位效果
前言：有个需求，页面显示类似淘宝首页那样左右上下错位展示效果，还有点时间，所以试验记录下效果。 ##1、分左右栏布局 <html> <style> .list_left, .list_right { width: 50%; float: left; } .list li { width: 45%; ......
Nginx 部署vue项目时 nginx配置问题
最近在部署vue项目时遇到问题简单记录下： 本地测试时连接的服务器后台地址 一切ok （有水印是因为我遇到问题了 去问了下大佬 然而大佬都很忙的样子 没空理我 ！！） 然而当我吧前端部署到nginx上时 问题出现了 刚才明明测试的没有问题啊！！奇了怪了 其实解决方法很简单：nginx配置问题 看图 ......
路飞项目day12
上节回顾 # 1 文件存储 -之前上传到服务器，放到media文件夹下 -使用文件服务器托管文件 -1 第三方托管 -阿里云oss -腾讯云 -七牛云 -2 基于开源文件服务器自己搭建 -fastdsf 》中小文件 -minio -go-fastdsf：是一个基于http协议的分布式文件系统，它基于 ......
vue项目中webpack编译glsl文件的配置
1、 安装webpack-glsl-loader npm install webpack-glsl-loader 2、修改vue.config.js配置，添加内容如下 module.exports = defineConfig({ configureWebpack: (config) => { co ......
vue3使用体验--用了之后再也不想用vue2
0.个人推荐使用 setup 语法糖，看起来更加简洁。 <script setup> import { ref,reactive,onMounted } from 'vue'; const name=ref('李四')； // 定义普通数据类型的响应式，获取/修改数据需要 .value，在模板中不需 ......
CSS实现菜单选项向外圆角效果
最终效果 实现方法 1. ::before、::after伪元素裁剪拼接 完整代码： 示例中图标引用了iconfont，地址 点击这里 html代码 <body> <ul> <li class="active"><i class="iconfont"></i></li> <li><i ......
Vue3 setup语法糖添加name属性
1. 安装插件vite-plugin-setup-extend npm i vite-plugin-setup-extend -D 2. 配置vite.config.ts import vue from '@vitejs/plugin-vue' import { defineConfig } fro ......
Vue3+TS配置路径别名@
##1. vite.config.ts import vue from '@vitejs/plugin-vue' import { resolve } from 'path' import { defineConfig } from 'vite' export default defineConfi ......
【学习笔记】JS+VUE
JS JS教程 HTML 定义了网页的内容 CSS 描述了网页的布局 JavaScript 控制了网页的行为 简介 1、什么是JS？ JavaScript 是一种轻量级的编程语言。 JavaScript 是可插入 HTML 页面的编程代码。 JavaScript 插入 HTML 页面后，可由所有的现 ......
自建系统项目如何整合客服系统-在线客服系统中展示自己的会员信息-达到知晓访客是谁
默认情况下，当项目对接完客服系统后，可以让项目下的访客用户点击在线客服按钮，或者通过右下角弹窗，与后台客服人员进行实时交流 客服人员那里，并不能知道这个访客会员是谁，只能看到匿名的临时访客信息。因为我们没有传递自己项目下的会员信息到客服系统，所以客服系统并不显示会员信息。 现在我们可以在聊天链接，或 ......
用quasar+vue3+组合式api 实现小米商城标题栏动画
先来看一下小米商城标题栏动画： 小米商城标题栏动画主要特点： 移入时二级菜单缓慢出现； 移出时二级菜单缓慢消失； 在一级菜单之间移动时，二级菜单内容直接切换，没有过渡效果。 实现思路 一、纯css实现（❌） 首先肯定是考虑 :hover，但是经过试验发现，:hover 可以实现鼠标移入移出时的过渡效 ......
仿fullpage效果
做这个的原因是因为使用fullpage在mac上滑动有一丢丢bug,可能会出现多滑动一次的情况，比如，鼠标就往下滚了一下，但是页面滚动了两页，这就很烦了，正好B站上看到有人讲了下这个效果的实现，发现其实也不难。 特别是如果在vue里面的话，相对会更简单，好了，贴一下具体实现吧，有两个版本，原生和vu ......
vue跳到下一页
好久没接触vue了，，，写毕设的时候，需要从注册页跳到选择兴趣爱好页， 印象里还记得是使用this.$router.push({ path:'/'})来跳到下一页，但是一直跳不进去，why，，， 去路由配置中心一看，没毛病啊，配置好兴趣爱好页的路由， 然后放到注册页的子页面，，傻了，两个页面同时存在 ......
vue中使用echarts的两种方法
vue中使用echarts的两种方法 Posted on 2021-08-15 18:59 书中枫叶 阅读(33524) 评论(1) 编辑 收藏 举报 在vue中使用echarts有两种方法一、第一种方法1、通过npm获取echarts npm install echarts --save 2、在v ......
vue2 使用 swiper 轮播图效果
vue2 使用 swiper 轮播图效果 Posted on 2021-04-08 13:58 书中枫叶 阅读(1612) 评论(0) 编辑 收藏 举报 上次更新: 2022-03-08 17:06 第一步、先安装swiper插件 npm install swiper@3.4.1 --save-de ......
VUE：引入腾讯地图并实现轨迹动画
VUE：引入腾讯地图并实现轨迹动画 Posted on 2022-09-22 15:07 书中枫叶 阅读(1421) 评论(4) 编辑 收藏 举报 腾讯位置服务JavaScript API 效果： 引入步骤： 在 html 中通过引入 script 标签加载API服务 在一个盒子元素 div 中预先 ......
自己做的一个css文字逐字显示效果
原理很简单，就是通过opacity+animation控制显示，每个文字通过animation-delay延迟显示达到逐字显示的效果 两个函数，一个拆分字符串，一个初始化动画 function sliceStrWithSpan(str) { var strArr = str.slice(''); v ......
博客项目部署
系统环境需求 阿里云CentOS8.2 JDK >= 1.8 MySQL >= 5.7 Maven >= 3.0 Redis Node.js Nginx 新建目录 #tmp存放临时安装包 mkdir -p /data/tmp #service存放软件环境 mkdir -p /data/service ......
vue 预览PDF、Docx、EXCEL文件
<template> <div class="contentArea"> <div class="fileContainer" ref="fileDiv" v-if="$route.query.fileName.indexOf('docx') !== -1"></div> <div class="f ......
vue3 el-table-column 修改时间格式
根据element文档说明，el-table中的el-table-column 是可以使用 formatter 格式化时间的。 先添加 绑定函数 formatter <el-table-column prop="createdTimeFormat" :formatter="dateFormat" l ......