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 of individual comprehensive quality and complex engineering problems solving ability of students, by means of guiding interaction, exploring students’ strengths and cultivating students’ individual development.