国际化样例

commit 93f0567c8f11d424efe9fe024f5441d8c6b93471 Author: Vinjor Date: Fri Nov 29 10:09:00 2024 +0800 first diff --git a/.idea/.gitignore b/.idea/.gitignore new file mode 100644 index 0000000..13566b8 --- /dev/null +++ b/.idea/.gitignore @@ -0,0 +1,8 @@ +# Default ignored files +/shelf/ +/workspace.xml +# Editor-based HTTP Client requests +/httpRequests/ +# Datasource local storage ignored files +/dataSources/ +/dataSources.local.xml diff --git a/.idea/encodings.xml b/.idea/encodings.xml new file mode 100644 index 0000000..da0415a --- /dev/null +++ b/.idea/encodings.xml @@ -0,0 +1,4 @@ + + + + \ No newline at end of file diff --git a/.idea/i18n_language.iml b/.idea/i18n_language.iml new file mode 100644 index 0000000..d6ebd48 --- /dev/null +++ b/.idea/i18n_language.iml @@ -0,0 +1,9 @@ + + + + + + + + + \ No newline at end of file diff --git a/.idea/inspectionProfiles/Project_Default.xml b/.idea/inspectionProfiles/Project_Default.xml new file mode 100644 index 0000000..6560a98 --- /dev/null +++ b/.idea/inspectionProfiles/Project_Default.xml @@ -0,0 +1,36 @@ + + + + \ No newline at end of file diff --git a/.idea/misc.xml b/.idea/misc.xml new file mode 100644 index 0000000..639900d --- /dev/null +++ b/.idea/misc.xml @@ -0,0 +1,6 @@ + + + + + + \ No newline at end of file diff --git a/.idea/modules.xml b/.idea/modules.xml new file mode 100644 index 0000000..63b735f --- /dev/null +++ b/.idea/modules.xml @@ -0,0 +1,8 @@ + + + + + + + + \ No newline at end of file diff --git a/.idea/runConfigurations.xml b/.idea/runConfigurations.xml new file mode 100644 index 0000000..797acea --- /dev/null +++ b/.idea/runConfigurations.xml @@ -0,0 +1,10 @@ + + + + + + \ No newline at end of file diff --git a/i18n_language.iml b/i18n_language.iml new file mode 100644 index 0000000..80cc739 --- /dev/null +++ b/i18n_language.iml @@ -0,0 +1,8 @@ + + + + + + + + \ No newline at end of file diff --git a/index.html b/index.html new file mode 100644 index 0000000..248f0e3 --- /dev/null +++ b/index.html @@ -0,0 +1,38 @@ + + + + + + 国际化样例 + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/js/jquery-3.7.1.min.js b/js/jquery-3.7.1.min.js new file mode 100644 index 0000000..7f37b5d --- /dev/null +++ b/js/jquery-3.7.1.min.js @@ -0,0 +1,2 @@ +/*! jQuery v3.7.1 | (c) OpenJS Foundation and other contributors | jquery.org/license */ +!function(e,t){"use strict";"object"==typeof module&&"object"==typeof module.exports?module.exports=e.document?t(e,!0):function(e){if(!e.document)throw new Error("jQuery requires a window with a document");return t(e)}:t(e)}("undefined"!=typeof window?window:this,function(ie,e){"use strict";var oe=[],r=Object.getPrototypeOf,ae=oe.slice,g=oe.flat?function(e){return oe.flat.call(e)}:function(e){return oe.concat.apply([],e)},s=oe.push,se=oe.indexOf,n={},i=n.toString,ue=n.hasOwnProperty,o=ue.toString,a=o.call(Object),le={},v=function(e){return"function"==typeof e&&"number"!=typeof e.nodeType&&"function"!=typeof e.item},y=function(e){return null!=e&&e===e.window},C=ie.document,u={type:!0,src:!0,nonce:!0,noModule:!0};function m(e,t,n){var r,i,o=(n=n||C).createElement("script");if(o.text=e,t)for(r in u)(i=t[r]||t.getAttribute&&t.getAttribute(r))&&o.setAttribute(r,i);n.head.appendChild(o).parentNode.removeChild(o)}function x(e){return null==e?e+"":"object"==typeof e||"function"==typeof e?n[i.call(e)]||"object":typeof e}var t="3.7.1",l=/HTML$/i,ce=function(e,t){return new ce.fn.init(e,t)};function c(e){var t=!!e&&"length"in e&&e.length,n=x(e);return!v(e)&&!y(e)&&("array"===n||0===t||"number"==typeof t&&0+~]|"+ge+")"+ge+"*"),x=new RegExp(ge+"|>"),j=new RegExp(g),A=new RegExp("^"+t+"$"),D={ID:new RegExp("^#("+t+")"),CLASS:new RegExp("^\\.("+t+")"),TAG:new RegExp("^("+t+"|[*])"),ATTR:new RegExp("^"+p),PSEUDO:new RegExp("^"+g),CHILD:new RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\$"+ge+"*(even|odd|(([+-]|)(\\d*)n|)"+ge+"*(?:([+-]|)"+ge+"*(\\d+)|))"+ge+"*\$|)","i"),bool:new RegExp("^(?:"+f+")$","i"),needsContext:new RegExp("^"+ge+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\$"+ge+"*((?:-\\d)?\\d*)"+ge+"*\$|)(?=[^-]|$)","i")},N=/^(?:input|select|textarea|button)$/i,q=/^h\d$/i,L=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,H=/[+~]/,O=new RegExp("\\\\[\\da-fA-F]{1,6}"+ge+"?|\\\\([^\\r\\n\\f])","g"),P=function(e,t){var n="0x"+e.slice(1)-65536;return t||(n<0?String.fromCharCode(n+65536):String.fromCharCode(n>>10|55296,1023&n|56320))},M=function(){V()},R=J(function(e){return!0===e.disabled&&fe(e,"fieldset")},{dir:"parentNode",next:"legend"});try{k.apply(oe=ae.call(ye.childNodes),ye.childNodes),oe[ye.childNodes.length].nodeType}catch(e){k={apply:function(e,t){me.apply(e,ae.call(t))},call:function(e){me.apply(e,ae.call(arguments,1))}}}function I(t,e,n,r){var i,o,a,s,u,l,c,f=e&&e.ownerDocument,p=e?e.nodeType:9;if(n=n||[],"string"!=typeof t||!t||1!==p&&9!==p&&11!==p)return n;if(!r&&(V(e),e=e||T,C)){if(11!==p&&(u=L.exec(t)))if(i=u[1]){if(9===p){if(!(a=e.getElementById(i)))return n;if(a.id===i)return k.call(n,a),n}else if(f&&(a=f.getElementById(i))&&I.contains(e,a)&&a.id===i)return k.call(n,a),n}else{if(u[2])return k.apply(n,e.getElementsByTagName(t)),n;if((i=u[3])&&e.getElementsByClassName)return k.apply(n,e.getElementsByClassName(i)),n}if(!(h[t+" "]||d&&d.test(t))){if(c=t,f=e,1===p&&(x.test(t)||m.test(t))){(f=H.test(t)&&U(e.parentNode)||e)==e&&le.scope||((s=e.getAttribute("id"))?s=ce.escapeSelector(s):e.setAttribute("id",s=S)),o=(l=Y(t)).length;while(o--)l[o]=(s?"#"+s:":scope")+" "+Q(l[o]);c=l.join(",")}try{return k.apply(n,f.querySelectorAll(c)),n}catch(e){h(t,!0)}finally{s===S&&e.removeAttribute("id")}}}return re(t.replace(ve,"$1"),e,n,r)}function W(){var r=[];return function e(t,n){return r.push(t+" ")>b.cacheLength&&delete e[r.shift()],e[t+" "]=n}}function F(e){return e[S]=!0,e}function $(e){var t=T.createElement("fieldset");try{return!!e(t)}catch(e){return!1}finally{t.parentNode&&t.parentNode.removeChild(t),t=null}}function B(t){return function(e){return fe(e,"input")&&e.type===t}}function _(t){return function(e){return(fe(e,"input")||fe(e,"button"))&&e.type===t}}function z(t){return function(e){return"form"in e?e.parentNode&&!1===e.disabled?"label"in e?"label"in e.parentNode?e.parentNode.disabled===t:e.disabled===t:e.isDisabled===t||e.isDisabled!==!t&&R(e)===t:e.disabled===t:"label"in e&&e.disabled===t}}function X(a){return F(function(o){return o=+o,F(function(e,t){var n,r=a([],e.length,o),i=r.length;while(i--)e[n=r[i]]&&(e[n]=!(t[n]=e[n]))})})}function U(e){return e&&"undefined"!=typeof e.getElementsByTagName&&e}function V(e){var t,n=e?e.ownerDocument||e:ye;return n!=T&&9===n.nodeType&&n.documentElement&&(r=(T=n).documentElement,C=!ce.isXMLDoc(T),i=r.matches||r.webkitMatchesSelector||r.msMatchesSelector,r.msMatchesSelector&&ye!=T&&(t=T.defaultView)&&t.top!==t&&t.addEventListener("unload",M),le.getById=$(function(e){return r.appendChild(e).id=ce.expando,!T.getElementsByName||!T.getElementsByName(ce.expando).length}),le.disconnectedMatch=$(function(e){return i.call(e,"*")}),le.scope=$(function(){return T.querySelectorAll(":scope")}),le.cssHas=$(function(){try{return T.querySelector(":has(*,:jqfake)"),!1}catch(e){return!0}}),le.getById?(b.filter.ID=function(e){var t=e.replace(O,P);return function(e){return e.getAttribute("id")===t}},b.find.ID=function(e,t){if("undefined"!=typeof t.getElementById&&C){var n=t.getElementById(e);return n?[n]:[]}}):(b.filter.ID=function(e){var n=e.replace(O,P);return function(e){var t="undefined"!=typeof e.getAttributeNode&&e.getAttributeNode("id");return t&&t.value===n}},b.find.ID=function(e,t){if("undefined"!=typeof t.getElementById&&C){var n,r,i,o=t.getElementById(e);if(o){if((n=o.getAttributeNode("id"))&&n.value===e)return[o];i=t.getElementsByName(e),r=0;while(o=i[r++])if((n=o.getAttributeNode("id"))&&n.value===e)return[o]}return[]}}),b.find.TAG=function(e,t){return"undefined"!=typeof t.getElementsByTagName?t.getElementsByTagName(e):t.querySelectorAll(e)},b.find.CLASS=function(e,t){if("undefined"!=typeof t.getElementsByClassName&&C)return t.getElementsByClassName(e)},d=[],$(function(e){var t;r.appendChild(e).innerHTML="",e.querySelectorAll("[selected]").length||d.push("\\["+ge+"*(?:value|"+f+")"),e.querySelectorAll("[id~="+S+"-]").length||d.push("~="),e.querySelectorAll("a#"+S+"+*").length||d.push(".#.+[+~]"),e.querySelectorAll(":checked").length||d.push(":checked"),(t=T.createElement("input")).setAttribute("type","hidden"),e.appendChild(t).setAttribute("name","D"),r.appendChild(e).disabled=!0,2!==e.querySelectorAll(":disabled").length&&d.push(":enabled",":disabled"),(t=T.createElement("input")).setAttribute("name",""),e.appendChild(t),e.querySelectorAll("[name='']").length||d.push("\\["+ge+"*name"+ge+"*="+ge+"*(?:''|\"\")")}),le.cssHas||d.push(":has"),d=d.length&&new RegExp(d.join("|")),l=function(e,t){if(e===t)return a=!0,0;var n=!e.compareDocumentPosition-!t.compareDocumentPosition;return n||(1&(n=(e.ownerDocument||e)==(t.ownerDocument||t)?e.compareDocumentPosition(t):1)||!le.sortDetached&&t.compareDocumentPosition(e)===n?e===T||e.ownerDocument==ye&&I.contains(ye,e)?-1:t===T||t.ownerDocument==ye&&I.contains(ye,t)?1:o?se.call(o,e)-se.call(o,t):0:4&n?-1:1)}),T}for(e in I.matches=function(e,t){return I(e,null,null,t)},I.matchesSelector=function(e,t){if(V(e),C&&!h[t+" "]&&(!d||!d.test(t)))try{var n=i.call(e,t);if(n||le.disconnectedMatch||e.document&&11!==e.document.nodeType)return n}catch(e){h(t,!0)}return 0":{dir:"parentNode",first:!0}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:!0},"~":{dir:"previousSibling"}},preFilter:{ATTR:function(e){return e[1]=e[1].replace(O,P),e[3]=(e[3]||e[4]||e[5]||"").replace(O,P),"~="===e[2]&&(e[3]=" "+e[3]+" "),e.slice(0,4)},CHILD:function(e){return e[1]=e[1].toLowerCase(),"nth"===e[1].slice(0,3)?(e[3]||I.error(e[0]),e[4]=+(e[4]?e[5]+(e[6]||1):2*("even"===e[3]||"odd"===e[3])),e[5]=+(e[7]+e[8]||"odd"===e[3])):e[3]&&I.error(e[0]),e},PSEUDO:function(e){var t,n=!e[6]&&e[2];return D.CHILD.test(e[0])?null:(e[3]?e[2]=e[4]||e[5]||"":n&&j.test(n)&&(t=Y(n,!0))&&(t=n.indexOf(")",n.length-t)-n.length)&&(e[0]=e[0].slice(0,t),e[2]=n.slice(0,t)),e.slice(0,3))}},filter:{TAG:function(e){var t=e.replace(O,P).toLowerCase();return"*"===e?function(){return!0}:function(e){return fe(e,t)}},CLASS:function(e){var t=s[e+" "];return t||(t=new RegExp("(^|"+ge+")"+e+"("+ge+"|$)"))&&s(e,function(e){return t.test("string"==typeof e.className&&e.className||"undefined"!=typeof e.getAttribute&&e.getAttribute("class")||"")})},ATTR:function(n,r,i){return function(e){var t=I.attr(e,n);return null==t?"!="===r:!r||(t+="","="===r?t===i:"!="===r?t!==i:"^="===r?i&&0===t.indexOf(i):"*="===r?i&&-1:\x20\t\r\n\f]*)[\x20\t\r\n\f]*\/?>(?:<\/\1>|)$/i;function T(e,n,r){return v(n)?ce.grep(e,function(e,t){return!!n.call(e,t,e)!==r}):n.nodeType?ce.grep(e,function(e){return e===n!==r}):"string"!=typeof n?ce.grep(e,function(e){return-1)[^>]*|#([\w-]+))$/;(ce.fn.init=function(e,t,n){var r,i;if(!e)return this;if(n=n||k,"string"==typeof e){if(!(r="<"===e[0]&&">"===e[e.length-1]&&3<=e.length?[null,e,null]:S.exec(e))||!r[1]&&t)return!t||t.jquery?(t||n).find(e):this.constructor(t).find(e);if(r[1]){if(t=t instanceof ce?t[0]:t,ce.merge(this,ce.parseHTML(r[1],t&&t.nodeType?t.ownerDocument||t:C,!0)),w.test(r[1])&&ce.isPlainObject(t))for(r in t)v(this[r])?this[r](t[r]):this.attr(r,t[r]);return this}return(i=C.getElementById(r[2]))&&(this[0]=i,this.length=1),this}return e.nodeType?(this[0]=e,this.length=1,this):v(e)?void 0!==n.ready?n.ready(e):e(ce):ce.makeArray(e,this)}).prototype=ce.fn,k=ce(C);var E=/^(?:parents|prev(?:Until|All))/,j={children:!0,contents:!0,next:!0,prev:!0};function A(e,t){while((e=e[t])&&1!==e.nodeType);return e}ce.fn.extend({has:function(e){var t=ce(e,this),n=t.length;return this.filter(function(){for(var e=0;e\x20\t\r\n\f]*)/i,Ce=/^$|^module$|\/(?:java|ecma)script/i;xe=C.createDocumentFragment().appendChild(C.createElement("div")),(be=C.createElement("input")).setAttribute("type","radio"),be.setAttribute("checked","checked"),be.setAttribute("name","t"),xe.appendChild(be),le.checkClone=xe.cloneNode(!0).cloneNode(!0).lastChild.checked,xe.innerHTML="",le.noCloneChecked=!!xe.cloneNode(!0).lastChild.defaultValue,xe.innerHTML="",le.option=!!xe.lastChild;var ke={thead:[1,"","

"],col:[2,"","

"],tr:[2,"","

"],td:[3,"","

"],_default:[0,"",""]};function Se(e,t){var n;return n="undefined"!=typeof e.getElementsByTagName?e.getElementsByTagName(t||"*"):"undefined"!=typeof e.querySelectorAll?e.querySelectorAll(t||"*"):[],void 0===t||t&&fe(e,t)?ce.merge([e],n):n}function Ee(e,t){for(var n=0,r=e.length;n",""]);var je=/<|&#?\w+;/;function Ae(e,t,n,r,i){for(var o,a,s,u,l,c,f=t.createDocumentFragment(),p=[],d=0,h=e.length;d\s*$/g;function Re(e,t){return fe(e,"table")&&fe(11!==t.nodeType?t:t.firstChild,"tr")&&ce(e).children("tbody")[0]||e}function Ie(e){return e.type=(null!==e.getAttribute("type"))+"/"+e.type,e}function We(e){return"true/"===(e.type||"").slice(0,5)?e.type=e.type.slice(5):e.removeAttribute("type"),e}function Fe(e,t){var n,r,i,o,a,s;if(1===t.nodeType){if(_.hasData(e)&&(s=_.get(e).events))for(i in _.remove(t,"handle events"),s)for(n=0,r=s[i].length;n").attr(n.scriptAttrs||{}).prop({charset:n.scriptCharset,src:n.url}).on("load error",i=function(e){r.remove(),i=null,e&&t("error"===e.type?404:200,e.type)}),C.head.appendChild(r[0])},abort:function(){i&&i()}}});var Jt,Kt=[],Zt=/(=)\?(?=&|$)|\?\?/;ce.ajaxSetup({jsonp:"callback",jsonpCallback:function(){var e=Kt.pop()||ce.expando+"_"+jt.guid++;return this[e]=!0,e}}),ce.ajaxPrefilter("json jsonp",function(e,t,n){var r,i,o,a=!1!==e.jsonp&&(Zt.test(e.url)?"url":"string"==typeof e.data&&0===(e.contentType||"").indexOf("application/x-www-form-urlencoded")&&Zt.test(e.data)&&"data");if(a||"jsonp"===e.dataTypes[0])return r=e.jsonpCallback=v(e.jsonpCallback)?e.jsonpCallback():e.jsonpCallback,a?e[a]=e[a].replace(Zt,"$1"+r):!1!==e.jsonp&&(e.url+=(At.test(e.url)?"&":"?")+e.jsonp+"="+r),e.converters["script json"]=function(){return o||ce.error(r+" was not called"),o[0]},e.dataTypes[0]="json",i=ie[r],ie[r]=function(){o=arguments},n.always(function(){void 0===i?ce(ie).removeProp(r):ie[r]=i,e[r]&&(e.jsonpCallback=t.jsonpCallback,Kt.push(r)),o&&v(i)&&i(o[0]),o=i=void 0}),"script"}),le.createHTMLDocument=((Jt=C.implementation.createHTMLDocument("").body).innerHTML="",2===Jt.childNodes.length),ce.parseHTML=function(e,t,n){return"string"!=typeof e?[]:("boolean"==typeof t&&(n=t,t=!1),t||(le.createHTMLDocument?((r=(t=C.implementation.createHTMLDocument("")).createElement("base")).href=C.location.href,t.head.appendChild(r)):t=C),o=!n&&[],(i=w.exec(e))?[t.createElement(i[1])]:(i=Ae([e],t,o),o&&o.length&&ce(o).remove(),ce.merge([],i.childNodes)));var r,i,o},ce.fn.load=function(e,t,n){var r,i,o,a=this,s=e.indexOf(" ");return-1").append(ce.parseHTML(e)).find(r):e)}).always(n&&function(e,t){a.each(function(){n.apply(this,o||[e.responseText,t,e])})}),this},ce.expr.pseudos.animated=function(t){return ce.grep(ce.timers,function(e){return t===e.elem}).length},ce.offset={setOffset:function(e,t,n){var r,i,o,a,s,u,l=ce.css(e,"position"),c=ce(e),f={};"static"===l&&(e.style.position="relative"),s=c.offset(),o=ce.css(e,"top"),u=ce.css(e,"left"),("absolute"===l||"fixed"===l)&&-1<(o+u).indexOf("auto")?(a=(r=c.position()).top,i=r.left):(a=parseFloat(o)||0,i=parseFloat(u)||0),v(t)&&(t=t.call(e,n,ce.extend({},s))),null!=t.top&&(f.top=t.top-s.top+a),null!=t.left&&(f.left=t.left-s.left+i),"using"in t?t.using.call(e,f):c.css(f)}},ce.fn.extend({offset:function(t){if(arguments.length)return void 0===t?this:this.each(function(e){ce.offset.setOffset(this,t,e)});var e,n,r=this[0];return r?r.getClientRects().length?(e=r.getBoundingClientRect(),n=r.ownerDocument.defaultView,{top:e.top+n.pageYOffset,left:e.left+n.pageXOffset}):{top:0,left:0}:void 0},position:function(){if(this[0]){var e,t,n,r=this[0],i={top:0,left:0};if("fixed"===ce.css(r,"position"))t=r.getBoundingClientRect();else{t=this.offset(),n=r.ownerDocument,e=r.offsetParent||n.documentElement;while(e&&(e===n.body||e===n.documentElement)&&"static"===ce.css(e,"position"))e=e.parentNode;e&&e!==r&&1===e.nodeType&&((i=ce(e).offset()).top+=ce.css(e,"borderTopWidth",!0),i.left+=ce.css(e,"borderLeftWidth",!0))}return{top:t.top-i.top-ce.css(r,"marginTop",!0),left:t.left-i.left-ce.css(r,"marginLeft",!0)}}},offsetParent:function(){return this.map(function(){var e=this.offsetParent;while(e&&"static"===ce.css(e,"position"))e=e.offsetParent;return e||J})}}),ce.each({scrollLeft:"pageXOffset",scrollTop:"pageYOffset"},function(t,i){var o="pageYOffset"===i;ce.fn[t]=function(e){return M(this,function(e,t,n){var r;if(y(e)?r=e:9===e.nodeType&&(r=e.defaultView),void 0===n)return r?r[i]:e[t];r?r.scrollTo(o?r.pageXOffset:n,o?n:r.pageYOffset):e[t]=n},t,e,arguments.length)}}),ce.each(["top","left"],function(e,n){ce.cssHooks[n]=Ye(le.pixelPosition,function(e,t){if(t)return t=Ge(e,n),_e.test(t)?ce(e).position()[n]+"px":t})}),ce.each({Height:"height",Width:"width"},function(a,s){ce.each({padding:"inner"+a,content:s,"":"outer"+a},function(r,o){ce.fn[o]=function(e,t){var n=arguments.length&&(r||"boolean"!=typeof e),i=r||(!0===e||!0===t?"margin":"border");return M(this,function(e,t,n){var r;return y(e)?0===o.indexOf("outer")?e["inner"+a]:e.document.documentElement["client"+a]:9===e.nodeType?(r=e.documentElement,Math.max(e.body["scroll"+a],r["scroll"+a],e.body["offset"+a],r["offset"+a],r["client"+a])):void 0===n?ce.css(e,t,i):ce.style(e,t,n,i)},s,n?e:void 0,n)}})}),ce.each(["ajaxStart","ajaxStop","ajaxComplete","ajaxError","ajaxSuccess","ajaxSend"],function(e,t){ce.fn[t]=function(e){return this.on(t,e)}}),ce.fn.extend({bind:function(e,t,n){return this.on(e,null,t,n)},unbind:function(e,t){return this.off(e,null,t)},delegate:function(e,t,n,r){return this.on(t,e,n,r)},undelegate:function(e,t,n){return 1===arguments.length?this.off(e,"**"):this.off(t,e||"**",n)},hover:function(e,t){return this.on("mouseenter",e).on("mouseleave",t||e)}}),ce.each("blur focus focusin focusout resize scroll click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup contextmenu".split(" "),function(e,n){ce.fn[n]=function(e,t){return 0.js, or _.js or __.js + * Where: + * The argument is a valid ISO Language Code. These codes are the lower-case, + * two-letter codes as defined by ISO-639. You can find a full list of these codes at a + * number of sites, such as: http://www.loc.gov/standards/iso639-2/englangn.html + * The argument is a valid ISO Country Code. These codes are the upper-case, + * two-letter codes as defined by ISO-3166. You can find a full list of these codes at a + * number of sites, such as: http://www.iso.ch/iso/en/prods-services/iso3166ma/02iso-3166-code-lists/list-en1.html + * + * Sample usage for a bundles/Messages.properties bundle: + * $.i18n.properties({ + * name: 'Messages', + * language: 'en_US', + * path: 'bundles' + * }); + * @param name (string/string[], optional) names of file to load (eg, 'Messages' or ['Msg1','Msg2']). Defaults to "Messages" + * @param language (string, optional) language/country code (eg, 'en', 'en_US', 'pt_BR'). if not specified, language reported by the browser will be used instead. + * @param path (string, optional) path of directory that contains file to load + * @param mode (string, optional) whether bundles keys are available as JavaScript variables/functions or as a map (eg, 'vars' or 'map') + * @param debug (boolean, optional) whether debug statements are logged at the console + * @param cache (boolean, optional) whether bundles should be cached by the browser, or forcibly reloaded on each page load. Defaults to false (i.e. forcibly reloaded) + * @param encoding (string, optional) the encoding to request for bundles. Property file resource bundles are specified to be in ISO-8859-1 format. Defaults to UTF-8 for backward compatibility. + * @param callback (function, optional) callback function to be called after script is terminated + */ + $.i18n.properties = function (settings) { + + var defaults = { + name: 'Messages', + language: '', + path: '', + namespace: null, + mode: 'vars', + cache: false, + debug: false, + encoding: 'UTF-8', + async: false, + callback: null + }; + + settings = $.extend(defaults, settings); + + if (settings.namespace && typeof settings.namespace == 'string') { + // A namespace has been supplied, initialise it. + if (settings.namespace.match(/^[a-z]*$/)) { + $.i18n.map[settings.namespace] = {}; + } else { + debug('Namespaces can only be lower case letters, a - z'); + settings.namespace = null; + } + } + + // Ensure a trailing slash on the path + if (!settings.path.match(/\/$/)) settings.path += '/'; + + // Try to ensure that we have at a least a two letter language code + settings.language = this.normaliseLanguageCode(settings); + + // Ensure an array + var files = (settings.name && settings.name.constructor === Array) ? settings.name : [settings.name]; + + // A locale is at least a language code which means at least two files per name. If + // we also have a country code, thats an extra file per name. + settings.totalFiles = (files.length * 2) + ((settings.language.length >= 5) ? files.length : 0); + if (settings.debug) { + debug('totalFiles: ' + settings.totalFiles); + } + + settings.filesLoaded = 0; + + files.forEach(function (file) { + + var defaultFileName, shortFileName, longFileName, fileNames; + // 1. load base (eg, Messages.properties) + defaultFileName = settings.path + file + '.properties'; + // 2. with language code (eg, Messages_pt.properties) + var shortCode = settings.language.substring(0, 2); + shortFileName = settings.path + file + '_' + shortCode + '.properties'; + // 3. with language code and country code (eg, Messages_pt_BR.properties) + if (settings.language.length >= 5) { + var longCode = settings.language.substring(0, 5); + longFileName = settings.path + file + '_' + longCode + '.properties'; + fileNames = [defaultFileName, shortFileName, longFileName]; + } else { + fileNames = [defaultFileName, shortFileName]; + } + loadAndParseFiles(fileNames, settings); + }); + + // call callback + if (settings.callback && !settings.async) { + settings.callback(); + } + }; // properties + + /** + * When configured with mode: 'map', allows access to bundle values by specifying its key. + * Eg, jQuery.i18n.prop('com.company.bundles.menu_add') + */ + $.i18n.prop = function (key /* Add parameters as function arguments as necessary */) { + + var args = [].slice.call(arguments); + + var phvList, namespace; + if (args.length == 2) { + if ($.isArray(args[1])) { + // An array was passed as the second parameter, so assume it is the list of place holder values. + phvList = args[1]; + } else if (typeof args[1] === 'object') { + // Second argument is an options object {namespace: 'mynamespace', replacements: ['egg', 'nog']} + namespace = args[1].namespace; + var replacements = args[1].replacements; + args.splice(-1, 1); + if (replacements) { + Array.prototype.push.apply(args, replacements); + } + } + } + + var value = (namespace) ? $.i18n.map[namespace][key] : $.i18n.map[key]; + if (value === null) { + return '[' + ((namespace) ? namespace + '#' + key : key) + ']'; + } + + // Place holder replacement + /** + * Tested with: + * test.t1=asdf ''{0}'' + * test.t2=asdf '{0}' '{1}'{1}'zxcv + * test.t3=This is \"a quote" 'a''{0}''s'd{fgh{ij' + * test.t4="'''{'0}''" {0}{a} + * test.t5="'''{0}'''" {1} + * test.t6=a {1} b {0} c + * test.t7=a 'quoted \\ s\ttringy' \t\t x + * + * Produces: + * test.t1, p1 ==> asdf 'p1' + * test.t2, p1 ==> asdf {0} {1}{1}zxcv + * test.t3, p1 ==> This is "a quote" a'{0}'sd{fgh{ij + * test.t4, p1 ==> "'{0}'" p1{a} + * test.t5, p1 ==> "'{0}'" {1} + * test.t6, p1 ==> a {1} b p1 c + * test.t6, p1, p2 ==> a p2 b p1 c + * test.t6, p1, p2, p3 ==> a p2 b p1 c + * test.t7 ==> a quoted \ s tringy x + */ + + var i; + if (typeof(value) == 'string') { + // Handle escape characters. Done separately from the tokenizing loop below because escape characters are + // active in quoted strings. + i = 0; + while ((i = value.indexOf('\\', i)) != -1) { + if (value.charAt(i + 1) == 't') { + value = value.substring(0, i) + '\t' + value.substring((i++) + 2); // tab + } else if (value.charAt(i + 1) == 'r') { + value = value.substring(0, i) + '\r' + value.substring((i++) + 2); // return + } else if (value.charAt(i + 1) == 'n') { + value = value.substring(0, i) + '\n' + value.substring((i++) + 2); // line feed + } else if (value.charAt(i + 1) == 'f') { + value = value.substring(0, i) + '\f' + value.substring((i++) + 2); // form feed + } else if (value.charAt(i + 1) == '\\') { + value = value.substring(0, i) + '\\' + value.substring((i++) + 2); // \ + } else { + value = value.substring(0, i) + value.substring(i + 1); // Quietly drop the character + } + } + + // Lazily convert the string to a list of tokens. + var arr = [], j, index; + i = 0; + while (i < value.length) { + if (value.charAt(i) == '\'') { + // Handle quotes + if (i == value.length - 1) { + value = value.substring(0, i); // Silently drop the trailing quote + } else if (value.charAt(i + 1) == '\'') { + value = value.substring(0, i) + value.substring(++i); // Escaped quote + } else { + // Quoted string + j = i + 2; + while ((j = value.indexOf('\'', j)) != -1) { + if (j == value.length - 1 || value.charAt(j + 1) != '\'') { + // Found start and end quotes. Remove them + value = value.substring(0, i) + value.substring(i + 1, j) + value.substring(j + 1); + i = j - 1; + break; + } else { + // Found a double quote, reduce to a single quote. + value = value.substring(0, j) + value.substring(++j); + } + } + + if (j == -1) { + // There is no end quote. Drop the start quote + value = value.substring(0, i) + value.substring(i + 1); + } + } + } else if (value.charAt(i) == '{') { + // Beginning of an unquoted place holder. + j = value.indexOf('}', i + 1); + if (j == -1) { + i++; // No end. Process the rest of the line. Java would throw an exception + } else { + // Add 1 to the index so that it aligns with the function arguments. + index = parseInt(value.substring(i + 1, j)); + if (!isNaN(index) && index >= 0) { + // Put the line thus far (if it isn't empty) into the array + var s = value.substring(0, i); + if (s !== "") { + arr.push(s); + } + // Put the parameter reference into the array + arr.push(index); + // Start the processing over again starting from the rest of the line. + i = 0; + value = value.substring(j + 1); + } else { + i = j + 1; // Invalid parameter. Leave as is. + } + } + } else { + i++; + } + } // while + + // Put the remainder of the no-empty line into the array. + if (value !== "") { + arr.push(value); + } + value = arr; + + // Make the array the value for the entry. + if (namespace) { + $.i18n.map[settings.namespace][key] = arr; + } else { + $.i18n.map[key] = arr; + } + } + + if (value.length === 0) { + return ""; + } + if (value.length == 1 && typeof(value[0]) == "string") { + return value[0]; + } + + var str = ""; + for (i = 0, j = value.length; i < j; i++) { + if (typeof(value[i]) == "string") { + str += value[i]; + } else if (phvList && value[i] < phvList.length) { + // Must be a number + str += phvList[value[i]]; + } else if (!phvList && value[i] + 1 < args.length) { + str += args[value[i] + 1]; + } else { + str += "{" + value[i] + "}"; + } + } + + return str; + }; + + function callbackIfComplete(settings) { + + if (settings.debug) { + debug('callbackIfComplete()'); + debug('totalFiles: ' + settings.totalFiles); + debug('filesLoaded: ' + settings.filesLoaded); + } + + if (settings.async) { + if (settings.filesLoaded === settings.totalFiles) { + if (settings.callback) { + settings.callback(); + } + } + } + } + + function loadAndParseFiles(fileNames, settings) { + + if (settings.debug) debug('loadAndParseFiles'); + + if (fileNames !== null && fileNames.length > 0) { + loadAndParseFile(fileNames[0], settings, function () { + fileNames.shift(); + loadAndParseFiles(fileNames,settings); + }); + } else { + callbackIfComplete(settings); + } + } + + /** Load and parse .properties files */ + function loadAndParseFile(filename, settings, nextFile) { + + if (settings.debug) { + debug('loadAndParseFile(\'' + filename +'\')'); + debug('totalFiles: ' + settings.totalFiles); + debug('filesLoaded: ' + settings.filesLoaded); + } + + if (filename !== null && typeof filename !== 'undefined') { + $.ajax({ + url: filename, + async: settings.async, + cache: settings.cache, + dataType: 'text', + success: function (data, status) { + + if (settings.debug) { + debug('Succeeded in downloading ' + filename + '.'); + debug(data); + } + + parseData(data, settings); + nextFile(); + }, + error: function (jqXHR, textStatus, errorThrown) { + + if (settings.debug) { + debug('Failed to download or parse ' + filename + '. errorThrown: ' + errorThrown); + } + if (jqXHR.status === 404) { + settings.totalFiles -= 1; + } + nextFile(); + } + }); + } + } + + /** Parse .properties files */ + function parseData(data, settings) { + + var parsed = ''; + var lines = data.split(/\n/); + var regPlaceHolder = /(\{\d+})/g; + var regRepPlaceHolder = /\{(\d+)}/g; + var unicodeRE = /(\\u.{4})/ig; + for (var i=0,j=lines.length;i 0 && line.match("^#") != "#") { // skip comments + var pair = line.split('='); + if (pair.length > 0) { + /** Process key & value */ + var name = decodeURI(pair[0]).trim(); + var value = pair.length == 1 ? "" : pair[1]; + // process multi-line values + while (value.search(/\\$/) != -1) { + value = value.substring(0, value.length - 1); + value += lines[++i].trimRight(); + } + // Put values with embedded '='s back together + for (var s = 2; s < pair.length; s++) { + value += '=' + pair[s]; + } + value = value.trim(); + + /** Mode: bundle keys in a map */ + if (settings.mode == 'map' || settings.mode == 'both') { + // handle unicode chars possibly left out + var unicodeMatches = value.match(unicodeRE); + if (unicodeMatches) { + unicodeMatches.forEach(function (match) { + value = value.replace(match, unescapeUnicode(match)); + }); + } + // add to map + if (settings.namespace) { + $.i18n.map[settings.namespace][name] = value; + } else { + $.i18n.map[name] = value; + } + } + + /** Mode: bundle keys as vars/functions */ + if (settings.mode == 'vars' || settings.mode == 'both') { + value = value.replace(/"/g, '\\"'); // escape quotation mark (") + + // make sure namespaced key exists (eg, 'some.key') + checkKeyNamespace(name); + + // value with variable substitutions + if (regPlaceHolder.test(value)) { + var parts = value.split(regPlaceHolder); + // process function args + var first = true; + var fnArgs = ''; + var usedArgs = []; + parts.forEach(function (part) { + + if (regPlaceHolder.test(part) && (usedArgs.length === 0 || usedArgs.indexOf(part) == -1)) { + if (!first) { + fnArgs += ','; + } + fnArgs += part.replace(regRepPlaceHolder, 'v$1'); + usedArgs.push(part); + first = false; + } + }); + parsed += name + '=function(' + fnArgs + '){'; + // process function body + var fnExpr = '"' + value.replace(regRepPlaceHolder, '"+v$1+"') + '"'; + parsed += 'return ' + fnExpr + ';' + '};'; + // simple value + } else { + parsed += name + '="' + value + '";'; + } + } // END: Mode: bundle keys as vars/functions + } // END: if(pair.length > 0) + } // END: skip comments + } + eval(parsed); + settings.filesLoaded += 1; + } + + /** Make sure namespace exists (for keys with dots in name) */ + // TODO key parts that start with numbers quietly fail. i.e. month.short.1=Jan + function checkKeyNamespace(key) { + + var regDot = /\./; + if (regDot.test(key)) { + var fullname = ''; + var names = key.split(/\./); + for (var i=0,j=names.length;i 0) { + fullname += '.'; + } + + fullname += name; + if (eval('typeof ' + fullname + ' == "undefined"')) { + eval(fullname + '={};'); + } + } + } + } + + /** Ensure language code is in the format aa_AA. */ + $.i18n.normaliseLanguageCode = function (settings) { + + var lang = settings.language; + if (!lang || lang.length < 2) { + if (settings.debug) debug('No language supplied. Pulling it from the browser ...'); + lang = (navigator.languages && navigator.languages.length > 0) ? navigator.languages[0] + : (navigator.language || navigator.userLanguage /* IE */ || 'en'); + if (settings.debug) debug('Language from browser: ' + lang); + } + + lang = lang.toLowerCase(); + lang = lang.replace(/-/,"_"); // some browsers report language as en-US instead of en_US + if (lang.length > 3) { + lang = lang.substring(0, 3) + lang.substring(3).toUpperCase(); + } + return lang; + }; + + /** Unescape unicode chars ('\u00e3') */ + function unescapeUnicode(str) { + + // unescape unicode codes + var codes = []; + var code = parseInt(str.substr(2), 16); + if (code >= 0 && code < Math.pow(2, 16)) { + codes.push(code); + } + // convert codes to text + return codes.reduce(function (acc, val) { return acc + String.fromCharCode(val); }, ''); + } +}) (jQuery); diff --git a/js/language.js b/js/language.js new file mode 100644 index 0000000..6b6f297 --- /dev/null +++ b/js/language.js @@ -0,0 +1,160 @@ +//网站默认语言标识 +var languageKey = "zh_CN"; +/* +设置一下网站支持的语言种类 +zh_CN(中文简体)、en_US(英语) + */ +var languageArray = ['zh_CN', 'en_US']; + +/** + * 页面初始化执行方法 + */ +$(document).ready(async function () { + //1.cookie是否存在 + if ($.cookie("userLanguage")) { + languageKey = $.cookie("userLanguage"); + } else { + //2.1 获取用户设置的浏览器语言 + var webLanguage = $.i18n.normaliseLanguageCode({}); + var charSize = $.inArray(webLanguage, languageArray); + if (charSize > -1) { + languageKey = webLanguage; + // 存到缓存中 + $.cookie("userLanguage", webLanguage, { + expires: 7 + }); + } else { + //不支持的语言，使用默认中文 + } + } + $(".lan_select").val(languageKey) + + /** + * js中调用翻译代码示例（方法一） + */ + // let selectElement = document.getElementById('mySelect'); + // // 定义选项数据 + // let optionsData = [ + // { + // value: '1', + // //这里以js文件中name为例，进行翻译 + // text: 'tel' + // }, + // { + // value: '2', + // text: 'name' + // }, + // ]; + // console.log(optionsData,76) + // // 填充元素 + optionsData.forEach(option => { + const newOption = document.createElement('option'); + //给元素添加翻译标识 + // newOption.setAttribute("data-translate",option.text) + newOption.value = option.value; + newOption.textContent = option.text; + selectElement.appendChild(newOption); + }); +} +/** + * 语言切换事件监听，切换后存cookie + */ +$(".lan_select").change(function () { + languageKey = $(".lan_select").val() + $.cookie("userLanguage", languageKey, { + expires: 7 + }); + loadProperties(languageKey); + location.reload(); +}); + +/** + * 自动翻译页面内容 + * @param type 语言包标识 + */ +function loadProperties(type) { + $.i18n.properties({ + name: 'strings', // 资源文件名称 + path: 'languages/', // 资源文件所在目录路径 + mode: 'map', // 模式：变量或 Map + language: type, // 对应的语言 + cache: false, + encoding: 'UTF-8', + callback: function () { + // 回调方法 + $('[data-translate]').each(function () { + //遍历每一个需要翻译的元素，本次翻译text + var translationKey = $(this).data('translate'); + $(this).text($.i18n.prop(translationKey)); + }); + $('[data-translate-placeholder]').each(function () { + //遍历每一个需要翻译的元素，本次翻译placeholder + var translationKey = $(this).data('translate-placeholder'); + $(this).attr("placeholder", $.i18n.prop(translationKey)) + }); + } + }); +} + +/** + * 获取指定翻译内容按钮点击执行方法---临时演示用，可以删掉 + */ +function getKeyClick() { + getTextByTranslationKey($("#data_key").val()) +} +/** + * 主动翻译指定key + * @param translationKey 需要翻译的key + */ +function getTextByTranslationKey(translationKey) { + return new Promise((resolve, reject) => { + $.i18n.properties({ + name: 'strings', // 资源文件名称 + path: 'languages/', // 资源文件所在目录路径 + mode: 'map', // 模式：变量或 Map + language: languageKey, // 对应的语言 + cache: false, + encoding: 'UTF-8', + callback: function () { + // 回调方法 + //这一行演示用，可以删掉 + $("#data_key_text").text($.i18n.prop(translationKey)) + resolve($.i18n.prop(translationKey)) + } + }); + }) +} + + + + diff --git a/languages/strings_en_US.properties b/languages/strings_en_US.properties new file mode 100644 index 0000000..cf58b69 --- /dev/null +++ b/languages/strings_en_US.properties @@ -0,0 +1,13 @@ +name=name: +name_placeholder=Please enter name +tel=tel: +tel_placeholder=Please enter tel +email=email: +email_placeholder=Please enter email +address=address: +address_placeholder= Please enter address +choose=choose: +choose_placeholder=Please choose +save=save +reset=reset +test1=Specify translation content \ No newline at end of file diff --git a/languages/strings_zh_CN.properties b/languages/strings_zh_CN.properties new file mode 100644 index 0000000..a9d376a --- /dev/null +++ b/languages/strings_zh_CN.properties @@ -0,0 +1,13 @@ +name=姓名： +name_placeholder=请输入姓名 +tel=电话： +tel_placeholder=请输入电话 +email=邮箱： +email_placeholder=请输入邮箱 +address=地址： +address_placeholder=请输入地址 +choose=选择器： +choose_placeholder=请选择 +save=保存 +reset=重置 +test1=指定翻译内容 \ No newline at end of file diff --git a/演示视频.mp4 b/演示视频.mp4 new file mode 100644 index 0000000..5bf6006 Binary files /dev/null and b/演示视频.mp4 differ