• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

asp.netzero8.2学习-11-Metronic替换google字体,加速网页加载速度

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

系列目录:
asp.net zero 8.2 学习-1-安装

asp.net zero 8.2 学习-2-创建一个页面

asp.net zero 8.2 学习-3-添加实体,并迁移到数据库

asp.net zero 8.2 学习-4-创建接口及服务

asp.net zero 8.2 学习-5-实现增删改查服务及API测试

asp.net zero 8.2 学习-6-权限控制

asp.net zero 8.2 学习-7-展示实体列表,实现查询,分页,过滤,排序功能

asp.net zero 8.2 学习-8-实现在页面添加、编辑、删除、查看实体

asp.net zero 8.2 学习-9-多租户设置,发送邮件配置

asp.net zero 8.2 学习-10-发布到IIS

asp.net zero 8.2 学习-11-Metronic替换google字体,加速网页加载速度
asp.net zero 8.2使用的前端模板是Metronic6.0以上版本,官网的Metronic下载下来,打开很慢主要是加载googole字体耗费时间,这是我之前写的如何在Metronic中替换google字体
Metronic是一款强大的后台模板,包括很多组件。接触过很多后台模板,有Layui,AdminLTE,Inspinia,hui。感觉Layui适合快速开发。Layui封闭性很强,对于前端不太熟悉的话,只能按模仿,如果需要深入学习,需要花费很大力气。Layui也很强大,国内用户很多。从事ASP.NET 开发的,可以参考WTM框架,封装了Layui的很多控件。Inspinia是一款基于bootstrap3的后台模板,控件很丰富。AdminLTE是一款开源的,国内开源软件用的比较多,可以参考FastAdmin的模板,做的比较好。

Metronic包括经典版和Angular版,由于前端水平实在是烂,所以从经典版学起吧。

Metronic用到了google字体和google地图导致下载下来的文件打开很慢,这里可以把google map的js代码删除,反正也用不到。

google字体可以替换到国内的科大提供的源:

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

把class文件夹下的demo拖到sublime中,在demo文件夹上查找替换:

使用angular的,可以参考下载下来的文件中的doc。安装npm,yarn,gulp;gulp打包,照样跑起来。

在IIS中建个网站,跑起来:

Metronic最新版为6.X。我这用的是Metronic5.5。5和6差别很大,主要是css样式前缀变了,所以要注意。

Metronic基于Bootstrap4,css类很多,所以要做好长期学习的准备,初学可以参考6版本的empty page。


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
Asp.NetIdentity2.0认证Asp.NetIdentity2.0认证发布时间:2022-07-10
下一篇:
ASP.NET Core 如何批量添加 Authorize 特性发布时间:2022-07-10
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap