28 lines
3.6 KiB
Markdown
28 lines
3.6 KiB
Markdown
# 第一章 概述
|
||
|
||
## 1.1 课程设计目的
|
||
|
||
通过本次课程设计的准备与总结，深入复习、领会、巩固和运用课堂上所学的软件开发方法和知识，为综合应用本专业所学习的多门课程知识创造实践机会。本课程设计旨在使学生深入了解软件工具与环境对于项目开发的重要性，并且重点深入掌握几种较新或较流行的软件工具或计算机应用技术。
|
||
|
||
在实际开发过程中，学生将体验完整的软件开发生命周期，从需求分析、系统设计到编码实现和测试部署，全面提升软件工程实践能力。通过构建真实的Web应用系统，学生能够将理论知识转化为实际操作技能，增强解决复杂工程问题的能力，提高今后参与开发稍大规模实际软件项目和探索未知领域的能力和自信心。
|
||
|
||
## 1.2 课程设计任务
|
||
|
||
本次课程设计的任务是开发一个在线电脑DIY系统，该系统面向现代消费者对个性化电脑配置的需求，提供一站式的电脑配件选购和装机方案定制服务。系统需要实现从配件展示、用户管理、购物车管理到订单处理的完整电商业务流程。
|
||
|
||
系统的核心功能包括企业信息展示和电脑配件详情展示，涵盖CPU、内存、硬盘、主板、显卡、机箱等六大类核心配件。每种配件支持多品牌、多型号的产品管理，满足不同用户的预算和性能需求。系统采用分角色管理模式，包括管理员和普通用户两种用户类型，通过权限控制确保系统安全性和数据完整性。
|
||
|
||
用户功能方面，系统支持用户注册、登录、个人信息管理、配件选购、装机方案定制、订单提交和订单查询等完整的购物流程。管理员功能涵盖配件类型管理、商品信息管理、用户管理、订单管理和数据统计分析等后台管理功能。特别是数据统计功能，能够提供按消费金额排序的用户分析和按销售量排序的产品分析，为商业决策提供数据支持。
|
||
|
||
## 1.3 使用技术及开发环境
|
||
|
||
本项目采用现代化的全栈Web开发技术栈，前端使用React 19.0框架配合Next.js 15.3.4进行开发，利用Next.js的服务端渲染(SSR)和静态生成(SSG)能力，提升应用性能和用户体验。前端UI框架选用TailwindCSS 4.0，通过原子化CSS类实现响应式设计和现代化的用户界面。
|
||
|
||
后端采用Next.js的API Routes功能构建RESTful API，实现前后端一体化开发。数据库选用PostgreSQL作为主数据库，通过Prisma 6.10.1作为ORM框架进行数据库操作，提供类型安全的数据库访问和强大的查询能力。身份认证采用JSON Web Token(JWT)机制，确保用户会话安全和API接口的访问控制。
|
||
|
||
开发工具方面，使用Visual Studio Code作为主要IDE，配合TypeScript 5.0提供强类型支持和更好的开发体验。包管理器采用Bun作为现代化的JavaScript运行时和包管理工具，提升开发效率和构建性能。版本控制使用Git，配合GitHub进行代码管理和协作开发。
|
||
|
||
图表展示功能使用Chart.js 4.5.0和React-Chartjs-2 5.3.0库，以及Recharts 2.15.4库，提供丰富的数据可视化选项。图标系统采用Lucide React 0.522.0，提供一致性的矢量图标库。项目采用模块化架构设计，通过组件化开发提高代码复用性和可维护性。
|
||
|
||
开发环境配置包括Node.js 20+、PostgreSQL 15+数据库服务器，以及相应的开发调试工具。项目支持热重载开发模式，提供实时预览和快速迭代能力。生产环境支持静态资源优化、代码分割和性能监控，确保应用的稳定性和高性能表现。
|