From coordination configuration to framework materials: Porphyrin/Phthalocyanine-based covalent organic framework materials and their practice in the teaching reform of coordination chemistry