草庐IT

Vue-Router

全部标签

【开源】基于Vue和SpringBoot的用户画像活动推荐系统

项目编号:S061,文末获取源码。\color{red}{项目编号:S061,文末获取源码。}项目编号:S061,文末获取源码。目录一、摘要1.1项目介绍1.2项目录屏二、功能模块2.1数据中心模块2.2兴趣标签模块2.3活动档案模块2.4活动报名模块2.5活动留言模块三、系统设计3.1用例设计3.2业务流程设计3.3数据流程设计3.4E-R图设计四、系统展示五、核心代码5.1查询兴趣标签5.2查询活动推荐5.3新增活动报名5.4新增活动收藏5.5新增活动留言六、免责说明一、摘要1.1项目介绍基于JAVA+Vue+SpringBoot+MySQL的用户画像活动推荐系统,使用了协同推荐算法,包含

WebSocket服务端数据推送及心跳机制(Spring Boot + VUE):

文章目录一、WebSocket简介:二、WebSocket通信原理及机制:三、WebSocket特点和优点:四、WebSocket心跳机制:五、在后端SpringBoot和前端VUE中如何建立通信:【1】在SpringBoot中pom.xml中添加websocket依赖【2】创建WebSocketConfig.java开启websocket支持【3】创建WebSocketServer.java链接【4】创建一个测试调用websocket发送消息TimerSocketMessage.java(用定时器发送推送消息)【5】在VUE中创建和后端websocket服务的连接并建立心跳机制【6】启动项目

若依前后端分离+Vue2+Element UI实现根据列数据展示不同页面的数据

目录1.适用场景2.具体页面展示3.代码实现1.将需要展示的清单定义为组件2.父组件中引用子组件3.父组件新增optType字段控制弹出层展示内容4.将子组件添加到父组件的弹出层中5.父组件绑定列数据6.父组件实现点击事件方法4.总结1.适用场景多个表格中存在同一字段,并且可通过该字段查到与之对应的数据。举个简单的例子,比如我有一个学生表、一个老师表、一个课程表,假设老师表和学生表里都有课程ID这一字段,那么我可以在课程表里通过课程ID来,查找需要上这门课的学生,以及教这门课的老师,并且在课程表页面展示出来,使系统更加人性化。2.具体页面展示如图所示,钢板物料编号这一字段绑定了零件和余料,点击

免费分享一套微信小程序外卖跑腿点餐(订餐)系统(uni-app+SpringBoot后端+Vue管理端技术实现) ,帅呆了~~

大家好,我是java1234_小锋老师,看到一个不错的微信小程序外卖跑腿点餐(订餐)系统(uni-app+SpringBoot后端+Vue管理端技术实现)  ,分享下哈。项目视频演示【免费】微信小程序外卖跑腿点餐(订餐)系统(uni-app+SpringBoot后端+Vue管理端技术实现)Java毕业设计,非常好的源码_哔哩哔哩_bilibili【免费】微信小程序外卖跑腿点餐(订餐)系统(uni-app+SpringBoot后端+Vue管理端技术实现)Java毕业设计,非常好的源码项目来自互联网,免费开源分享,严禁商业。更多毕业设源码:http://www.java1234.com/a/bys

VUE3子表格嵌套分页查询互相干扰的问题解决

VUE3在表格中嵌套子表格子表格的分页查询互相干扰的问题解决简单嵌套如果不需要做子表格的分页查询,那么可以直接在主表格中嵌套子表格,有两种方式;一种是主表格加载的同时加载子表格数据,另一种是点击展开时加载子表格数据,尽量使用第二种方式;代码如图1-1所示;图1-1我们可以看到在el-table控件中增加了一列,这里的expand表示为展开类型,然后再嵌套了一个子表格,这个子表格就是列展开后的数据,这样我们就嵌套完成了,效果如图1-2所示;注:这里过于简单,我直接引用官网上的示例,感兴趣的可以前往查看:https://element-plus.org/zh-CN/component/table.

vue + vue-print-nb 实现打印 以及 样式布局问题

步骤:1、安装插件: npmivue-print-nbnpminstallvue-print-nb--save2、在main.js中引用importPrintfrom'vue-print-nb'Vue.use(Print);//全局引用3、在页面用使用打印数据取消exportdefault{data(){return{printObj:{id:'printTest',//打印的内容范围idpopTitle:'打印',//打印的标题extraCss:"",//打印可引入外部的一个css文件extraHead:"",//打印头部文字previewTitle:'',//打印预览的标题(开启预览模式后

WebSocket 前端使用vue3+ts+elementplus 实现连接

1.配置连接websocket.ts文件如下import{ElMessage}from"element-plus";interfaceWebSocketProps{url:string;//websocket地址heartTime?:number;//心跳时间间隔,默认为50000msheartMsg?:string;//心跳信息,默认为'ping'reconnectCount?:number;//重连次数,默认为5reconnectTime?:number;//重连时间间隔,默认为10000msmessage:(ev:MessageEvent)=>any;//接收消息的回调open?:(ev

React-Router v4路线点击按钮

我正在尝试在React中实现登录页面。我有一个带有2个输入字段(ID和密码)的登录组件和一个提交按钮。此按钮是材料-UI按钮组件。该按钮具有ONCLICK方法,可以检查ID和密码是否正确。如果是这样,则必须路由到另一个组件。classConnexionextendsReact.Component{constructor(props){super(props);this.state={identifiant:'',password:'',errorMessage:''};this.checkIdentifiantAndPassaword=this.checkIdentifiantAndPassw

毕业设计:新闻推荐系统 大数据 爬虫+可视化+推荐算法 vue框架+Django框架(源码)✅

毕业设计:2023-2024年计算机专业毕业设计选题汇总(建议收藏)毕业设计:2023-2024年最新最全计算机专业毕设选题推荐汇总🍅感兴趣的可以先收藏起来,点赞、关注不迷路,大家在毕设选题,项目以及论文编写等相关问题都可以给我留言咨询,希望帮助同学们顺利毕业 。🍅1、项目介绍网络爬虫:通过Python实现新浪新闻的爬取,可爬取新闻页面上的标题、文本、图片、视频链接推荐算法:权重衰减+标签推荐+热点推荐权重衰减进行用户兴趣标签权重的衰减,避免内容推荐的过度重复标签推荐进行用户标签与新闻标签的匹配,按照匹配比例进行新闻的推荐热点推荐进行新闻热点的计算的依据是新闻阅读量、新闻评论量、新闻发布时间涉

使用 create-react-app 搭建项目ts+less+antd+redux+router+eslint+prettier+axios

使用create-react-app搭建项目当前市面上有很多前端框架或者模板、如:umi、dva、antd-design-pro、create-react-app等一些框架或者模板。create-react-app是react官方提供的,相对来说比较干净一些。此项目是在create-react-app的基础上进行搭架、项目采用ts语法项目整体上会添加上以下功能:1、antd组件库2、redux状态管理工具3、router路由工具、路由配置4、eslint代码检测工具5、prettier代码格式化工具6、lesscss预编辑处理7、接口请求处理axios8、一些常用组件9、工具类10、本地跨域处