草庐IT

vue3-admin

全部标签

springboot第四章:使用idea创建vue项目

springboot学习笔记,第四章开发工具:IntelliJIDEA2021.3.1数据库工具:datagrip2022.3.1JDK:1.8.0_191maven:3.6.1hibernate:5.4.30.Finalmysql:8.0.31nodejs:14.17.0一、vue开发环境搭建参考:https://blog.csdn.net/m0_70619994/article/details/127030971二、使用idea创建vue项目1、新建module2、选择vue.js3、选择目录,完成创建4、等待初始化完成(加载全局包)5、加载完成三、配置端口和图标1、配置图标2、配置vue

Taurus .Net Core 微服务开源框架:Admin 插件【4-4】 - 配置管理-Mvc【Plugin-CORS 跨域】

前言:继上篇:Taurus.NetCore微服务开源框架:Admin插件【4-3】-配置管理-Mvc【Plugin-MicroService微服务】本篇继续介绍下一个内容:系统配置节点:Mvc- Plugin- CORS 跨域界面:界面如下:跨域功能相关配置说明如下:1、CORS.IsEnable:是否启用跨域功能。仅需要开启该功能,即可开启跨域功能。如果需要更精细化的配置,看下面的配置。2、CORS.Methods:控制允许跨域请求的方法可以根据情况增加或减少,一般保持默认值即可。3、CORS.Origin:控制允许跨域的访问地址。该值默认为*,对所有来源都允许跨域访问,如果需要指定域名,可

Vue-Element UI 组件使用经验,动态二维码生成,node.js 之使用 util 工具类发送请求,uniapp忽略路径中#,前端总结大杂烩,附代码解析(持续更新)

目录一、Vue-ElementUI1.表格el-table2.弹框3.按钮(预授权)4.组件template5.抽屉el-drawer6.动态生成二维码 二、node.js1.node.js引入util.js工具类三、uniapp1.view标签2.onLoad(options) 获取url路径上参数3.解决微信开发中H5路径中的"#"影响跳转一、Vue-ElementUI1.表格el-table@selection-change="handleSelectionChange" //绑定多选框选中方法 v-loading="loading"//实现加载效果 el-table设置斑马纹表格(间隔

Vue3问题:如何解决Watch监听对象数组失效,及如何停止监听?

一、需求分析,问题描述1、需求监听数组或对象,修改其属性数据,但watch并没有监听到变化,寻找原因和解决方式。2、问题怎样正确使用watch监听对象和数组?怎样停止watch监听?二、解决问题,答案速览1、Watch监听器-监听Ref(1)监听单个ref对象对于单个ref对象的监听,我们只需要直接监听即可,没有套路。import{reactive,ref,watch,computed}from'vue';//定义数据letnameRef=ref('大澈')//点击事件-修改数据的值consthandleChange=()=>{nameRef.value='程序员大澈'}//监听数据变化wat

毕设选题|基于Springboot+Vue实现游戏攻略分享平台

作者主页:编程指南针作者简介:Java领域优质创作者、CSDN博客专家、CSDN内容合伙人、掘金特邀作者、阿里云博客专家、51CTO特邀作者、多年架构师设计经验、腾讯课堂常驻讲师主要内容:Java项目、Python项目、前端项目、人工智能与大数据、简历模板、学习资料、面试题库、技术互助收藏点赞不迷路 关注作者有好处文末获取源码 项目编号:BS-XX-197一,环境介绍语言环境:Java: jdk1.8数据库:Mysql:mysql5.7应用服务器:Tomcat: tomcat8.5.31开发工具:IDEA或eclipse开发技术:springboot+Vue二,项目简介本项目基于Springb

vue+element ui中的el-button自定义icon图标

实现button的icon属性自定义一个图标名称,这个自定义的图标名称会默认添加到button下i标签的class上,我们只需要设置i标签的样式就可以了##3.按钮上使用自定义的icon完整代码divclass="lookBtn">el-buttonicon="el-icon-my-message"size="mini"type="primary"@click="checkAllTask">查看任务el-button>div>样式代码::v-deep.el-icon-my-message{background:url('../../assets/images/lookMsg.png')cent

Vue+Element-UI入门

1创建项目1.1Vue2.0cmdd:\html\test 创建一个文件夹放vue项目vueinitwebpacktest 创建项目cdtest进入刚刚创建的项目npmrundev 启动项目1.2Vue3.0cmdd:\html\test创建一个文件夹放vue项目vuecreatetest创建项目根据下面图片选择配置:空格是选择,回车是确认!!cdtest进入刚刚创建的项目npmrunserve启动项目2导入插件2.1Element-UI插件npminstall--saveelement-ui在main.js里面引用element-ui组件//引用element-ui以及样式importEle

uniapp vue3 微信小程序 项目中使用 websocet、微信小程序真机调试 websocket 报错 errMsg: “Invalid HTTP status.“

uniappvue3微信小程序项目中使用websocetconstwebsocketParams=ref({accessToken:'token'})constwebsoketFn=()=>{uni.connectSocket({url:`wss://www.xxx.com:1688/coord/messenger/websocket/site`,//演示接口success:(res)=>{console.log("正准备建立websocket中...",res)},})uni.onSocketOpen(function(res){socketOpen.value=truesendSocket

SpringBoot+Vue项目中遇到Not allowed to load local resource图片路径问题的两种解决方案(在后端映射本地路径或将图片转base64返回给前端)

一、报错截图第一种解决方案后端映射本地路径编写MyConfig类Java代码【MyWebConfig】packagecom.wechat.front.utils;importorg.springframework.context.annotation.Configuration;importorg.springframework.web.servlet.config.annotation.ResourceHandlerRegistry;importorg.springframework.web.servlet.config.annotation.WebMvcConfigurer;@Config

基于Java+Vue+uniapp微信小程序实习记录平台设计和实现

博主介绍:✌全网粉丝30W+,csdn特邀作者、博客专家、CSDN新星计划导师、Java领域优质创作者,博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java技术领域和毕业项目实战✌🍅文末获取源码联系🍅👇🏻 精彩专栏推荐订阅👇🏻 不然下次找不到哟2022-2024年最全的计算机软件毕业设计选题大全:1000个热门选题推荐✅Java项目精品实战案例《100套》Java微信小程序项目实战《100套》Python项目实战《100套》感兴趣的可以先收藏起来,还有大家在毕设选题,项目以及论文编写等相关问题都可以给我留言咨询,希望帮助更多的人​系统介绍:随着社会的发展,社会的方方面面都在