草庐IT

vue-echarts

全部标签

VUE——IDEA 启动前端工程VS文件启动前端工程

IDEA启动前端目录前言一、打开控制台二、输入npminstall三、依赖下载完之后,输入npmrundev,运行前端项目1、IDEA启动前端工程2、文件目录启动前端工程四、点击http://localhost:8080后续敬请期待前言启动已有的vue前端项目一、打开控制台选中前端工程,右键,点价下图按钮二、输入npminstall输入npminstall下载依赖三、依赖下载完之后,输入npmrundev,运行前端项目1、IDEA启动前端工程2、文件目录启动前端工程找到文件目录,在地址输入cmd,回车输入npmrundev,回车即可四、点击http://localhost:8080运行成功之后

vue3用户权限管理(导航栏权限控制)2

上一节我们说到,通过后端的用户权限来进行路由的动态添加,实现权限控制,这一节我们通过递归导航栏组件,实现后台权限控制导航栏,接上一节所说我们在vuex中存储了一个路由数组["/","*"]进行权限控制,这一节还是要使用这个路由数组进行导航栏的控制,开始吧。1,下载安装element-plus        2,在main.ts里导入 3.使用element-plus的导航栏组件         这里要注意下,导航栏的代码都要抽离出来单独进行处理4.创建一个导航栏组件,将导航栏组件抽取出来  在views里新建一个导航栏组件,取名NavList.vue,将我们的导航栏组件拿出来    在navL

260:vue+openlayers 通过webgl方式加载矢量图层

第260个点击查看专栏目录本示例介绍如何在vue+openlayers中通过webgl方式加载矢量图层。在做这个示例的时候,采用vite的方式而非webpack的方式。这里的基础设置需要改变一下。ol的版本7.5.2或者更高。直接复制下面的vue+openlayers源代码,操作2分钟即可运行实现效果文章目录示例效果图配置方式示例源代码(100行)相关API参考:专栏目标示例效果图

Vue使用Element UI自带的滑动组件el-scrollbar

PS:这个组件在官方文档中没有,但是可以直接使用;参考下面例子-->1.需要注意的是,height和width都要是100%2.需要再使用的地方样式覆写.el-scrollbar__wrap {  overflow-x: hidden;}注意PS: 这么做,会引发select组件,无法显示完全此时需要覆写样式.el-select-dropdown .el-scrollbar .el-scrollbar__wrap {  overflow: scroll !important;}

【vue2】element ui input全局默认去除前后空格

全局去除复制文本的空格importVuefrom'vue'importElementUIfrom'element-ui';/***@Description:统一格式化去除input首尾空格*/Vue.component('el-input',{extends:ElementUI.Input,created(){this.$on('change',(value)=>{this.$emit('input',value.trim())})}})页面组件:v-model加上.trim,可以去除输入的空格el-inputmaxlength="11"v-model.trim="mobileForm.mob

Selenium + Django + Echarts 实现亚马逊商品数据可视化爬虫项目

最近完成了1个爬虫项目,记录一下自己的心得。项目功能简介根据用户输入商品名称、类别名称,使用Selenium,BS4等技术每天定时抓取亚马逊商品数据,使用Pandas进行数据清洗后保存在MySql数据库中.使用Django提供用户端功能,显示商品数据,以可视化的方式分析数据,以及数据抓取任务管理等。项目技术难点:1)亚马逊Anti-scrape措施较多,主要是各类验证码,解决起来也不算复杂。但页面元素分析,javascript分析的工作量占据了大部分时间。2)性能优化,执行任务采用多进程运行,每个进程中再使用异步方式同时发起多个请求,下载图片、保存数据库均为异步执行,以保证较高性能。3)由于大

vue2+wangEditor5富文本编辑器

1、安装使用安装yarnadd@wangeditor/editor#或者npminstall@wangeditor/editor--saveyarnadd@wangeditor/editor-for-vue#或者npminstall@wangeditor/editor-for-vue--save 在main.js中引入样式import'@wangeditor/editor/dist/css/style.css' 在使用编辑器的页面引入js import{Editor,Toolbar}from"@wangeditor/editor-for-vue";components:{Editor,Tool

基于JavaSpringBoot+Vue+uniapp微信小程序实现鲜花商城购物系统

 博主介绍:✌全网粉丝30W+,csdn特邀作者、博客专家、CSDN新星计划导师、Java领域优质创作者,博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java技术领域和毕业项目实战✌🍅文末获取源码联系🍅👇🏻 精彩专栏推荐订阅👇🏻 不然下次找不到哟2022-2024年最全的计算机软件毕业设计选题大全:1000个热门选题推荐✅Java项目精品实战案例《100套》Java微信小程序项目实战《100套》目录1前言介绍:2主要技术:2.1微信小程序介绍2.2 Vue技术介绍2.3 SpringBoot框架3功能设计:3.1系统架构图3.2登录时序图4功能实现:4.1小程序端:4.1.

React和vue等前端html页面引入自定义字体文件,更改页面字体样式

font-family中列出的是几乎适用于所有计算机的网络安全字体,如:Arial/Helvetica/Georgia/TimesNewRoman等。但是如果想要一些特别的字体,可以从外部网站中找到并下载,然后在代码中引入。网页自带的字体没有很多,有时候想使用我们自己的字体文件去修改网页字体效果,就可以使用这种方法。需要提前准备自己的字体文件。以下是一些获取字体的网站:fontsquirrel.comfonts.commyfonts.com首先需要在网站上挑选合适的字体并下载到本地,这里我选用了一种很火的免费字体:opensans,在fontsquirrel.com中找到并下载。将下载好的ot

微信小程序利用Echarts组件实现实时动态曲线

前言ECharts,一个使用JavaScript实现的开源可视化库,可以流畅的运行在PC和移动设备上,兼容当前绝大部分浏览器(IE9/10/11,Chrome,Firefox,Safari等),底层依赖矢量图形库ZRender,提供直观,交互丰富,可高度个性化定制的数据可视化图表。ECharts提供了常规的折线图、柱状图、散点图、饼图、K线图,用于统计的盒形图,用于地理数据可视化的地图、热力图、线图,用于关系数据可视化的关系图、treemap、旭日图,多维数据可视化的平行坐标,还有用于BI的漏斗图,仪表盘,并且支持图与图之间的混搭。但是微信小程序是不支持DOM操作的,Canvas接口也和浏览器