In traditional Java Web project, the code of front-end and back-end are highly mixed together. Since the static resources and dynamic resources are merged together in server, the pressure of server is huge. If some problems arise in server, the front-end and back-end will collapse at the same time so that user experience is terrible. In the age of big data, the performance requirements of Internet project are becoming higher and higher, so the architecture of mixing together front-end and back-end can’t gradually meet the need of applications. The separation of front-end and back-end has become a direction for Web project. Along with the development and iteration of front-end technique, some front-end frameworks appear such as React, Argluar and Vue. In this paper, we introduce a campus information system in which software architecture is based on Spring Cloud for micro-services and React for the separation of front-end and backend. The key technique and realization used in the system have been described in this paper. Through decoupling of front-end and back-end, load capacity of the system has been raised by big percentages and good performance of the system embody the design advantage of micro-services and separation of front-end and back-end.