草庐IT

Vue-Router

全部标签

nodejs+vue高校学生社团管理系统16von微信小程序

管理员用例图系统中的核心用户是管理员,管理员登录后,通过管理员功能来管理后台系统。主要功能有:首页、个人中心、学生管理、社团申请信息管理、校园社团管理、社团活动管理、会员管理、会员申请管理、系统管理等功能。管理员用例如图3-7所示。 图3-7管理员用例图3.3.2学生用例图学生包括:首页、个人中心、校园社团管理、社团活动管理、会员申请管理等功能。学生用例如图3-9所示。论文主要是对高校社团管理系统进行了介绍,包括研究的现状,还有涉及的开发背景,然后还对系统的设计目标进行了论述,还有系统的需求,以及整个的设计方案,对系统的设计以及实现,也都论述的比较细致,最后对高校社团管理系统进行了一些具体测试

vue页面跳转和参数传递

目标:两种方式,实现vue组件间跳转和参数传递一、路由方式页面跳转当前组件使用$.router.push,通过参数name对应路由中目标组件的name实现跳转参数传递传值:当前组件使用$.router.push,通过参数query对应路由里目标组件props中的route.query接参:目标组件script中使用$.router.query接收参数,页面中直接写参数名(方法不唯一,还有其他方式)1.路由constrouter=newRouter({ routes:[{ path:'/list', name:'List', component:()=>import('@/componen

基于java+ssm+vue的便捷饭店点餐微信小程序

项目介绍互联网发展至今,无论是其理论还是技术都已经成熟,而且它广泛参与在社会中的方方面面。它让信息都可以通过网络传播,搭配信息管理工具可以很好地为人们提供服务。针对高校教师成果信息管理混乱,出错率高,信息安全性差,劳动强度大,费时费力等问题,采用基于web的便捷饭店点餐小程序可以有效管理,使信息管理能够更加科学和规范。基于web的便捷饭店点餐小程序使用Java语言进行编码,使用Mysql创建数据表保存本系统产生的数据。系统可以提供信息显示和相应服务,其管理员便捷饭店点餐小程序信息,查看便捷饭店点餐小程序信息,管理便捷饭店点餐小程序信息。总之,基于web的便捷饭店点餐小程序集中管理信息,有着保密

流浪宠物领养系统nodejs_vue+uniapp 微信小程序

本系统共包含15个表:分别是配置文件表,宠物信息评论表表,视频播放评论表表,朋友圈表,宠物类型表,宠物信息表,宠物预约表,宠物资讯表,入园信息表,视频播放表,收藏表表,关于我们表,token表表,用户表表,用户表等信息表 语言:Java+python+nodejs+php均可选运行软件:idea/eclipse/vscode/pycharm/wamp框架支持:Ssm/springboot/django/thinkphp基于Uni-APP的宠物领养系统是一个可以很大程度上解决流浪宠物问题的系统。基于Uni-APP的宠物领养系统分为小程序部分和后台管理两部分。小程序主要功能包含:用户注册登录,首页

vue中轻量级模糊查询fuse.js使用

由于本样例是基于vue3中来实现的,若你使用的是vue2,请在评论区中发表后,也会出vue2中的相关使用。fuse是一个前端自行进行模糊查询的相关插件,常用于系统路由菜单的相关搜索等数据量不太大的情况,若需要数据量很大,还是蛮建议通过后端返回数据的相关形式。1.安装fuse.js1.1如下是相关的引用和安装,我们可以发现这种的引入后,就只占用15.8K的大小npminstallfuse.jsimportFusefrom'fuse.js'2.fuse相关配置项的说明2.1下面是fuse中的一些配置项的相关说明,但在实际运用的时候,其中的某些配置项比较重要3.fuse的实际运用3.1具体代码这里我

在vue项目中使用echarts(echarts不显示,echarts使用详细)

简述:我们在写大屏项目和vue项目时经常会用到echarts,用于数据统计和可视化,它是一款基于JavaScript的数据可视化图表库,提供直观,生动,可交互,可个性化定制的数据可视化图表,下面分享下它在项目中的使用方式;1、安装,下载相关依赖(可用镜像cnpm);npminstallecharts--save下载较慢时,可以使用镜像cnpmcnpminstallecharts--save2、在项目中引入(全局引入);全局引入Echartsimport*asechartsfrom"echarts";然后挂载在vue原型上Vue.prototype.$echarts=echarts; 可按需引入

vue中 ref 和 reactive 的区别与联系

官方原文:Vue3建议使用ref()作为声明响应式状态的主要API。ref用于将基本类型的数据(如字符串、数字,布尔值等)和引用数据类型(对象)转换为响应式数据。使用ref定义的数据可以通过.value属性访问和修改。reactive用于将对象转换为响应式数据,包括复杂的嵌套对象和数组。使用reactive定义的数据可以直接访问和修改属性。ref和reactive的区别refreactive支持基本数据类型&引用数据类型只支持对象和数组(引用数据类型)使用.value访问属性能直接访问属性传入函数时,不会失去响应将对象传入函数时,失去响应tips:reactive使用不当会失去响应constu

Vue3学习(后端开发)

目录一、安装Node.js二、创建Vue3工程三、用VSCode打开四、源代码目录src五、入门案例——手写src六、测试案例七、ref和reactive的区别一、安装Node.js下载20.10.0LTS版本 https://nodejs.org/en使用node命令检验安装是否成功node二、创建Vue3工程在桌面右键打开终端,输入创建命令。npmcreatevue@latest输入项目名称,用小写字母和数字,用_或-分隔。接下来就是一些选项配置,这里只选使用TypeScript语法。到这里Vue3项目就创建好了,可以在桌面上找到。三、用VSCode打开使用VSCode打开刚才建好的项目这

互联网+建筑工地源码,基于微服务+Java+Spring Cloud +Vue+UniApp开发

一、智慧工地概念智慧工地就是互联网+建筑工地,是将互联网+的理念和技术引入建筑工地,然后以物联网、移动互联网技术为基础,充分应用BIM、大数据、人工智能、移动通讯、云计算、物联网等信息技术,通过人机交互、感知、决策、执行和反馈等,实现对工程项目内人员、车辆、安全、设备、材料等的智能化管理。智慧工地是指通过信息化技术、物联网、人工智能技术等手段,对建筑工地进行数字化、智能化、网络化升级,实现对施工全过程的实时监控、数据分析、智能管理和优化调控。智慧工地的建设可以提高工地的安全性、效率性和质量,降低施工成本,是建筑行业数字化转型升级的重要抓手。本文将介绍智慧工地目前比较成熟的技术。二、智慧工地管理

免费下载xlsx.full.min.js包,并放入前端代码里,在html+vue中引用

访问xlsx.js的GitHub页面:https://github.com/SheetJS/sheetjs在GitHub页面中,找到"Code"按钮,然后点击它,在下拉菜单中选择"DownloadZIP",以下载xlsx.js的最新版本。解压下载的ZIP文件。在解压后的文件夹中,你会找到xlsx.full.min.js文件。将这个文件复制到你的前端项目中,通常是放在项目的一个合适目录中,比如你的项目根目录或一个名为"lib"或"vendor"的目录中。在你的HTML文件中,使用以下方式引用xlsx.full.min.js文件:确保将"path/to/xlsx.full.min.js"替换为你实