From 177cfd9b9dfaea12e4d271032539f2ce9b621617 Mon Sep 17 00:00:00 2001 From: wangziqi Date: Thu, 8 Jan 2026 09:20:31 +0800 Subject: [PATCH] upd --- 杨璐-实习报告.md | 35 ++++++++++++++++++----------------- 1 file changed, 18 insertions(+), 17 deletions(-) diff --git a/杨璐-实习报告.md b/杨璐-实习报告.md index a29b394..d46c382 100644 --- a/杨璐-实习报告.md +++ b/杨璐-实习报告.md @@ -34,7 +34,7 @@ **教学目标1：** 掌握Java Web应用开发的一般流程和方法，能够独立完成基于B/S架构的应用系统设计与实现。 -**教学目标2：** 深入理解前后端分离的开发模式；熟练掌握Vue.js前端框架及Spring Boot后端框架的使用方法；能够运用现代Web开发技术栈完成企业级项目的开发。 +**教学目标2：** 深入理解前后端分离的开发模式；熟练掌握原生HTML/CSS/JavaScript前端开发及Spring Boot后端框架的使用方法；能够运用现代Web开发技术栈完成企业级项目的开发。 ### （二）分析问题目标 @@ -127,19 +127,21 @@ - **Spring MVC**：Spring框架的Web模块，采用MVC设计模式，实现模型层、视图层、控制层的分离，支持RESTful风格的API开发。 -- **MyBatis**：优秀的持久层框架，支持定制化SQL、存储过程和高级映射，消除了几乎所有的JDBC代码和手动设置参数以及获取结果集的工作。 +- **Spring Data JPA**：Spring框架的数据访问抽象层，基于JPA规范，简化了数据库操作，提供Repository接口，支持自动生成SQL、分页、排序等功能。 - **MySQL**：关系型数据库管理系统，具有体积小、速度快、成本低等特点，是中小型Web应用的首选数据库。 **前端技术栈：** -- **Vue.js**：渐进式JavaScript框架，核心库只关注视图层，易于上手，便于与第三方库整合。支持组件化开发、响应式数据绑定、虚拟DOM等特性。 +- **HTML5**：超文本标记语言，用于构建页面的语义化结构，提供了丰富的表单元素和多媒体支持。 -- **Vue Router**：Vue.js官方的路由管理器，用于构建单页面应用，支持嵌套路由、路由参数、路由守卫等功能。 +- **CSS3**：层叠样式表，用于页面样式设计和布局，支持Flexbox布局、动画、过渡等现代特性。 -- **Axios**：基于Promise的HTTP客户端，用于发起异步请求，支持请求和响应拦截器、自动转换JSON数据等功能。 +- **JavaScript (ES6+)**：原生JavaScript语言，采用ES6及更高版本的语法特性，包括箭头函数、Promise、async/await、模块化等，用于实现页面的动态交互功能。 -- **Element UI**：基于Vue.js的UI组件库，提供丰富的开箱即用组件，加快前端开发速度。 +- **Bootstrap**：流行的前端UI框架，提供响应式网格系统、预定义样式和组件库，加快界面开发速度。 + +- **Fetch API**：现代浏览器原生的HTTP请求接口，基于Promise设计，用于与后端API进行异步数据交互。 **开发工具：** @@ -151,11 +153,11 @@ ### 4、系统设计 -系统设计包括前端页面设计和后端功能模块设计两个部分。前端采用Vue.js框架进行组件化开发，后端采用Spring Boot框架构建RESTful API。 +系统设计包括前端页面设计和后端功能模块设计两个部分。前端采用原生HTML/CSS/JavaScript开发，使用Bootstrap框架构建响应式界面，通过Fetch API与后端API进行数据交互。 #### 4.1 前端页面设计 -前端项目采用Vue.js框架开发，使用Element UI组件库构建用户界面，通过Axios与后端API进行数据交互。 +前端项目采用原生HTML5构建页面结构，CSS3进行样式设计，JavaScript实现交互逻辑。使用Bootstrap框架提供响应式布局和UI组件，通过Fetch API实现与后端RESTful接口的数据交互。 **4.1.1 页面布局** @@ -195,7 +197,7 @@ **4.1.3 表单验证** -前端表单验证是确保数据质量的第一道防线。系统采用Element UI提供的表单验证功能，对用户输入进行实时校验。 +前端表单验证是确保数据质量的第一道防线。系统采用原生JavaScript实现表单验证功能，在表单提交前对用户输入进行实时校验。 验证规则包括： - 必填项验证：确保关键字段不能为空 @@ -219,9 +221,9 @@ 核心代码结构： - UserController：处理用户相关的HTTP请求 - UserService：实现用户业务逻辑 -- UserMapper：执行数据库操作 +- UserRepository：Spring Data JPA接口，执行数据库操作 - JWTUtil：生成和验证JWT令牌 -- SecurityConfig：配置安全拦截规则 +- WebConfig：配置CORS和拦截规则 **4.2.2 主调模块** @@ -300,8 +302,7 @@ - 开发工具：IntelliJ IDEA 2023、VS Code - 浏览器：Chrome 120、Firefox 121 - 数据库：MySQL 8.0 -- JDK版本：JDK 17 -- Node.js版本：v18.18.0 +- JDK版本：JDK 1.8 #### 5.2 功能测试 @@ -404,15 +405,15 @@ 本次实习是对大学期间所学专业知识的一次全面检验和综合应用。在项目开发过程中，我深入理解了软件工程的完整流程，从需求分析、系统设计、编码实现到测试部署，每个环节都让我对软件工程有了更深刻的认识。 -在前端开发方面，我熟练掌握了Vue.js框架的使用，理解了组件化开发的思想，学会了使用Element UI快速构建美观的用户界面。通过实际开发，我深入理解了MVVM模式、响应式数据绑定、虚拟DOM等前端核心概念。 +在前端开发方面，我熟练掌握了原生HTML/CSS/JavaScript的开发，理解了DOM操作和事件处理机制，学会了使用Bootstrap快速构建响应式用户界面。通过实际开发，我深入理解了ES6+语法特性、异步编程、模块化设计等前端核心概念。 -在后端开发方面，我对Spring Boot框架有了更深入的理解，掌握了依赖注入、面向切面编程等Spring核心思想。通过使用MyBatis进行数据库操作，我学会了编写高效的SQL语句，理解了ORM映射的工作原理。 +在后端开发方面，我对Spring Boot框架有了更深入的理解，掌握了依赖注入、面向切面编程等Spring核心思想。通过使用Spring Data JPA进行数据库操作，我学会了ORM对象关系映射的使用方法，理解了Repository模式的工作原理。 在数据库设计方面，我通过绘制E-R图、设计数据表结构，掌握了数据库设计的规范和方法。理解了数据一致性、完整性和重要性，学会了通过索引优化查询性能。 ### 2. 问题解决能力的提升 -项目开发过程中遇到了许多技术难题，这些问题锻炼了我的问题解决能力。面对跨域请求失败的问题，我通过查阅文档了解到这是浏览器的同源策略导致的，最终通过配置后端CORS或使用代理解决了问题。面对前端页面状态管理混乱的问题，我学习了Vuex状态管理库，实现了组件间数据的有效共享。 +项目开发过程中遇到了许多技术难题，这些问题锻炼了我的问题解决能力。面对跨域请求失败的问题，我通过查阅文档了解到这是浏览器的同源策略导致的，最终通过配置后端CORS解决了问题。面对前端页面数据管理的问题，我使用localStorage实现了用户信息的本地存储，实现了页面间数据的有效共享。 每当遇到问题，我学会了先分析问题产生的原因，然后通过查阅官方文档、搜索技术博客、请教老师和同学等方式寻找解决方案。这种自主解决问题的能力将对我今后的学习和工作产生深远的影响。 @@ -430,7 +431,7 @@ ### 5. 对专业的认识和展望 -计算机科学与技术是一个快速发展的专业，新技术层出不穷。通过这次实习，我认识到持续学习的重要性。前端框架从jQuery到Vue、React、Angular，后端从JSP到Spring Boot、Spring Cloud，技术栈在不断演进，只有保持学习的热情和能力，才能跟上行业发展的步伐。 +计算机科学与技术是一个快速发展的专业，新技术层出不穷。通过这次实习，我认识到持续学习的重要性。前端开发从jQuery到Vue、React、Angular，原生JavaScript也在不断演进；后端从JSP到Spring Boot、Spring Cloud，技术栈在不断演进，只有保持学习的热情和能力，才能跟上行业发展的步伐。 当前，云计算、大数据、人工智能等新技术正在深刻改变软件开发的方式。未来的系统将更加智能化、自动化。我希望在今后的学习中，能够在掌握基础技术的同时，关注新技术的发展趋势，拓展自己的技术视野。