题   目

新能源汽车展示系统设计与实现

学生姓名

学  号

指导教师

所在单位

题目类型

√应用型  研究型  综合型  其它

是否需要在实验、实习、工程实践和社会调查等社会实践中完成（√是  否 ）

一、研究目标

系统设计与实现：设计并实现一个网页端新能源汽车展示系统，该系统应支持汽车模型的上传、展示和下载功能。系统应具备用户友好的界面，确保易用性和可访问性。

技术应用与集成：应用前端技术（如HTML, CSS, JavaScript）。集成适当的图形渲染技术（如WebGL或Three.js）以实现高质量的3D模型展示。

构建用户友好的界面，使用户能够上传、展示和下载新能源汽车模型。

数据集收集：收集 3D 汽车数据集。

3D 展示技术调研：在网页端展示 3D 模型有多种方法，选择较为合理的技术路线3.系统设计与实现：结合模型，利用 B/S 技术，设计与实现 3D 汽车模型展示系统，该系统需具备以下功能:

(1) 能够批量上传 3 模型 (主流格式都应得到支持，例如obi,gltf,glb,fbx 等) 进入系统进行保存。

(2) 系统内的 3d 模型能够成功在网页内展示

(3) 系统内的3d 模型均可被下载。

(4)下载模型时，支持格式转换，例如一个模型在服务器中只有.glb 格式，但下载时可选择多种格式进行下载。

二、主要研究内容和方法

需求分析与计划制定：分析项目需求，研究新能源汽车展示系统的核心功能和用户需求。制定详细的项目计划和时间表。

系统设计：设计系统的整体架构，包括前端界面设计、后端服务架构和数据库设计。

前端开发：实现网页端界面，包括用户登录、模型展示、搜索和筛选等功能的前端开发。

系统集成与测试：将前端和后端服务集成，进行系统的整体测试，包括功能测试、性能测试和安全测试。

文档编写与论文撰写：编写系统使用文档和用户手册。整理项目成果，撰写毕业论文。

三、主要考核要求或指标

①完成研究目标中规定的全部系统功能模块的设计，根据毕业设计题目，查阅相关文献资料，认真撰写文献综述，并完成开题报告和论文大纲。 ②论文资料详细，结构完整，论述清晰，论据充分。 ③论文的重要数据及引用他人成果要表明出处。 ④论文字数不少于1.2w字，参考文献不少于40篇，要求符合重庆邮电大学毕业论文书写规范。 ⑤按时完成毕业论文各阶段工作，留出审阅修改时间，不突击、不抄袭。 ⑥每阶段主动向指导教师汇报工作进度，探讨研究内容。 ⑦要求提交论文初稿、论文终稿、完整可运行的软件（硬件）作品

四、主要参考文献

[1]李明轩,郝江凌,肖列.多维数字航道综合展示系统设计与实现[J].中国水运,2023(09):48-50.DOI:10.13646/j.cnki.42-1395/u.2023.09.016.

[2]张奇知,王兴鲁.工业产品虚拟展示系统设计与开发[J].电子世界,2017(07):184-185.DOI:10.19353/j.cnki.dzsj.2017.07.148.

[3]王钟泽,马晓飞,段金荣等.基于Three.js的交互式鱼类模型展示系统设计[J].渔业现代化,2023,50(02):50-57.

[4]谢新慧,司占军,刘恩锐.基于Unity3D的汽车展示系统的设计与制作[J].电脑知识与技术,2018,14(31):93-95.DOI:10.14004/j.cnki.ckt.2018.3640.

[5]辛献杰,刘晓娜,郑学通等.基于web的虚拟现实汽车展示系统[J].电子世界,2014(13):87-88.

[6]刘涛,殷柯,严崎.基于虚拟现实的智慧车站全景可视化系统应用研究[J].智能物联技术,2022,5(03):18-23.

[7]苏龙生,邓斯尧,周佳莹等.基于Three.js的虚拟模型3D交互展示研究及实现[J].科技创新与应用,2024,14(01):43-46.DOI:10.19981/j.CN23-1581/G3.2024.01.011

[8]黄澈,张萌,王杰等.基于Three.js和物联网技术的粮库3D可视化智能系统[J].物联网技术,2023,13(12):50-53+56.DOI:10.16667/j.issn.2095-1302.2023.12.013

[9]王济农,孙帮涛,张驰.基于Three.js的地压监测可视化分析云服务平台构建与应用[J].有色金属(矿山部分),2023,75(06):21-25.

[10]文娇.基于Threejs的web3D项目优化实践[C]//中国新闻技术工作者联合会.中国新闻技术工作者联合会2022年学术年会论文集.四川封面传媒有限责任公司;,2022:2.DOI:10.26914/c.cnkihy.2022.075732

[11]ArgyroMaria B ,Charalabos I ,Styliani V .Multi-Resolution 3D Rendering for High-Performance Web AR.[J].Sensors (Basel, Switzerland),2023,23(15):

[12]鲁魏.基于Three.js的矿区三维可视化应用平台开发与研究[D].西南科技大学,2023.DOI:10.27415/d.cnki.gxngc.2023.001095

[13]林杰,祝江林,肖强等.基于Three.js引擎模块的隧道三维可视化系统设计与实现[J].武汉理工大学学报(信息与管理工程版),2023,45(05):795-800.

[14]韩慧彦.基于Three.js的智能制造车间数字孪生系统的网页编程设计[J].现代工业经济和信息化,2022,12(07):103-105+226.DOI:10.16525/j.cnki.14-1362/n.2022.07.03

[15]权西瑞,王凯,王小飞等.基于Three.js的全景漫游产品设计与实现[J].地理空间信息,2022,20(07):71-73+119.

[16]Uzayr B S .Conquering JavaScript:Three.js[M].CRC Press:2023-02-28.

[17] Johansson J. Performance and Ease of Use in 3D on the Web: Comparing Babylon. js with Three. js[J]. 2021.

[18] Yu C, Fu M, Pang C. HTML 5-Based Learning for 3D Computer Graphics and GIS[C]//Learning Technologies and Systems: 19th International Conference on Web-Based Learning, ICWL 2020, and 5th International Symposium on Emerging Technologies for Education, SETE 2020, Ningbo, China, October 22–24, 2020, Proceedings 5. Springer International Publishing, 2021: 38-46.

[19] Changhao Z, Hu L, Xianggang C, et al. Research on Web 3D display based on STL model[C]//2020 International Conference on Computer Science and Management Technology (ICCSMT). IEEE, 2020: 275-279.

[20] Le D A. E-Commercial Full Stack Web Application Development: with React, Redux, NodeJS, and MongoDB[J]. 2023.

指导教师签字：汤雅惠

2023  年01 月19日

专业负责人意见：

□同意立题

□不同意立题

学院意见：

□同意立题

□不同意立题