目录4 基于传统方式的使用4.1 基础项目搭建方式1:CDN方式方式2:项目内置文件方式4.2 引入基础工具异步交互时间组件4.3 组件化开发4.4 使用前端路由 4 基于传统方式的使用所谓传统方式,就是我们基于之前比较传统的,整个js引入的方式来使用Vue.js;这个方式的优点是学习成本低,可以快速的实现前端的功能,缺点那就是会产生大量的冗余代码,不能进行项目Maven那样的工程化的构建和组件
转载 6月前
101阅读
技术选型公司现在需要开发移动端的h5,使用现在比较流行的vue 2.0开发,使用的脚手架是Vant2,网络访问使用的是axios,路由跳转使用的是vue-router,开发工具是vscode,作为一个安卓开发程序员,对vue是不熟悉的,好在把环境搭建起来了,通过博客记录一下Vant 2vue clivuevue中使用axios最详细教程vue router环境搭建引入库我这里已经安装好了nodej
转载 2023-10-21 08:37:16
412阅读
文章目录导课MVVM(前端思想)vue 的特点Vue的基本代码Vue指令v-cloak插值表达式v-textv-htmlv-bind:v-on:v-model(双向数据绑定)v-forv-if 和 v-show事件修饰符在Vue中使用样式使用class样式使用内联样式 导课MVVM(前端思想)前端视图层的分层开发思想,主要把每个页面分成了M、V和VM。M:保存每个页面中单独的数据VM:调度者,分
转载 2024-01-10 11:43:44
62阅读
前言 activiti是目前比较流行的工作流框架,但是activiti学起来还是费劲,还是有点难度的,如何整合在线编辑器,如何和业务表单绑定,如何和系统权限绑定,这些问题都是要考虑到的,不是说纯粹的把activiti整合到系统中就完事了。如今国内比较流行的是前后端分离模式,之前都是前后端放一个工程里面,接口风格很乱,并且不好维护,前后端开发不是很方便。目前前端都做成了工程化的形式,比如国产的Vue
原创 2021-06-09 17:44:38
2107阅读
vue cesium 1、安装cesium   npm i cesium --save 2、在vue项目的vue.config.js文件中配置cesium  const path = require('path');   const cesiumSource = 'node_modules/cesium/Source'   const cesiumWorkers = '../Build/
转载 2024-03-06 16:41:05
54阅读
最近项目需求需要用到Activiti以及Bpmn.js,我就去查阅资料学习了一下,现在项目已经到了收尾阶段,回头整理记录一下我整合bpmn.js的步骤及操作。步骤一:创建项目// 创建一个Vue项目 vue create bpmn-demo // 安装一下项目依赖 yarn // 或者使用npm npm install项目创建完成以后我们要安装一下bpmn.js的依赖然后进行整合。// yarn
转载 2024-03-29 06:23:05
193阅读
1.添加前置路由守卫前置路由守卫:就是在路由跳转前加上自己得一些业务代码。(放在main.js中)//前置路由守卫 to:到某个路由 from 从哪个路由出来 next() 放行到指定的路由 router.beforeEach((to,from,next)=>{ //获取跳转的路径 var path = to.path; //判断是否为登录路由路径 if(path==="/l
转载 2023-12-21 09:33:48
83阅读
Vue2.0+SpringBoot+SpringSecurity接入UEditor一、引进UEditor+前端配置二、后端修改三、结合SpringSecurity对请求携带token或绕过安全限制(一)对config.json文件的请求添加token(二)【多图上传】携带token(三)图片、附件、视频回显(四)解决视频无法显示播放四、效果 一、引进UEditor+前端配置1、下载链接:http
转载 2024-06-25 19:36:11
52阅读
当我们将 vue 项目完成后,面临的就是如何将项目进行打包上线,放到服务器中。我使用的是 vue-cli(simple) 脚手架,所以就讲一下如何将项目进行打包,并放到 tomcat 上。如果是 vue-cli (非 simple 脚手架),这篇文章可能有点帮助。地址链接:vue-cli 如何打包上线先来描述一下期间遇到的问题有哪些:1、打包后将 dist 文件夹和 index.html 放到 t
转载 2024-05-30 07:28:56
51阅读
实际项目中不一定都是一个后端对应一个前端,这时,共用后端就成为可能。本项目采用前后端分离开发,下面说说,如何部署的问题,这里采用整合部署打包成jar的方式,而非nginx部署。 首先部署第一个前端项目,即springboot+vue项目整合部署,和普通的项目整合部署相同。1. 前端使用npm run build命令打包好,然后把dist目录下打包好的文件,直接粘贴放在后端项目的&nbsp
对于前后端分离的项目,前端项目和后端项目需要单独部署,通常会使用SpringBoot框架开发后端项目,使用Vue框架开发前端项目;后端项目的部署较为简单,一般来说就是先打成一个Jar包上传到服务器,然后使用 nohup java -jar Jar包名 & 命令启动项目即可;完整部署流程可参考文章: 而对于前端Vue项目的部署,需要使用Nginx做反向代理,原因是开发的时候我们使用的是web
springboot整合vue 打包jar为一个服务
转载 2023-05-26 03:20:00
99阅读
创建前后端框架前端vue版本查看版本,vue -V npm uninstall vue-cli -g//卸载vue2 npm install -g @vue/cli-init//安装vue3创建项目采用可视化创建,勾选router和vuex vue ui安装插件一、安装Element UI 先执行npm i element-ui -S然后在main.js中加入以下代码import ElementU
转载 2023-08-08 14:20:40
54阅读
前面的文章有讲过前端和后端分开部署的文章前端分离部署后端分离部署当前用的jboss版本是wildfly-18.0.1.Final 项目背景 maven管理springboot项目,创建了frontend和backend后端两个模块。前端vue,后端是springboot,其他的模块是相关的业务功能模块项目根目录处理pom由于项目是maven管理,根目录以及各个子模块都有pom
转载 2024-10-11 10:39:15
488阅读
Vue整合ECharts
原创 2022-10-30 10:00:49
77阅读
# ioredis 整合 Vue 的完整指南:从环境准备到优化技巧 在现代的前端应用开发中,使用 `ioredis` 整合 `Vue` 来管理分布式系统的数据是一个非常有效的选择。在这篇文章中,我将分享如何将 `ioredis` 持久化存储与 `Vue` 前端框架完美契合的过程,涵盖从环境准备到优化技巧的完整步骤。 ## 环境准备 ### 前置依赖安装 首先,我们需要安装必要的依赖工具和库
原创 5月前
8阅读
# Vue整合jQuery:实现高效前端开发的最佳实践 在现代前端开发中,Vue.js作为一种流行的JavaScript框架,极大地方便了组件化开发。而jQuery虽然年代久远,但仍然在一些项目中得以应用,特别是处理DOM元素和简化AJAX请求。本文将探讨如何将Vue与jQuery结合使用,以增强应用的表现力和交互性。 ## 1. 为什么要结合使用Vue和jQuery? Vue.js优雅地管
原创 8月前
17阅读
在现代Web开发中,前端框架Vue与后端语言Python的整合已成为一种趋势。这种交互模式不仅能够让开发者充分利用各自技术的强项,还能为用户提供更好的体验。这篇博文将深入探讨如何高效地将Vue与Python整合,记录我们的开发过程、遇到的挑战以及解决方案。 ### 背景定位 首先,着眼于我们的业务场景,我们的产品是一个实时数据分析平台,需要前端展示丰富的交互内容,并依赖后端强大的数据处理能力。
原创 5月前
23阅读
Vue实现简单Oauth2.0内部第三方登录Oauth2.0认证授权过程Vue具体实现操作前端拿到token数据存cookie里取cookie中的token实现登录拿token放请求头(请求拦截器)并根据提供的接口发请求返回用户信息对象,拿到用户信息存到cookie里拿到用户信息渲染到页面上实现前端登出 Oauth2.0认证授权过程Vue具体实现操作前端拿到token数据存cookie里先创建中
前端框架AdminLTE 中文教程 如何用vue整合adminlte模板 1、adminlte 下载地址 : https://github.com/almasaeed2010/AdminLTE/releases(点击tar.gz这个比较全 下载zip也行 是个干净的模板) 2、下载好后,将admin Read More
转载 2019-05-16 11:18:00
218阅读
  • 1
  • 2
  • 3
  • 4
  • 5