Abstract: Mangroves are a unique type of woody plant found in tropical and subtropical coastal intertidal zones, playing a key role in coastal protection, biodiversity enhancement, and carbon sequestration. Xiamen's efforts in mangrove restoration and conservation have yielded invaluable insights, including advances in scientific research and practical outcomes such as ecological landscape optimization and the development of carbon-neutral forests. These experiences contribute significantly to educational resources encompassing the “moral, intellectual, physical, aesthetic and labor” elements, and exemplify best practices in ecological civilization. This paper leverages Xiamen's mangrove wetlands as an educational base for ecological civilization practice, integrating classroom instruction with field-based learning to explore and harmonize these five educational elements at various stages. This pedagogical approach aims to deepen understanding of ecological civilization concepts and provide guidance for curriculum development and reform.