The intrinsic chemical components and sensory characteristics of Gardeniae fructus Praeparatus (GFP) directly reflect its quality and subsequently, affect its clinical curative effect. However, there is little research on the correlation between the appearance traits and chemical compositions of GFP during heat processing. In this study, the major components of five typical processed decoction pieces of GFP were determined. With the deepening of processing, the contents of geniposidic acid and 5-HMF gradually increased, while the contents of deacetyl-asperulosidic acid methyl ester, gardenoside, and two pigments declined. Moreover, the electronic eye, electronic tongue, and electronic nose were applied to quantify GFP’s sensory properties. It was found that the chroma values showed a downward trend during the processing of GFP. The results of odor showed that ammonia, alkenes, hydrogen, and aromatic compounds were the material base for aroma characteristics. Complex bitterness in GF was more obvious than that in other GFP processed products. Furthermore, one mathematical model was established to evaluate the correlation between the sensory characteristics and chemical composition of GFP during five different stages. A cluster analysis and neural network analysis contributed to recognizing the processing stage of GFP. This study provided an alternative method for the exterior and interior correlation-based quality evaluation of herbs.