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

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

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

2、Reminder-提醒事项

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

3、诗游此地千年前

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

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

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

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

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

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

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

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

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

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

8、网易云移动端简易版

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