upd

杨璐-实习报告.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
+- JDK版本：JDK 1.8
-- Node.js版本：v18.18.0
 
 #### 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，技术栈在不断演进，只有保持学习的热情和能力，才能跟上行业发展的步伐。
 
 当前，云计算、大数据、人工智能等新技术正在深刻改变软件开发的方式。未来的系统将更加智能化、自动化。我希望在今后的学习中，能够在掌握基础技术的同时，关注新技术的发展趋势，拓展自己的技术视野。