博主介绍:✌全网粉丝30W+,csdn特邀作者、博客专家、CSDN新星计划导师、Java领域优质创作者,博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java技术领域和学生毕业项目实战,高校老师/讲师/同行前辈交流✌主要内容:SpringBoot、Vue、SSM、HLMT、Jsp、PHP、Nodejs、Python、爬虫、数据可视化、小程序、安卓app、大数据、物联网、机器学习等设计与开发。🍅文末获取源码联系🍅👇🏻 精彩专栏推荐订阅👇🏻 不然下次找不到哟2022-2024年最全的计算机软件毕业设计选题大全:1000个热门选题推荐✅Java项目精品实战案例《100套》Java微
目录一、摘要1.1项目介绍1.2项目录屏二、功能模块三、系统展示四、核心代码4.1查询单首音乐4.2新增音乐4.3新增音乐订单4.4查询音乐订单4.5新增音乐收藏五、免责说明一、摘要1.1项目介绍基于微信小程序+JAVA+Vue+SpringBoot+MySQL的音乐平台,包含了音乐档案模块、音乐收藏模块、音乐订单模块,支持PC后台和微信小程序用户端使用,还包含系统自带的用户管理、部门管理、角色管理、菜单管理、日志管理、数据字典管理、文件管理、图表展示等基础模块,基于微信小程序的音乐平台基于角色的访问控制,给音乐管理员、音乐用户角色使用,可将权限精确到按钮级别,您可以自定义角色并分配权限,系统
折磨了整整两天,终于把这个问题搞定了.一开始后端开发完后,用apifox所有接口测试都是可以的,但当前端跑起来后发现接收不到后端的数据.网上查了很多方法,首先试了查到的前端代理方法没用,代理配置了但api不会替换成设置好的代理,还是以字符串形式到相对路径上.于是找了后端的办法,@CrossOrigin(origin="*")配置了cros后,前端能成功接受到数据,本以为皆大欢喜了,但是后端做了登录拦截后,发现所有拦截的页面都报跨域错误,而取消拦截后正常.为了解决这个问题,狠狠的恶补了浏览器相关方面的知识,发现虽然访问了页面,获得了数据,但访问前端的网址,浏览器里并没有cookie记录以及ses
搭建Vue环境1下载node.jsnode.js中文网https://nodejs.org/zh-cn/cn/下载合适的安装包2配置环境(安装时系统自动配置环境变量)进入系统环境变量界面选择系统变量path点击新建查看是否有node.js的安装路径3查看版本查看node版本命令:node-v查看npm版本命令npm-v4安装淘宝镜像,有利于加快下载速度npminstall-gcnpm--registry=https://registry.npm.taobao.org检测cnpm-v5下载vue-cli(vue脚手架),用于搭建vue使用npm下载:-g表示全局安装npminstall-g@vu
开发工具:IDEA服务器:Tomcat9.0,jdk1.8项目构建:maven数据库:mysql5.7系统分前后台,项目采用前后端分离前端技术:vue+elementUI 服务端技术:springboot+mybatis-plus+redis本项目分为前台(普通用户)、后台(管理员)两部分一、普通用户功能(前台): 注册用户和登录、首页、新闻咨询、浏览拍卖标的商品、报名、对喜欢标的商品出价竞拍、拍卖标的、拍卖会、拍卖公告、个人中心(账户安全、我的竞拍包括已报名和已拍下、竞拍流程、拍卖知识)、实名认证、修改密码、退出登录二、管理员功能(后台):1.登录、修改密码、退出登录2.拍卖管理(1).拍卖
uniapp-vue3语法实现小程序全局分享(setup,mixin)随着vue3的普及uniapp官方也支持了vue3语法的编写相信大家在开发过程中肯定碰到过小程序所有页面都要开启分享功能的需求;指定的页面(如:文章详情页)有单独的配置,而非单独配置的页面(如:付费的订单详情页)都是统一跳转到首页我的做法如下:1.创建share.js//utils/share.jsexportdefault{ onLoad(){//创建时设置统一页面的默认值 uni.$mpShare={ title:'xxxx', desc:'yyyy', path:'/pages/tabList/index
实现效果:不知道怎么录屏就用图片展示了,实现了聊天框的基础功能,也有一些细节考虑不完全。未输入消息时可发送图片或视频,输入消息后显示发送按钮,保持滚动条在位于底部的最新消息。 实现方式:1.布局:使用了弹性布局,flex-direction:row-reverse;flex-direction:row;为了兼容混合消息类型,参考大部分聊天框,都是图片视频与文字作为两条消息发送的。也可以使用vant的Layout布局,会更加简单一下。 2.滚动条位于底部,展示最新消息:scrollToBottom(){varitemBox=this.$refs.itemBox;itemBox.scrollTop
提示:前端vue解决按1920*1080设计图做的页面适配屏幕缩放并适配4K屏前端vue解决按1920*1080设计图做的页面适配屏幕缩放并适配4K屏说明一、首先是适配屏幕的缩放比1.在外部创建一个detectZoom.js文件,我是在utils文件夹下2.在main.js中引用二、解决4k屏幕的问题1.获取当前屏幕的分辨率2.根据不同屏幕和缩放比来调节zoom的比例说明公司项目做之前没有沟通好,按照1920*1080设计图做的页面,缩放比是100%,项目做完之后说要适配缩放比,并且适配4k屏,然后就各种百度找办法。一、首先是适配屏幕的缩放比这种方法也是通过看别人发布的文章解决的,原来的地址在
一、为什么会出现跨域问题 出于浏览器的同源策略限制。同源策略(Sameoriginpolicy)是一种约定,它是浏览器最核心也最基本的安全功能,如果缺少了同源策略,则浏览器的正常功能可能都会受到影响。可以说Web是构建在同源策略基础之上的,浏览器只是针对同源策略的一种实现。同源策略会阻止一个域的。javascript脚本和另外一个域的内容进行交互。所谓同源(即指在同一个域)就是两个页面具有相同的协议(protocol),主机(host)和端口号(port)。二、什么是跨域? 要了解什么是跨域,我们先说一下同源的概念。同源,是指协议、域名、端口都相同。 例如
父组件向子组件传值:props-父组件给子组件传输数据和验证1.父组件的代码示例template>div>父组件/div>//引用子组件Dialog:fatherData="fatherData">/Dialog>/template>script>//导入子组件importDialogfrom'@/components/Dialog.vue'exportdefault{name:'HomeView',components:{Dialog},data(){return{fatherData:'父组件的值',}}}/script>2.子组件的代码示例template>div>div>子组件/div