2025山东大学软件学院创新项目实训博客2

最新推荐文章于 2025-05-06 18:27:06 发布
最新推荐文章于 2025-05-06 18:27:06 发布
阅读量222 收藏 3
点赞数 6
分类专栏： 2025山东大学软件学院创新项目实训 文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jiang_fanfan/article/details/146716954
版权

工作内容

参与教师端和管理员端的前端设计
开发管理员端的前端内容

具体内容

技术栈

采用vite+vue3+TypeScript进行前端页面开发

组件库选择

在这里插入图片描述
在这里插入图片描述

采用element plus组件库

主要页面说明

在这里插入图片描述

  • 管理员页面
    • 仪表盘页面
    • 用户管理页面
  • 教师页面
    • 教师端作业发布页面
    • 教师端主页
    • 教师端作业管理页面
    • 教师个人信息页面
    • 学生管理页面
  • 管理员导航页面
  • 登陆页面
  • 教师导航页面

登录界面设计

使用element plus中的按钮组件设计登录页面的按钮
在这里插入图片描述

部分代码如下
在这里插入图片描述

人员管理页面设计

采用element plus中的表格展示人员信息，此页面可以便于管理员在简洁的设计中看到用户id、用户姓名、用户身份类型等信息，同样也可以使用按钮对用户进行修改信息或者删除用户的操作。此外还有搜索框以便在大量用户情况下进行快速用户查询。
在这里插入图片描述
部分代码如下
在这里插入图片描述
部分代码（删除用户）如下
在这里插入图片描述

2024 山东大学软件学院创新项目实训（四）
m0_62636561的博客
05-15 827
在上篇中，我们利用清华提供的医疗领域的数据集对模型进行了初步的训练（train），并在训练完成后进行了模型的评估（evaluate）。微调任务的初步成果，将应用到后续的医疗问答系统中去。
山东大学软件学院项目实训-创新实训-角色疆界-会话数据响应与存储管理
huangtupi的博客
06-23 283
（2）项目中用于接收前端与会话有关的请求并相应，主要支持会话id生成、会话内容存储、会话查询、会话删除等功能。（1）面向文档的 NoSQL 数据库管理系统，高性能、高可用、易扩展，适用于处理大量的非结构化和半结构化数据。（1）简单、灵活但功能完善的web开发框架。（2）非常适合存储会话这样的半结构化数据。
2025山东大学软件学院创新项目实训博客(三)
2302_76740238的博客
03-29 296
本周在后端开发上取得了进展，完成了用户认证模块的封装和API接口设计，为前端开发提供了基础。通过封装JWT工具类和前端网络请求工具类，进一步提升了系统的安全性和开发效率。在接下来的工作中，我将继续完善后端功能，同时推进前端开发，确保项目按计划顺利推进。团队成员之间的协作更加紧密，为后续的联调和测试工作打下了良好基础。
2025山东大学软件学院创新项目实训博客4
jiang_fanfan的博客
04-13 531
对已实现功能单元测试。
2025山东大学软件学院创新项目实训博客1
jiang_fanfan的博客
03-16 799
DEEPSEEK API：深度搜索应用程序接口，用于智能问答与知识解析等。AI：人工智能技术，用于智能辅导、资源推荐等。K12教育：涵盖小学、初中、高中三个阶段的教育。智能教育学习平台是一款基于人工智能技术的教育数字化解决方案，通过线上学习、个性化辅导与教师辅助决策的深度融合，为学生和教师提供全方位服务。平台以教育数字化转型为核心目标，通过AI技术与教育场景的深度融合，实现个性化学习体验，帮助增效。
2025山东大学软件学院创新项目实训博客5
jiang_fanfan的博客
04-18 569
对已实现功能单元测试（续之前）
2025山东大学软件学院创新项目实训博客3
jiang_fanfan的博客
04-06 205
项目环境搭建；后端管理员服务实现类。之前的工作中我更多的是对于管理员的前端本地开发并且将代码于同事汇总上传，而我们项目使用docker托管mangodb，在此之前并未使用docker，需要配环境。
2025山东大学软件学院创新项目实训博客(八)
2302_76740238的博客
05-05 414
登录页面 (Login.vue, 783行)实现双模式登录（管理员/教师）集成登录/注册/忘记密码功能完成表单验证与错误处理实现JWT认证与状态管理教师主页 (TeacherHome.vue, 210行)实现导航菜单完成用户信息展示集成快捷操作入口学生管理 (StudentManagement.vue, 966行)实现学生列表展示完成学生添加/删除功能实现分页查询和批量操作集成头像显示与错误处理作业管理 (HomeWorkManagement.vue, 833行)
2025山东大学软件学院创新项目实训博客(七)
2302_76740238的博客
04-27 398
本周在管理员端功能的开发上取得了重要进展，完成了人员管理和仪表盘两个核心功能模块。人员管理功能实现了用户信息的全面管理，包括查询、编辑、删除等操作，并支持按姓名、账号和用户类型进行搜索。仪表盘功能则通过数据可视化方式，直观展示了系统的运行状况，包括用户统计、作业统计和教师-学生关系等关键指标。这些功能的实现为管理员提供了强大的管理工具，有助于更好地监控和管理整个系统。下周计划继续优化这些功能，并开始实现系统配置管理相关功能。
2025山东大学软件学院创新项目实训博客(四)
2302_76740238的博客
04-06 581
本周在后端功能开发上取得了显著进展，完成了教师服务实现类和用户认证功能的开发，为前端提供了完整的API支持。通过统一使用Code类中定义的常量作为错误码，使系统响应更加规范和一致。同时，完善的日志记录和代码注释也提高了代码的可维护性。在接下来的工作中，我将重点关注学生端功能的开发和系统的性能优化，同时配合前端开发人员进行联调测试，确保整个系统的稳定性和用户体验。
2025山东大学软件学院创新项目实训博客(六)
2302_76740238的博客
04-19 331
本周在作业管理功能的开发上取得了重要进展，完成了作业的发布、批改和分析功能。通过接入DeepSeek AI接口，实现了作业的自动批改，大大提高了教师的工作效率。同时，通过实现批量导入题目功能，进一步提升了系统的实用性。作业分析模块的基础框架已经搭建完成。
山东大学软件学院项目实训-创新实训-角色疆界
huangtupi的博客
05-30 459
本文介绍项目前端功能之文件上传的设计开发流程。
2024山东大学软件学院创新实训——智慧医疗问答系统（二）
m0_68301707的博客
04-13 1930
对于深度学习的大模型项目，租用云服务器后，可以选择在 JupyterLab 或 PyCharm 上进行模型训练。4. 选择python解释器：/root/miniconda3/bin/python3，同时勾选“Automatically upload project files to the server"，以同步本地文件夹和远程服务器的文件夹。在 XFTP 的本地文件窗口中，找到并选择您想要上传的文件或文件夹。它支持 FTP、SFTP、和 FTPS 协议，使得文件的上传和下载过程更加直观和方便。
山东大学软件学院项目实训-创新实训-山大软院网络攻防靶场实验平台（七）
weixin_50803761的博客
04-24 2370
SQL注入 delete型
watch 数组 Vue 3
qq_30049249的博客
05-01 417
发现在选项式中配置 watch 监听数组不起作用。且在 setup 中监听数组时，当不设置 deep 参数时，也进行了深度监听。在 setup 中使用 watch 监听数组变化。
setup 函数在 Vue 3 中的作用是什么？什么时候会执行
最新发布
Bruce__taotao的博客
05-06 512
setup()函数是Vue 3 中 Composition API 的核心入口，它在组件生命周期中扮演了非常关键的角色。setup()是 Vue 3 中组件逻辑的统一入口，在组件创建前执行，用于定义响应式状态、逻辑封装、生命周期注册、事件触发等，是 Composition API 的核心支点。就是把setup()函数**“自动内联展开”，省略return {}等冗余写法，让你写的每一行代码自动在 setup 环境中执行**。
【Vue】移动端开发（Uni-app、Taro）
Guiat的博客
05-03 793
Uni-app 是一个使用 Vue.js 开发所有前端应用的框架。支持一次开发，多端部署（H5、小程序、App等）。使用 Vue 的语法规范，兼容大部分 Vue 生态。Taro 是一个多端统一开发解决方案，由京东凹凸实验室开源。支持 React、Vue、Vue3 等多种框架。支持编译到微信小程序、H5、React Native 等平台。熟悉 Vue；项目需要发布到 App；更关注快速上线；→ 推荐使用Uni-app。熟悉 React；项目更偏向小程序；
Vue 实现 Hls、Flv 协议视频播放
qq_39927511的博客
05-06 612
Hls 是苹果公司推出的基于 HTTP 的自适应流媒体传输协议，它将视频流分割成一个个小的.ts 格式的视频片段，并通过.m3u8 格式的播放列表文件来管理这些片段。Hls 协议具有良好的跨平台性，在 iOS、Android 以及各大主流浏览器中都能得到较好的支持，尤其适用于网络环境不稳定的场景，能够根据网络状况自动调整视频码率，保证视频的流畅播放。Flv 是一种基于 Flash 平台的视频格式，它具有体积小、加载速度快、播放流畅等特点，在早期的 Web 视频播放领域被广泛应用。
Vue3调度器错误解析，完美解决Unhandled error during execution of scheduler flush.
RenGJ010617的博客
05-05 3739
优秀的开发者不是不犯错，而是让错误无处遁形。 解决“Unhandled error during execution of scheduler flush. This is likely a Vue internals bug” 的七种技巧
山东大学软件学院实训
03-16
### 山东大学软件学院实训项目与课程安排 #### 1. 实训项目的概述 山东大学软件学院的实训项目旨在通过实际操作和项目驱动的方式提升学生的实践能力和综合技能。例如，在暑期实训中，研究生管理系统开发是一个典型的案例[^3]。该项目涉及多个功能模块的设计与实现，其中包括学生组的“我的考试”界面以及教师组的“我的监考”界面。 以下是该系统的部分核心功能展示： ```html <div> <p>课程号：{{course.courseNameId}} {{course.courseName}}</p> <p>开始时间：{{formatDate(course.exmStartTime)}}</p> <p>结束时间：{{formatDate(course.exmOverTime)}}</p> <p>考试地点：{{course.exmPlace}}</p> <p>   考试时间：{{course.exmTime}}</p> <p>考试方式：{{course.teachMethod}}</p> <button type="primary" class="select-button" @click="exm_detail(index)" style="background-color:#18B566">查看考试要求</button> </div> ``` #### 2. 课程安排的具体内容 在第一周的实训过程中，学生可以通过系统查询本学期所选课程的考试安排信息，这些信息通常包括但不限于课序号、考试名称、考试相关的时间安排以及详细的考试介绍[^2]。具体的内容可能如下所示： | 字段 | 描述 | |--------------|--------------------------| | 课序号 | 唯一标识每门课程 | | 考试名称 | 明确考试科目 | | 开始时间 | 考试起始时刻 | | 结束时间 | 考试终止时刻 | | 考试介绍 | 提供考试形式及其他细节 | 这种结构化的数据呈现不仅方便了学生查阅个人考试计划，还帮助教师更好地管理监考任务。 #### 3. 物联网技术的应用前景 除了传统的软件开发类实训外，随着物联网技术的发展，职业教育领域也在积极探索如何将其融入教学实践中。例如，某些实验实训室已经引入了基于物联网的技术平台，用于培养学生的创新思维和技术应用能力[^4]。这表明未来山东大学软件学院可能会进一步拓展此类新兴领域的培训方向。 ---
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值