需求 最近在做vue2.0+elementUI的项目中遇到了一个需求：需求是多个文件上传的同时实现文件的在线预览功能。需求图如下： 看到这个需求的时候，小栗脑袋一炸。并不知道该如何下手，之前的实践项目中也并没有遇到相似的功能。因此也废了一番功夫想要实现这样一个功能。 首先先查看elemntUI的官方文档发现，大部分的实现文件上传效果的功能，即使可以提供预览的功能，但是不能指定该功能的样式和内容有一定的局限性 然后小栗查找“多文件上传预览、PDF预览、word预览等关键词”，发现大部分的大佬的方法都是实现了图片预览，并没有实现多文件上传（也可能是因为我并没有找到相关的功能
个人博客前端：https://lujiesheng.cn个人博客后端：https://api.lujiesheng.cn个人博客运维：https://portainer.lujiesheng.cn1.服务器准备我采用的是腾讯云轻量应用服务器（2C4G8M80G），配置如下图：安装镜像选择CentOS7.664bit：2.服务器防火墙设置添加防火墙出入站规则，设置如下图：3.域名解析把已备案的域名解析到服务器，记录如下图：4.SSL证书准备通过腾讯云申请免费证书：把对应的证书下载到本地：5.容器镜像服务准备新建命名空间：新建私有镜像仓库：6.连接登录到服务器我采用的是FinalShell：更新服
🧑💻作者名称：DaenCode🎤作者简介：啥技术都喜欢捣鼓捣鼓，喜欢分享技术、经验、生活。😎人生感悟：尝尽人生百味，方知世间冷暖。📖所属专栏：SpringBoot实战文章目录思维导图🌟前言🌟云服务器配置域名配置端口开放-防火墙配置🌟JDK安装及配置🌟Nginx安装以及配置🌟MySQL安装🌟打包项目，进行上传后端项目前端项目🌟项目启动🌟写在最后思维导图🌟前言日常开发项目上线或者部署个人博客网站，都离不开线上服务器部署应用。本文带你学会线上部署应用。以腾讯云轻量应用服务器部署SpringBoot、Vue项目为例。🌟云服务器配置域名配置1.进入到轻量应用服务器控制台，选中域名。如下图所示2.如果是
作者简介：全栈开发工程，从事Java、Python、前端、小程序方面的开发和研究，对大数据应用与开发比较感兴趣，主要内容：Java项目、前端项目、Python项目、小程序开发、大数据项目、单片机收藏点赞不迷路 关注作者有好处文末获取源码 感谢您的关注，请收藏以免忘记，点赞以示鼓励，评论给以建议，爱你哟项目编号：BS-PT-104前言：网易音乐网站系统是一个在线的音乐网站，普通用户通过注册的账号进行登录并且进入客户端首页，用户使用鼠标点击某音乐进行收听播放，网站提供个人空间，用户可以把喜欢的歌曲进行收藏，以便于之后反复收听。用户平台还提供歌曲评价功能，对喜欢与不喜欢的歌曲进行打分和评论，管理员用
作者简介：全栈开发工程，从事Java、Python、前端、小程序方面的开发和研究，对大数据应用与开发比较感兴趣，主要内容：Java项目、前端项目、Python项目、小程序开发、大数据项目、单片机收藏点赞不迷路 关注作者有好处文末获取源码 感谢您的关注，请收藏以免忘记，点赞以示鼓励，评论给以建议，爱你哟项目编号：BS-PT-104前言：网易音乐网站系统是一个在线的音乐网站，普通用户通过注册的账号进行登录并且进入客户端首页，用户使用鼠标点击某音乐进行收听播放，网站提供个人空间，用户可以把喜欢的歌曲进行收藏，以便于之后反复收听。用户平台还提供歌曲评价功能，对喜欢与不喜欢的歌曲进行打分和评论，管理员用
一、前言作为国内使用较多的前端框架——Vue，作为一名开发人员是必须要掌握的，小编作为一名后端人员。由于公司前端人员不足，也是学起来了Vue！框架的精髓就在于，组件化！一个页面拆分几个小组件，这就牵扯到组件之间的数据传输问题！比较常用的就是：父子组件传值，兄弟之间传值场景小编这里还没有遇到，所以本次就以常用的父子组件传值来结合例子说一下！二、组件化优点Vue组件化的优点主要有以下几个方面：更好的代码复用性通过组件化的方式，将功能拆分为不同的模块，每个模块具有单一的职责，实现了代码的分离和应用的解耦。这样，一个组件可以在多个页面中复用，减少了代码的重复编写，提高了开发效率。更易于进行分工合作通过
一、前言作为国内使用较多的前端框架——Vue，作为一名开发人员是必须要掌握的，小编作为一名后端人员。由于公司前端人员不足，也是学起来了Vue！框架的精髓就在于，组件化！一个页面拆分几个小组件，这就牵扯到组件之间的数据传输问题！比较常用的就是：父子组件传值，兄弟之间传值场景小编这里还没有遇到，所以本次就以常用的父子组件传值来结合例子说一下！二、组件化优点Vue组件化的优点主要有以下几个方面：更好的代码复用性通过组件化的方式，将功能拆分为不同的模块，每个模块具有单一的职责，实现了代码的分离和应用的解耦。这样，一个组件可以在多个页面中复用，减少了代码的重复编写，提高了开发效率。更易于进行分工合作通过
文章目录第一步创建vue项目使用vuescript标签引入npm安装vuevue项目的创建第二步vue-router、vuex、elementui、axios安装和配置main.jsvue-route（vue路由管理）安装配置全局守卫配置（router.beforeEach前置守卫、router.beforeEach后置守卫）vuex(vue状态管理）安装配置elementui（基于vue的组件库）安装配置（按需引入）按需引入区别？axios（前后端交互）安装配置第三步：配置不同环境的后端请求地址（开发、测试、正式）vue.config.js(基础配置+代理跨域、sass全局样式、图标引入、打
three.js实现点击事件1.加载模型（通过点击模型触发事件）2.通过射线获取到事件源(newTHREE.Raycaster()和newTHREE.Vector2()）3.通过点击到该模型使用名字匹配clickedObject.name==“xx”简单示例：addEventListener监听事件触发window.addEventListener("click",this.onClick,false);创建Raycaster和Vector2constraycaster=newTHREE.Raycaster();constmouse=newTHREE.Vector2();计算鼠标或触摸点的位置
目录一、准备工作1、新建vue项目解决报错：使用nvm后找不到vue-V找不到版本2、安装Cesium插件3、安装ElementPlus、unplugin-vue-components和unplugin-auto-import4、按需自动导入element-plus测试按需自动导入element-plus是否配置成功二、项目代码部分1、引入sichuan.json文件2、配置main.js文件3、配置vue.config.js4、配置App.vue5、配置CesiumScene.vue6、新建common文件夹三、测试一、准备工作1、新建vue项目首先进入【D:\my\vue-code】路径下
