asp.net zero 8.2 学习-11-Metronic替换google字体,加速网页加载速度

2023-11-07

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。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

asp.net zero 8.2 学习-11-Metronic替换google字体,加速网页加载速度 的相关文章

  • abp .net core linux,Abp vNext框架 从空项目开始 使用ASP.NET Core Web Application-笔记

    参考 abp vnext框架 从空项目开始 使用asp net core web application rynowak的回答 migrate from asp net core 2 2 to 3 0 gt use mvc without
  • .NET 6 VS2022连接WebService 生成代理客户端代码

    NET 6 VS2022连接WebService 生成代理客户端代码 VS2022安装 WCF Windows Communication Foundation 首先我们得安装WCF连接工具 搜索WCF并安装 安装完毕后启动VS2022 W
  • 使用Canvas扩展绘制动态ASP.NET Core Blazor气泡图

    目录 介绍 背景 使用代码 步骤1 创建ASP NET Core Blazor服务器应用程序 运行测试应用程序 步骤2 安装软件包 步骤3 创建模型类 创建服务类 步骤4 将服务添加到Startup cs中 步骤5 使用客户端项目 添加Ra
  • 依赖注入(转载)

    依赖注入那些事儿 转载 依赖注入那些事儿 1 IGame游戏公司的故事 1 1 讨论会 话说有一个叫IGame的游戏公司 正在开发一款ARPG游戏 动作 角色扮演类游戏 如魔兽世界 梦幻西游这一类的游戏 一般这类游戏都有一个基本的功能 就是
  • 在Easy Samples中使用AvaloniaUI进行多平台UI编码——第1部分——AvaloniaUI构建块

    目录 介绍 为什么Avalonia会大受欢迎 Avalonia的一些缺点 Web和Xamarin框架在多平台开发中的缺点 你可以在这篇文章中找到什么 如何阅读这篇文章 使用Visual Studio 2019创建和运行简单的Avalon项目
  • Abp aspnet-core项目部署到Centos7.2

    Abp aspnet core项目部署到Centos7 2全流程攻略 前言 鉴于跨平台趋势潮流 小试一把微软东家的跨平台体验 期间坑多多 依次记录 与君共勉 流程简单记录 在官方aspnetboilerplate生成项目架构 还原项目并修改
  • VSCode中ASP.NET Core程序添加NuGet引用

    上一篇文章中 创建项目后基本没有改动项目内容 仅是把Pages Index cshtml文件中的Welcome修改为Hello World 复杂的程序需要在项目中引用相关的程序集 在VSCode中引用程序集不像在VS中那么方便 而且最新的项
  • 学习abp-1-ContosoUniversity Abp版

    1 去abp官网下载模板工程 https aspnetboilerplate com 项目名称为ContosoAbp 这里使用的是net core 3 x 2 x版本在编辑用户时 会报错 打开下载的解决方案 等待nuget还原包 2 数据库
  • Yarn 和 NPM 国内快速镜像(淘宝镜像)

    Yarn 和 NPM 国内快速镜像 淘宝镜像 如果在前端开发使用 NPM 或者 YARN 下载过程中碰到网速非常慢 可以配置国内 淘宝镜像 来提升下载速度 具体方法如下 NPM 查询当前镜像 npm get registry 设置为淘宝镜像
  • mysql和c#在类型转换的问题

    1 char 36 和string mysql在将char 36 类型的会转成System GUID 如果char 36 字段里存的不是guid 最好不要用char 36 改成char 37 这样的就没事了 在 net开放中 asp net
  • ABP模块系统学习及使用

    ABP模块系统简介 参考 ABP中配置的注册和初始化 ABP模块系统 ABP 源码解析 一 ABP启动 ABP框架提供了创建和组装模块的基础 一个模块能够依赖于另一个模块 在通常情况下 一个程序集就可以看成是一个模块 在ABP框架中 一个模
  • 在C#中使用 CancellationToken 处理异步任务

    在 NET Core 中使用异步编程已经很普遍了 你在项目中随处可见 async 和 await 它简化了异步操作 允许开发人员 使用同步的方式编写异步代码 你会发现在大部分的异步方法中 都提供了CancellationToken参数 本文
  • .NET Word模板引擎--MiniWord,继MiniExcel后又一开源作品

    目录 Part1简介 Part2特点 Part3安装 Part4使用 文本生成 图片生成 列表生成 表格生成 Part5总结 Part1简介 MiniWord 是 NET Word模板引擎 由Word模板和数据 简单 快速生成文件 Part
  • entity framework core + SQLite Error 1: 'no such table: Blogs'.

    在学习Entity Framework Core使用SQLite时 出现上述错误 原因是找不到db文件 在UseSqlite 中添加具体的db文件路径 改成如下即可 protected override void OnConfiguring
  • 已启用Azure Arc的Kubernetes第2部分:添加安全性和监视

    目录 设置Microsoft Defender for Clound 启用Microsoft Defender 安装Microsoft Defender for Kubernetes Cluster Extension 设置Azure Mo
  • 多平台Avalonia UI框架的主题化和本地化功能

    目录 介绍 本地化 国际化和主题化 运行高级演示 什么是Avalonia 在多个平台上运行示例 主题 本地化代码位置 Nuget包位置 主题 本地化代码示例 示例代码位置 简单的主题示例 带有样式更改的简单主题 更改主题和语言示例 高级演示
  • asp.net zero 8.2 学习-4-创建接口及服务

    上一节 在框架添加了实体 这一节 写接口及服务类 实现实体的增删改查 创建接口 SIS Application Shared层 创建DTO SIS Application Shared层 对应的Dto文件夹 创建Dto映射Mapper SI
  • 如何禁用某些应用程序服务的动态 WebAPI

    我想关闭我的ABP项目中特定应用程序服务的自动WebAPI生成服务 RemoteService 属性可用于将类标记为远程服务或禁用本质上实现 IRemoteService 接口的特定类 RemoteService false public
  • Abp.io异常:激活Castle.Proxies.ProcessesServiceProxy时抛出异常

    我还是个新人Abp io http Abp io 并且我收到以下异常 我按照 Abp io 文档中的说明进行操作 请您帮助我知道我错过了什么 2019 10 10 14 01 46 644 03 00 ERR An exception wa
  • ABP.IO - Blazor WebAssembly - 租户特定登录

    我在我的项目中使用 ABP IO Blazor 模板 尝试构建一个简单的多租户门户 我遇到的问题是试图避免最终用户在登录屏幕上选择特定租户 使用此页面作为我的参考 https docs abp io en abp latest 多租户 ht

随机推荐