草庐IT

Vue-Router

全部标签

【开源】基于Vue.js的高校学生管理系统的设计和实现

项目编号:S029,文末获取源码。\color{red}{项目编号:S029,文末获取源码。}项目编号:S029,文末获取源码。目录一、摘要1.1项目介绍1.2项目录屏二、功能模块2.1学生管理模块2.2学院课程模块2.3学生选课模块2.4成绩管理模块三、系统设计3.1用例设计3.2数据库设计3.2.1学生表3.2.2学院课程表3.2.3学生选课表3.2.4学生成绩表四、系统展示五、核心代码5.1查询课程5.2新增学生选课5.3编辑学生选课5.4课程打分5.5安排补考六、免责说明一、摘要1.1项目介绍基于Vue+SpringBoot+MySQL的高校学生管理系统包含学院课程模块、学生选课模块、

Vue3集成ThreeJS实现3D效果,threejs+Vite+Vue3+TypeScript 实战课程【一篇文章精通系列】

Vue3集成ThreeJS实现3D效果,threejs+Vite+Vue3+TypeScript实战课程【一篇文章精通系列】项目简介一、项目初始化1、添加一些依赖项二、创建3D【基础搭建】1、绘制板子,立方体,球体2、材质和光照3、材质和光照和动画4、性能监控5、交互控制6、响应窗口变化三、基础场景搭建1、创建基础场景【实现添加几何体和删除几何体】2、实现雾化场景3、重写材质4、常见几何体5、修改几何体属性6、相机切换7、相机跟随四、光照1、环境光2、点光源3、聚光灯4、平行光5、半球光五、小车案例1、基础环境搭建2、载入模型,实现轨道控制器3、实现模型颜色材质调整,轮子转动4、源代码下载项目

uniapp Vue3 面包屑导航 带动态样式

上干货 {{item.name}}您已转到{{selectedPage}}页面您已转到{{selectedPage}}页面您已转到{{selectedPage}}页面import{onMounted,ref}from"vue"//定义路由列表constroutes=ref([{to:"A",name:"A页面",},{to:"B",name:"B页面",},{to:"C",name:"C页面",},])//当前选中的路由constselectedRoute=ref("")//当前选中的页面constselectedPage=ref("")//点击路由项的处理函数functiondianji(i

Ant Design Vue TreeSelect 树选择 前端如何实现模糊搜索以及获取到当前节点信息和父节点的信息;

前言:写项目的时候,后台返回了个树形结构的数据,要求前端保存的时候,传给后台选取的子节点和父节点的信息;1.因为后台返回的数据比较多,渲染之后用户不太容易选择,因此就用了AntDesign的模糊搜索的方法;2.AntDesign的树选择,只提供了获取选取当前节点的信息,如何获取当前节点的父节点的信息3.如何渲染后台返回的树结构的数据记录一下代码;html部分渲染后端数据;//res是后台返回的数据;data.treeData=res.map((t)=>{return{pId:Number(t.typeLevel)-1,value:t.typeCode,title:t.typeName,isLe

Vue3 + Three.js + gltf-pipeline大型园区场景渲染与3D业务

在非使用unity作为3D渲染方案的前提下,对与目前web开发者比较友好的除了canvas场景需要的2Dbabylon.js,fabric.js,Three.js是目前针对于jsWeb用户最直接且比较友好的3D引擎方案了。准备工作:1.明确需要用的场景方案都有那些,模型需要的加载器是什么2.模型的场景大小已经相关的交互业务3.场景的工作环境(浏览器及硬件要求)step1:以.glb模型为例import*asTHREEfrom"three";import{GLTFLoader}from"three/examples/jsm/loaders/GLTFLoader";import{OrbitCont

前端vue echart自定义图表(柱形图 折线图 饼图 树形结构图 关系图谱 )

前端组件化开发:使用ECharts快速实现自定义图表摘要:随着前端开发技术的发展,组件化开发已成为提高开发效率和降低维护成本的有效手段。本文将介绍如何使用ECharts库进行前端组件化开发,快速实现自定义的图表,包括柱形图、折线图、饼图、树形结构图和关系图谱等。通过结合业务特性的模块拆分策略、模块间的交互方式和构建系统等,可以实现灵活的组件组合和扩展,提高开发效率和降低维护成本。一、引言在前端开发中,图表的展示对于数据的可视化具有重要意义。传统的开发方式将图表与整个应用绑定在一起,导致修改或增加新图表变得非常困难。组件化开发可以将图表解耦为独立的组件,单独进行开发和维护,使得开发效率和维护成本

springboot + vue3实现视频播放Demo(video.js & Vue3-video-play视频播放器)

文章目录学习链接前言ffmpeg安装ffmpeg配置环境变量分割视频文件后台配置WebConfig前端代码video.js示例安装依赖视频播放组件效果Vue3-video-play示例安装依赖main.js中使用视频播放组件效果学习链接ffmpeg官网长时长视频java存储及vue播放解决方法【攻城略地】vue3+video.js播放m3u8视频流格式Vue3-video-play组件官网Vue3视频播放器组件Vue3-video-play入门教程vue-video-player播放m3u8格式的视频Springboot视频播放(解决MP4大文件无法播放),整合ffmpeg,用m3u8切片播放

【vue-element-admin】github高质量vue项目解读,小白都能看懂(第三篇)

panel-group日月几何,天地玄黄,今日奇观,书接上一回。这次我们来讲组件因为本文是跟着项目来的,所以不从第一篇看起的小伙伴云里雾里,所以针对以上情况,我决定对于vue-element-admin项目出现的大部分技术栈以及知识点(比如:element-ui,echarts,vuex等等)进行讲解与实操。跟着项目学习是非常有效率的,但把项目中学到的知识点,自己再对着官网的API进行扩展更能加强和巩固。当然,是在另一个专栏中el-row与el-col代码有点多。template>el-row:gutter="40"class="panel-group">el-col:xs="12":sm="

智慧工地源码(微服务+Java+Springcloud+Vue+MySQL)

智慧工地系统是依托物联网、互联网、AI、可视化建立的大数据管理平台,是一种全新的管理模式,能够实现劳务管理、安全施工、绿色施工的智能化和互联网化。围绕施工现场管理的人、机、料、法、环五大维度,以及施工过程管理的进度、质量、安全三大体系为基础应用,实现全面高效的工程管理需求,满足工地多角色、多视角的有效监管,实现工程建设管理的降本增效,为监管平台提供数据支撑。一、智慧工地系统特点1.系统采用微服务架构;2.支持多端展示:PC端,平板、手机APP端;3.数字孪生可视化智慧大屏,一张图掌握项目整体情况;4.依托数据交互子平台,形成用户多系统间数据融合;5.IOT云平台,实现IOT设备对接及数据传输与

创建基于Webpack的Vue.js项目

创建基于Webpack的Vue.js项目本文目录:一、Webpack简介二、创建基于Webpack的Vue.js项目1、前提条件(1)、检查node和npm版本信息(2)、升级你的Node版本2、安装Webpack、Vue.js(1)、安装Webpack(2)、安装Vue.js3、创建基于Webpack的Vue.js项目三、Webpack下的Vue.js项目文件结构四、打开Vue项目管理器一、Webpack简介  Webpack是一个打包工具,可以把JS、CSS、NodeModule、Coffeescrip、SCSS/LESS、图片等都打包在一起,因此,现在几乎所有的SPA项目、JS项目都会用