spring cloud + vue + oAuth2.0全家桶实战,前后端分离模拟商城,完整的购物流程、后端运营平台,可以实现快速搭建企业级微服务项目。支持微信登录等三方登录。项目介绍功能点:模拟商城,完整的购物流程、后端运营平台对前端业务的支撑,和对项目的运维,有各项的监控指标和运维指标。技术点:核心技术为springcloud+vue两个全家桶实现,采取了取自开源用于开源的目标,所以能用开源            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-03-15 09:37:43
                            
                                77阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档  前言文章内容大概为SpringCloud涉及到的知识,以及个人知识点记录.只停留在与浅层次。提示:以下是本篇文章正文内容,下面案例可供参考一、VantVant是一个轻量,可靠的移动端组件库,2017开源.1.Vant的优势ElementUI是开发计算机浏览器(非移动端)页面的组件库而Vant是开发移动端页面的组件库2.使用Vant            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-04-02 13:46:07
                            
                                91阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            要求:生成的jar独立打包,不在将子jar合并到主jar中1.在admin的pom中添加如下配置 1.  
<plugin>
2.  
<groupId>org.apache.maven.plugins</groupId>
3.  
<artifactId>maven-dependency-plugin</artifactId>            
                
         
            
            
            
            模板指令组件上 v-model 用法已更改,替换 v-bind.synckey 属性Vue 3.x 不建议在 v-if/v-else/v-else-if 的分支中使用 key,如果非要使用,请设置唯一的key值。Vue 3.x 可以将 key值 设置在template 上 (Vue2.x 需要将key值设置到子节点上)v-if 与 v-for 的优先级对比2.x 版本中在一个元素上同时使用 v-i            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-02-26 10:34:59
                            
                                93阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            微服务和VUE入门教程(14): 热部署微服务和VUE入门教程(0): 着手搭建项目微服务和VUE入门教程(1): 搭建前端登录界面微服务和VUE入门教程(2): 注册中心微服务和VUE入门教程(3): user微服务的搭建微服务和VUE入门教程(4):网关zuul的搭建微服务和VUE入门教程(5): 前后端交互微服务和VUE入门教程(6):连接数据库-mybatis微服务和VUE入门教程(7):            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-01-04 12:29:29
                            
                                75阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            文章目录前言本文涉及代码已开源Fir Cloud 完整项目gatway网关跨域配置取消微服务跨域配置创建vue2项目准备一个原始vue2项目安装vue-router创建路由vue.config.js配置修改App.vue修改添加接口访问安装axios创建request.js创建index.js创建InfoApi.jsmain.jssecurityUtils.js前端登录界面登录消息提示框最终效果            
                
         
            
            
            
                    大家既然能看到这篇文章,说明大家对跨域已经有了一定的理解,所以这里就不花功夫对跨域进行详细的介绍了       1. 首先扩展一点,axios在本地发送的请求如果你不把路径写全,它都是会默认加上自己项目所在的端口,就比如说axios.get('/student')            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-08-16 13:29:18
                            
                                227阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            一、Vue项目搭建1、打开IDEA,创建Vue.js项目demo-vue 项目结构2、在components目录下创建vue组件UserMan.vue<template>
  <div>
    <table>
      <tr>
        <td>编号</td>
        <td>用户名</t            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-02-21 11:23:26
                            
                                249阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            1.项目搭建首先进入到你需要创建的项目目录下面,然后输入命令vue create .创建项目 接下来选择手动搭建,然后把下面图片中的内容选上 再然后继续配置一些参数信息 接下来运行npm run serve项目就启动起来了2.配置登录界面文件首先修改src/router/index.js这个界面,写若依的登录界面 先把这一串内容删除掉{
  path: '/',
  name: 'home',            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-06-26 10:25:34
                            
                                1052阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            准备工作安装vue3.0,npm create vue3-project 选中这几项即可,不需要vuex, 我们自己封装状态管理。setup函数使用在.vue文件中, script 标签下代码都必须带有lang=“ts”。关于setup函数调用时间是在vue2的create之前触发,其他的生命周期相信大家都有所了解,这里就不做赘述了。setup有两种写法 ,常规写法<script lang=            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-04-02 22:33:08
                            
                                252阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            这几天我在研究前台框架和后台框架融合的问题,进行了一些尝试;我前台选择的是 vue,当然也可以选择 react 等其他 mvvm 框架,不过 vue 对于我来说是最熟悉的;后台话,我选择的是 php 的 lumen 框架,他是laravel 的简化版,因为比较轻量,所以这也是我的选择;先说下我这边的环境:系统:Mac os 10.12;服务器:apache 2.2;php:7.0;lumen:5.            
                
         
            
            
            
            前言:最近公司想重构一个项目,CTO选择了vue3.0 + ant-design-vue技术栈,正好自己也想尝试一下,试着搭建一下,以后有更好的会及时补充修改 注:粗体是命令指令,推荐使用cnpm指令,没有安装淘宝镜像的使用npm(淘宝镜像安装指令:npm install -g cnpm --registry=https://registry.npm.taobao.org)一、安装node.js,            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-09-23 16:35:01
                            
                                314阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            准备工作 : 环境要求vue cli要求node版本8或者更高(8.10.0+推荐) vue cli3 需要node版本>=8.9, (官方推荐:8.11.0+ ) 有node的情况下就可以使用npm进行安装了1.打开项目文件夹进入cmd 输入`npm install -g @vue/cli@3`2.下载好之后输入vue create ‘你的项目名’ 回车创建3.接着就会进入问答环节(选择一            
                
         
            
            
            
            前言最新因为项目需要,要弄一个纯前端开发的excel导出功能,一开始我用了vue-json-excel   效果不错,改改标签内容,和标题数据就能用,测试的时候人家用office就提示文件损坏,我那个时候用的是wps还浑然不知。最后还是改用别的插件处理了,都是血的教训啊!
所以现在就来总结一下使用心得技术准备引入工具 file-saver、xlsx、script-loader//安装依赖
npm            
                
         
            
            
            
            Vue Router 是 Vue.js 的官方路由管理器,用于构建单页面应用程序(SPA)。它与 Vue.js 核心深度集成,使得构建单页应用变得简单高效。 ...            
                
         
            
            
            
            react、angular、vuegit:https://github.com/WalkerLu/DotnetCoreWithVue.git 要求 需要你的计算机安装有 • .net core 2.0以上版本• node、webpack、vue-cli、vue (npm install 默认版本即可)• visual studio 2017/vs code             
                
         
            
            
            
            # Vue 3 如何集成 Axios
在现代前端开发中,处理数据获取和发送通常会涉及到 HTTP 请求的操作。在 Vue 3 中,集成 Axios 这个流行的 HTTP 客户端库是一个常见的需求。本文将以一个实际的项目为基础,讲解如何在 Vue 3 中集成 Axios,并提供示例代码和类图,以帮助读者更好地理解和应用。
## 1. 项目背景
假设我们正在开发一个简单的用户信息管理系统,其中有            
                
         
            
            
            
            # Vue 3 如何集成 Axios 并解决实际问题
在现代前端开发中,数据请求是不可或缺的一部分。Vue 3 是当前流行的前端框架之一,而 Axios 则是一个强大的 HTTP 客户端。在本文中,我们将探讨如何在 Vue 3 中集成 Axios,并演示如何解决一个实际问题,例如从 API 获取用户信息。
## 1. 初始化 Vue 3 项目
首先,您需要确保已安装 Vue 3。可以通过 V            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2024-09-08 03:54:01
                            
                                90阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            # Vite + Vue3 + Axios 集成教程
## 引言
本文将教会你如何将 Vite、Vue3 和 Axios 进行集成,帮助你更好地入门前端开发。我们将通过一系列步骤来达到这个目标,每一步都包含了所需的代码和注释。让我们开始吧!
## 整体流程
下面是整个集成过程的步骤。我们将按照这个流程一步一步地实现我们的目标。
| 步骤 | 描述 |
|------|------|
| 1.            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2024-02-05 03:13:31
                            
                                292阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            在这篇博文中,我将详细记录如何将 Electron 集成 Vue 3 和 TypeScript,涵盖了从环境准备到生态扩展的各个方面。这个过程对我来说非常重要,因为它帮助我在实现一个完整的桌面应用程序时,整合了现代前端技术。
## 环境准备
要开始这个项目,我们需要一些基础环境和依赖。首先确保你的机器上安装有 Node.js 和 npm。
### 依赖安装指南
以下是不同平台的安装命令: