https://yennj12.js.org/yennj12_blog_V4/tags/vue.js/Recent content in Vue.js on YennJ12 Engineering BlogHugo -- gohugo.ioen-usSat, 27 Sep 2025 10:00:00 +0000https://yennj12.js.org/yennj12_blog_V4/posts/spring-boot-vue-employee-management-system/Sat, 27 Sep 2025 10:00:00 +0000https://yennj12.js.org/yennj12_blog_V4/posts/spring-boot-vue-employee-management-system/Comprehensive guide to building a modern employee management system using Spring Boot microservices architecture and Vue.js frontend, designed for enterprise scalability and extensibility.https://yennj12.js.org/yennj12_blog_V4/posts/spring-boot-ecommerce-shopping-cart-stripe-integration/Sat, 27 Sep 2025 10:00:00 +0000https://yennj12.js.org/yennj12_blog_V4/posts/spring-boot-ecommerce-shopping-cart-stripe-integration/A complete e-commerce shopping cart system built with Spring Boot backend and Vue.js frontend, featuring Stripe payment integration, JWT authentication, and full CRUD operations for products, categories, and cart management.https://yennj12.js.org/yennj12_blog_V4/posts/springdataplatform-flink-management-system/Sat, 06 Sep 2025 14:46:19 +0800https://yennj12.js.org/yennj12_blog_V4/posts/springdataplatform-flink-management-system/🎯 專案概述 SpringDataPlatform 是一個功能完整的企業級大數據平台，專為 Apache Flink 任務管理而設計。這個全端專案整合了現代化的 Web 技術棧，提供直觀的使用者介面來管理和監控分散式數據處理工作流程。 🏗️ 系統架構 graph TB A[Vue.js 前端] --> B[Nginx 反向代理] B --> C[Spring Boot 後端] C --> D[Apache Flink 叢集] C --> E[Apache Zeppelin] D --> F[任務執行引擎] E --> G[互動式筆記本] subgraph "核心功能" H[JAR 任務提交] I[SQL 任務提交] J[任務狀態監控] K[叢集狀態監控] end C --> H C --> I C --> J C --> K 🛠️ 技術架構 前端技術棧 框架：Vue.js 2.x 路由：Vue Router HTTP 客戶端：Axios UI 增強：SweetAlert2 語法高亮：Highlight.https://yennj12.js.org/yennj12_blog_V4/posts/spotify-playlist-full-stack-application/Sat, 06 Sep 2025 14:13:59 +0800https://yennj12.js.org/yennj12_blog_V4/posts/spotify-playlist-full-stack-application/使用 Spring Boot 後端與 Vue.js 前端，整合 Spotify API 打造智能音樂推薦系統，突破 Spotify 原生推薦限制，提供更主動的音樂探索體驗。