草庐IT

vue3-admin

全部标签

Vue项目搭建及使用vue-cli创建项目、创建登录页面、与后台进行交互,以及安装和使用axios、qs和vue-axios

目录1.搭建项目1.1使用vue-cli创建项目1.2通过npm安装element-ui1.3导入组件2创建登录页面2.1创建登录组件2.2引入css(css.txt)2.3配置路由2.5运行效果3.后台交互3.1引入axios3.2axios/qs/vue-axios安装与使用3.2.1安装axios3.2.2发送get请求:3.2.3发送post请求:3.2.4简化axios使用1.搭建项目工程方式搭建项目,请将测试需要用的后台web服务程序事先准备好。1.1使用vue-cli创建项目在命令行,到自己的vue工程存放的目录,运行一下命令,前提是vue-cli先安装好。vueinitwebp

基于Java+Vue+uniapp微信小程序电影院订票选座平台设计和实现

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

uniapp使用vue3和ts开发小程序自定义tab栏,实现自定义凸出tabbar效果

要实现自定义的tabbar效果,可以使用自定义tab覆盖主tab来实现,当程序启动或者从后台显示在前台时隐藏自带的tab来实现。自定义一个tab组件,然后在里面实现自定义的逻辑。组件中所使用的组件api可以看:Tabbar底部导航栏|uView2.0-全面兼容nvue的uni-app生态框架-uni-appUI框架先在components/tabbar/里面实现组件逻辑:import{ref}from'vue';consttabIndex=ref(0);constchange=function(index){tabIndex.value=indexconsole.log("调用父组件的tab切

vue引入外部URL链接

vue引入外部URL链接大家应该都知道vue引用外部链接可以使用iframe,使用也很简单,那下面再为大家介绍另外一种写法使用v-html,下面我就直接沾代码了,基于vue3,写的比较简单,没有很完整的处理,就写了一个例子,大家只是参考一下,后期大家可以封装成组件,这里也不多说了,一看都会明白的,我也是只是做一个记录。template>divv-html="html"class="htmlClass">/div>/template>scriptsetup>import{onMounted,ref}from'vue'importaxiosfrom'axios'onMounted(()=>{loa

Apache ShenYu Admin plugin 未授权访问漏洞(CVE-2022-23944)

ApacheShenYuAdminplugin未授权访问漏洞(CVE-2022-23944)0x01漏洞简介ShenYu(原名Soul)是一款高性能,响应式的网关,同时也是应用于所有微服务场景的,可扩展、高性能、响应式的API网关解决方案。CVE-2022-23944中,由于ShenYu存在对plugin端点验证不严格,攻击者可以构造恶意请求,获取plugin以及其中的配置信息,造成敏感信息泄漏。0x02影响版本ApacheShenYu2.4.0和2.4.10x03环境搭建使用docker下载并运行环境:dockerrun-d-Pvulfocus/shenyu-cve_2022_23944端口

【开源】基于Vue和SpringBoot的超市商品管理系统

项目编号:S001,文末获取源码。\color{red}{项目编号:S001,文末获取源码。}项目编号:S001,文末获取源码。目录一、摘要1.1简介1.2项目录屏二、研究内容2.1数据中心模块2.2超市区域模块2.3超市货架模块2.4商品类型模块2.5商品档案模块三、系统设计3.1用例图3.2时序图3.3类图3.4E-R图四、系统实现4.1登录4.2注册4.3主页4.4超市区域管理4.5超市货架管理4.6商品类型管理4.7超市商品管理4.8用户管理4.9角色权限管理4.10日志管理4.11数据字典管理4.12文件管理4.13修改密码&个人中心4.14用户网站五、数据库设计六、项目总结七、免责

Vue运行报错:Custom elements in iteration require ‘v-bind:key‘ directives.eslintvue/valid-v-for

Vue运行报错:Customelementsiniterationrequire‘v-bind:key’directives.eslintvue/valid-v-for在使用vue-cli工具进行开发时,使用v-for出现如下报错:vue规定使用v-for条件渲染时,必须设置一个key,修改如下图(添加:key="key"):

VUE3+Ts使用高德地图组件@vuemap/vue-amap语法检测Amap is not defind

踩坑记录:最近项目中用到了@vuemap/vue-amap高德地图组件,正常配置完成后,引入官方示例,地图正常出现,可以正常编译不出错,但是代码提示给我整了个这。于是,开始查资料,为什么会出现这个情况,然后是因为在main.js导入的名字VueMap和高德自己全局暴露AMap不是一码事这是官方给的解决方案 再查资料,然后发现有这么几种方法可以解决第一种,在eslint的配置文件添加globals进行全局忽略,针对我的情况,我试了不管用第二种,如果不是eslint语法检测的问题,那就是TS的语法检测了,可以设置declareletAmap:any或者使用TS的单行忽略“//@ts-ignore”

【微信分享】【已解决】vue3 在uniapp中如何配置,才能使微信小程序右上角的分享开启?共三步

一、在要分享的页面引入import{onShareAppMessage}from'@dcloudio/uni-app'二、在该页面复制该代码onShareAppMessage(()=>{ return{ title:'彩虹机回收', path:'/pages/index/index', imageUrl:'/static/2.jpg' } }) 三、运行到微信小程序,直接点右上角的分享。完成

[开源]基于Vue+ElementUI+G2Plot+Echarts的仪表盘设计器

一、开源项目简介基于SpringBoot、MyBatisPlus、ElementUI、G2Plot、Echarts等技术栈的仪表盘设计器,具备仪表盘目录管理、仪表盘设计、仪表盘预览能力,支持MySQL、Oracle、PostgreSQL、MSSQL、JSON等数据集接入,对于复杂数据处理还可以使用Groovy脚本数据集,使用简单,完全免费,代码开源。二、开源协议使用Apache-2.0开源协议三、界面展示来源:gcpaas/DashBoard官网四、功能概述优势一站式仪表盘解决方案,从数据处理->仪表盘设计->仪表盘预览->生产使用支持多种数据集接入,可用于生产支持独立部署,不对原有工程产生影