The invention discloses a front end interface control system based on component development. The front end interface control system comprises a main frame distribution device, a CRUD (create, read, update, delete) control, a form control and a table control, the main frame distribution device is used for distributing divs (divisions) according to designated positions, main positions include top, bottom, left, right and middle, and folding and data loading modes of each div can be selected and set; the CRUD control is used for inline editing services of a table, a line or a table cell is clicked, and a div layer is popped near a cursor to display designated data of the table cell; input, button and select elements are packed by the form control to combine small controls with colorful show modes, and execution efficiency of a form and user experience are improved; data are organized in a table by the table control by the aid of div layering display modes and table elements. According to the system, common pages generate page templates, and rapid and efficient web project development is achieved by the aid of automatic page generation functions of a platform.