front-end template asp.net zero 8.2 using Metronic6.0 or later, Metronic official website download, open very slowly mostly loaded googole fonts takes time, which is what I wrote before how to replace google fonts in Metronic
Metronic is a Powerful background template, including many components. Have contacted many background templates, including Layui, AdminLTE, Inspinia, Hui. Layui feels suitable for rapid development. Layui is very closed, and if you are not familiar with the front end, you can only follow the imitation. If you need to learn in depth, it will take a lot of effort. Layui is also very powerful, with many domestic users. Engaged in ASP.NET development, you can refer to the WTM framework, which encapsulates many controls of Layui. Inspinia is a background template based on bootstrap3 with rich controls. AdminLTE is an open source, more domestic open source software is used, you can refer to the FastAdmin template, it is better.
Metronic includes classic version and Angular version. Since the front-end level is really bad, learn from the classic version.
Metronic uses google fonts and google maps, which causes the downloaded files to open very slowly. Here, you can delete the js code of google map. You ca n’t use it anyway.
Google fonts can be replaced to the source provided by the domestic University of Science and Technology:
ajax.googleapis.com => ajax.lug.ustc.edu.cn
fonts.googleapis.com => fonts.lug.ustc.edu.cn
themes.googleusercontent.com => google-themes.lug.ustc.edu.cn
Drag the demo under the class folder to sublime, find and replace in the demo folder:
Using angular, you can refer to the doc in the downloaded file. Install npm, yarn, gulp; gulp packs and runs as usual.
Build a website in IIS and run:
The latest version of Metronic is 6.X. I am using Metronic5.5. 5 and 6 are very different, mainly because the CSS style prefix has changed, so pay attention.
Metronic is based on Bootstrap4, there are many types of css, so it is necessary to prepare for long-term learning. For beginners, please refer to the empty page of version 6.
