2022级《前端开发实训》课程设计作品展示

6月11日,软件学院2022级《前端开发实训》课程结课,同学们将各自的实训成果以海报及视频的方式上传在软件学院实践成果管理与展示平台上,所有作品可在校园网内查看链接http://10.137.143.8/nkweb/activity?id=1784755179967606786。部分实训项目展示如下:

1、蛋黄星球:基于Vue.js的互动动画故事展示平台

在这个故事中,所有在地球上死亡的蛋黄,都会带着他们在地球的经历重新回到蛋黄星球。用户将通过交互式的动画在本项目中了解到7个性格迥异的蛋黄的故事,感受它们在地球上所经历的喜怒哀乐。每个蛋黄的故事都独一无二的,它们的经历或许将会给用户带来深刻的情感体验和启示。(项目访问地址https://storysaboutanegg.github.io/)

FB85E

2、Reminder-提醒事项

本项目提供了创建和管理待办事项列表、设置提醒时间、优先级标记等功能,帮助用户轻松组织和跟踪他们的任务。用户可以根据不同的生活和工作的需求创建多个列表,并为每个事项设置详细的标题、备注、日期和时间提醒等信息。(详情查看http://10.137.143.8/nkweb/result?id=1804730118329987073)

3AC57

3、诗游此地千年前

项目是一款基于Vue开发的前端网站,使用Vue3,JavaScript,CSS,HTML等技术栈设计开发了导入页(开启沉浸式视角),首页(模式选择),诗人页面连接到的的一系列城市景点介绍,地点页面(探索此地的前世千年),地点页面连接到的一系列诗人故事和文化背景介绍,旨在通过丰富的页面设计,让用户既能穿越时空,体验中国古代文人雅客的旅游足迹,感受千年前在此处诗人所抒之感;亦能选择自由探索理想旅游地的历史文化,人物传说,发展背景等内容。团队希望用户在游览过程中,能够更进一步感受中华文化的代代相继,体味中国古代精短词句中蕴含的深厚情感。(详情查看http://10.137.143.8/nkweb/result?id=1808672444635017218)

5663A

4、从上古之际走来——山海经介绍网站

设计了首页、山水、神祗、妖兽和登录五个页面,首页增加了动画效果,引导用户进入首页。项目从山水、神祗和妖兽三个部分介绍山海经。(详情查看http://10.137.143.8/nkweb/result?id=1807390532180242434)

6003A

5、NKcanteen——可视化食堂预约系统

基于Vue框架的餐厅座位及点餐管理的前后端综合系统NKcanteen,旨在提高餐厅管理效率和提升用户用餐体验。

系统分为用户端和窗口端,提供从登录、座位管理、点餐到菜品管理的全流程功能,前端使用Vue框架搭建框架,集成利用Node.js的功能包,后端连接MySQL数据库处理交互数据。(详情查看http://10.137.143.8/nkweb/result?id=1807073750244519938)

E4CFB

6、基于Vue.js的个人博客系统

包含了主页、标签页、分类页、归档页、关于页以及后台管理页面多个视图;能够实现祝福读者积极面对生活、展示所有的博客文章、显示所有标签、标签数量和各个标签占比、显示所有分类、分类数量和各个分类占比、以时间轴和日历表的样式归档文章、以图表方式介绍关于、登录账号,在后台管理博客等多种功能。(详情查看http://10.137.143.8/nkweb/result?id=1807434243505254402)

33447

7、基于Vue.js的音乐播放器

Web版音乐播放器,支持用户播放本地或在线音乐文件,与一般的音乐播放器不同,歌曲配有实时MV动态背景,给予用户良好的视听体验。播放器不仅具备基本的播放、暂停、上一首、下一首等功能。同时还提供添加个人喜换音乐、歌曲信息展示、播放列表管理、音乐列表检索、播放模式切换、背景主题切换等功能,界面交互良好,功能完整。(详情查看http://10.137.143.8/nkweb/result?id=1807295361312747521)

6E4CE

8、网易云移动端简易版

仿网易云移动端制作的简易版网易云,基本实现了音乐播放器的基本功能:搜索音乐、发现歌单、播放歌曲、切换上下首、登录。(详情查看http://10.137.143.8/nkweb/result?id=1806299839634468865)

635BC





FaLang translation system by Faboba