草庐IT

vue-elementul

全部标签

Docker部署SpringBoot +Vue项目流程详解(含域名 + HTTPS)

文章目录前言1、选购服务器2、部署Docker3、前端、后端项目打包4、配置Dockerfile5、配置Nginx6、配置DockerCompose6、启动DockerCompose完成部署7、【可选】域名+SSL证书前言本次整体部署操作使用阿里云服务器,这里我选择的是香港地区的2核2GECS(可以省略域名备案操作)。涉及到的中间件如下:NginxMySQLRedis后端项目前端项目1、选购服务器首先登录到阿里云的官网,选购一台公网服务器,由于本次我部署项目体量比较小,所以这里选择的ECS服务器配置如下:系统:CentOS7.9配置:2核2G(按量)+公网ip地区:中国香港选购完毕服务器后,将

vue2配置cesium详细教程

1.简介网络上现在关于vue配置cesium的教程有很多,包括csdn和掘金等。虽然这些教程在一定意义上提供了开发者如何配置cesium的方法,但是大部分的方法都不切实际,因为每个人的电脑中npm、node、cesium、vue、webpack的版本都基本不一致的,如果只是照搬全抄就会出现一连续的错误和bug。本人帮大部分的开发人员尝试了网络上很多的教程,得出的最简单的便捷方法就是利用npmicesium包之后,将该文件夹下的Cesium文件放在public文件夹下,可以事半功倍,成功快速的运行文件。具体操作如下所示:2.流程2.1创建vue2项目我这边使用的是vue-clicreate创建v

构建 dotnet&vue 应用镜像->推送到 Nexus 仓库->部署为 k8s 服务实践

前言前面分享了k8s的部署安装,本篇来点实操,将会把一个.netcore+vue的项目(zhontai),打包构建成docker镜像,推送到nexus镜像仓库,并部署到k8s中准备要实现项目的部署,除了准备要部署的环境(k8s),还需要准备项目所用到的各中间件,本文旨在分享部署的一个整体流程,对项目中所使用到的各中间件(mysql,redis等)的安装使用可自行在本DevOps系列文章中找到一个.netcore+vue的项目使用zhontai项目,之前也有做分享,文章介绍后端Admin.Corev3.7.1前端admin.ui.plusv2.2.0Nexus的安装部署,文章介绍做为镜像仓库使用

javascript - Vue + Laravel : How to properly download a PDF file?

情况:前端:Vue。后端:Laravel。在网络应用程序中,我需要让用户下载某些pdf文件:我需要Laravel获取文件并将其作为APIGET请求的响应返回。然后在我的Vue网络应用程序中,我需要获取文件并下载它。代码:API:$file=public_path()."/path/test.pdf";$headers=['Content-Type'=>'application/pdf',];returnresponse()->download($file,'test.pdf',$headers);网络应用:downloadFile(){this.$http.get(this.apiPa

vue如何定义:全局变量、全局方法

开发中会经常用到一些常用的变量和方法  例如ajax这种一、给vue定义全局变量1.定义专用模块来配置全局变量定义一个专用模块来配置全局变量,然后通过export暴露出去,在需要的组件引入global.vue//定义一些公共的属性和方法consthttpUrl='http://test.com'//暴露出这些属性exportdefault{httpUrl,} 引入及使用//导入共用组件importglobalfrom'./global.vue'exportdefault{data(){return{//使用globalUrl:global.httpUrl}}}2.通过全局变量挂载到Vue.pr

idea如何部署运行Vue项目?一文看懂

一、idea打开vue项目习惯了用idea,如果用vscode或者其它编辑器来编写运行vue的话,很多快捷键不习惯,幸好idea有vue的插件,可以方便长期写后端的人用idea写vue。idea左上角点击“File-Open…”,选择要部署的vue项目文件夹。二、安装vue.js插件idea左上角点击“File-Settings…”,左边搜索框搜索“plugins”进入插件列表。在插件列表搜索“Vue.js”,点击“install”进行安装即可。三、配置运行按钮idea右上角点击“AddConfigurations”。点击左上角的“+”,选择“npm”。右侧“Scripts”处输入“dev”,

基于Java+Vue+uniapp微信小程序车视界系统设计和实现

博主介绍:✌全网粉丝30W+,csdn特邀作者、博客专家、CSDN新星计划导师、Java领域优质创作者,博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java技术领域和学生毕业项目实战,高校老师/讲师/同行交流合作✌主要内容:SpringBoot、Vue、SSM、HLMT、Jsp、PHP、Nodejs、Python、爬虫、数据可视化、小程序、安卓app、大数据、物联网、机器学习等设计与开发。🍅文末获取源码联系🍅👇🏻 精彩专栏推荐订阅👇🏻 不然下次找不到哟2022-2024年最全的计算机软件毕业设计选题大全:1000个热门选题推荐✅Java项目精品实战案例《100套》Java微

【Vue Element-ui el-table组件 实现跨分页全选 可全选中当前页 也可选中全量数据】

文章目录思路一VueElement-uiel-table组件实现跨分页全选可全选中当前页也可选中全量数据思路二element-uitable跨页全选思路三Element分页跨页全选操作(跨页记住已经勾选)思路一VueElement-uiel-table组件实现跨分页全选可全选中当前页也可选中全量数据前端模拟数据示例,无需后台接口,复制粘贴即可看到效果。template>div>divclass="common-wrapper">el-table:data="lists"ref="table"highlight-current-rowv-loading="listLoading"style="w

最热门的用于后台管理类产品开发的开源前端框架vue-element-admin-4.4.0的介绍和使用

 目录简介功能1、环境准备2、克隆(下载)vue-element-admin项目3、处理tui-editor依赖报错4、安装其它依赖包5、替换使用tui-editor的内容6、启动项目7、运行效果配置路由代码布局组件代码创建页面组件代码配置主文件哈哈,本篇文章的标题有点长。在公众号CTOPlus前面的文章《前端开发技术栈(模板篇):10款较流行的前端后台管理系统模板》中我们简单介绍了下10款开源的比较流行的前端后台管理系统模板。写本篇blog时,在github上的stars已经83.2kstars,记得当时它在github上的stars数最多82.2k,即表示最受欢迎。这个框架我用来开发我的网

前端sql语句输入框以及格式化sql语句和sql关键词高亮---sql-formatter、vue-codemirror

1.下载npminstallsql-formatter--save//sql语句格式化版本2.3.3(不然报错)npminstallvue-codemirror--save//用于sql语句关键词高亮2.引入importsqlFormatterfrom'sql-formatter';importCodeMirrorfrom'codemirror/lib/codemirror';import'codemirror/lib/codemirror.css';import'codemirror/theme/darcula.css';import'codemirror/mode/sql/sql.js';