js css等静态文件版本控制,一处配置多处更新.net版【原创】
日常web开发中,我们修改了js、css等静态资源文件后,如果文件名不变的话,客户端浏览并不会及时获取最新的资源文件,这就很尴尬了
怎么办呢?
1.小白:让客户清除缓存?,No , 不靠谱
2.初级:把文件名改了?,可以,但我们产品样式一天更新8百次,怎么办?不方便
<link href="/css/old.css" rel="stylesheet" type="text/css" />
<link href="/css/new.css" rel="stylesheet" type="text/css" />
...
<link href="/css/new800.css" rel="stylesheet" type="text/css" />
3.中级:加版本号?,可以,但这个文件,我们有好几个地方用,版本号都加的乱咯? 不方便
<link href="/css/active.css?v=20181120" rel="stylesheet" type="text/css" />
4.中高级:自己搞个,一处配置多处更新,.net版 舒服
利用json的键值特性, 此处仅用js,css举例,其他图片等静态资源,都可以使用
一、 新建json文件 CssJsVersion.json
{
//请添加需要刷新的js或css文件
//说明:"键值": "指向文件"
//"css/common.css": "css/common_20170223.css"
"pc/css/common.css": "pc/css/common.css?v=20170829001",
"pc/css/active.css": "pc/css/active.css?v=20180620001",
"pc/js/GasgooJS.common.base.js": "pc/js/GasgooJS.common.base.js?v=20170816001",
"pc/js/event.js": "pc/js/event.js?v=20180508001",
"pc/js/events.js": "pc/js/events.js?v=20180111007",
"pc/js/masterpage.js": "pc/js/masterpage.js?v=20170918001",
"pc/js/home.js": "pc/js/home.js?v=20171013001",
"pc/js/af.js": "pc/js/af.js?v=20180810",
"wap/css/common.css": "wap/css/common.css?v=20171222001",
"wap/css/active.css": "wap/css/active.css?v=20171228001",
"wap/css/css.css": "wap/css/css.css?v=20180813001",
"wap/js/events.js": "wap/js/events.js?v=20180517002",
"wap/js/event.js": "wap/js/event.js?v=20171222005",
"wap/js/applyform.js": "wap/js/applyform.js?v=20171228001",
"wap/js/masterpage.js": "wap/js/masterpage.js?v=20170918001",
"ticket/css/ticket.css": "ticket/css/ticket.css?v=20180608",
"pay/css/css.css": "pay/css/css.css?v=20180831"
}
二、 新建类ContentConfig.cs
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using Newtonsoft.Json.Linq;
using System.IO;
using Newtonsoft.Json; /// <summary>
/// ContentConfig 的摘要说明
/// </summary>
public class ContentConfig
{
private static bool noCache = true;
private static JObject BuildItems()
{
var json = File.ReadAllText(HttpContext.Current.Server.MapPath("~/Content/Json/CssJsVersion.json"));
return JObject.Parse(json);
} public static JObject Items
{
get
{
if (noCache || _Items == null)
{
_Items = BuildItems();
}
return _Items;
}
}
private static JObject _Items; public static T GetValue<T>(string key)
{ try
{
return Items[key].Value<T>();
}
catch (Exception)
{ return Items["erro"].Value<T>();
} } public static String[] GetStringList(string key)
{
return Items[key].Select(x => x.Value<String>()).ToArray();
} public static String GetString(string key)
{
return GetValue<String>(key);
} public static int GetInt(string key)
{
return GetValue<int>(key);
}
public static string GetJsCssVersionUrl(string OldfileName)
{
string url = Config.RESOURCE_PATH + "/";
try
{
url += GetString(OldfileName);
}
catch (Exception)//未找到 OldfileName
{
url += OldfileName;
}
return url;
} /// <summary>
/// 把Json文本转为实体
/// </summary>
/// <typeparam name="T"></typeparam>
/// <param name="input"></param>
/// <returns></returns>
public static T FromJSON<T>(string input)
{
try
{
return JsonConvert.DeserializeObject<T>(input);
}
catch (Exception ex)
{
return default(T);
}
}
}
三、调用
js:
<script src="<%= ContentConfig.GetJsCssVersionUrl("pc/js/home.js") %>"></script>
css:
<link href="<%= ContentConfig.GetJsCssVersionUrl("pc/css/common.css") %>" rel="stylesheet" type="text/css" />
5.高级开发:任何打包工具都可以做到,如webpack,grunt,gulp 正在学习...
后语:
1. 第四个方法是笔者实际中使用的,有什么问题,也可以交流交流(* ̄︶ ̄)
2.方法那样使用,但不限于那样使用,随意发挥
3.
js css等静态文件版本控制,一处配置多处更新.net版【原创】的更多相关文章
- Django基于Pycharm开发之四[关于静态文件的使用,配置以及源码分析](原创)
对于django静态文件的使用,如果开发过netcore程序的开发人员,可能会比较容易理解django关于静态文件访问的设计原理,个人觉得,这是一个middlerware的设计,但是在django中我 ...
- 网站加载css/js/img等静态文件失败
网站加载css/js/img等静态文件失败,报网站http服务器内部500错误.而服务器中静态文件存在且权限正常. 从浏览器中直接访问文件,出来乱码.这种问题原因在于iis中该网站mime配置报错,不 ...
- Nginx设置Js、Css等静态文件的缓存过期时间
location ~.*\.(js|css|html|png|jpg)$ { expires 3d; } expires 3d; //表示缓存3天 expires 3h; //表示缓存3小 ...
- django模板中导入js、css等静态文件
打开settings.py,在底部添加: import os STATIC_URL = '/static/' STATICFILES_DIRS = ( os.path.join(os.path.dir ...
- springMVC下jsp引用外部js,css等静态资源的解决方法
直入主题. 1. web.xml对springMVC配置如下: <servlet> <description>Spring MVC配置</description> ...
- [django]Django的css、image和js静态文件生产环境配置
前言:在Django中HTML文件如果采用外联的方式引入css,js文件或者image图片,一般采用<link rel="stylesheet" href="../ ...
- tomcat 无法加载js和css 等静态文件的问题
前段时间做了个网站,在本地tomcat测试都没有问题,但是部署到阿里云上之后,系统样式全没了.jsp等动态页面访问正常. 打开浏览器监控发现所有的css 和js 文件返回都是404 .直接访问单个的c ...
- Django 学习笔记(三) --- HTML 模版加载 css、js、img 静态文件
人生苦短 ~ Tips:仅适用于 Python 3+(反正差别不大,py2 改改也能用).因为据 Python 之父 Guido van Rossum 说会在 2020 年停止对 Python 2 的 ...
- Django使用js,css等静态文件的时候,出现mime类型问题
使用adminLTE模板, return render(request, 'AdminLTE/index.html') 的时候报如下错误且页面渲染异常,css没有效果: Resource interp ...
随机推荐
- python连接Linux服务器
import paramikoimport os #当前脚本路径CUR_PATH = os.path.dirname(__file__) #服务器ipHost=''Port=22#登录用户名Usern ...
- Can I win LT464
In the "100 game," two players take turns adding, to a running total, any integer from 1.. ...
- Oracle 12c的可插拔数据库PDB
1. 默认安装之后会有一个可插拔数据库:pdborcl 2. 启动根容器: [oracle@eric ~]$ export ORACLE_SID=orcl [oracle@eric ~]$ sqlpl ...
- RSS阅读
添加自己的RSS源,订阅信息更高效.一目十行,快速获取信息的效果.
- Django框架之models和不依赖Qquery的ajax请求
一.models表字段 1)class表字段的创建 AutoField(Field) - int自增列,必须填入参数 primary_key=True BigAutoField(AutoField) ...
- Time的各种变量unity3d
Time.time:(只读)表示从游戏开发到现在的时间,会随着游戏的暂停而停止计算. Time.timeSinceLevelLoad:(只读)表示从当前Scene开始到目前为止的时间,也会随着暂停操作 ...
- 使用注解配置 AOP
一.使用注解(基于Aspect) 1.spring不会自动去寻找注解,必须告诉spring那个包下的类有注解 1.1 先引入xmlns:context命名空间 <context:componen ...
- 多项式相关&&生成函数相关&&一些题目(updating...)
文章目录 多项式的运算 多项式的加减法,数乘 多项式乘法 多项式求逆 多项式求导 多项式积分 多项式取对 多项式取exp 多项式开方 多项式的除法/取模 分治FFT 生成函数 相关题目 多项式的运算 ...
- jquery遍历之parent()与parents()的区别 及 parentsUntil() 方法
来自:http://blog.csdn.net/zm2714/article/details/8117746 .parent(selector) 获得当前匹配元素集合中每个元素的父元素,由选择器筛选( ...
- 创建Java程序并设置快捷提示
1.new Java project 创建项目 2.new package 创建包,cn.com.test 3.创建Java文件 4.Java智能提示的设置 window/preference 在Au ...