The file management of universities has always been a headache nowadays. At present, universities have a variety of public and personal documents or files to manage. The management method still maintains manual physical management, which is time-consuming and laborious, and may even cause serious problems such as "lost file". In order to manage files in a more standardized and efficient way, this design which involves a webpage connected with automation control access system optimizes the archive management of various files. The operation with its linking function allows teachers to preview and edit the retrievable items and the website administer to manage the accounts. The application of webpage can avoid problems such as cumbersome installations and running environment of APPs in mobile phones, and achieves the function of mobile terminals with Quick Look and Quick View, making the files stored at the fixed point and accessible at any time. For the front-end part of the webpage, it draws on a lot of excellent foreign website designs, and applies a flatter icon design and a more fluid transition effect. Connected with the widely-used ASP.Net backend framework, the filing cabinet enjoys a more comfortable and smooth operation experience in addition to its function of efficient filing. Furthermore, it gives the chance to teachers and students to experience the charm of TUTE on the homepage and to get an overview of the university's profile and the latest news. This design is a combination of practicality and aesthetics.