This paper takes the introduction of civil engineering course as an example under the background of “wide civil engineering“. A flipped-mixed teaching framework with SPOC platform as the carrier and "issue eliciting, precision teaching, personalized learning" as the main line is constructed, which combines with various elements of modern information and traditional teaching mode. Subsequently, the case design is carried out and the teaching effectiveness is evaluated. The results show that the flipped-mixed teaching provides accurate, rich, diversified and personalized online resources and whole-process interaction, which stimulates the initiative of students’ independent learning and?breaks the time and space limit of teaching activities. It makes students' understanding, mastering and application of new knowledge more in-depth and comprehensive through preliminary internalization before class, deep internalization in class and comprehensive internalization after class. The mixing model is benefit to the improvement the individual comprehensive quality of students and the solving?ability to complex engineering problems, by means of guiding interaction, exploring students' strengths and cultivating students' individual development.