Web应用程序中ResourceBundle技术概述

背景概述

创新互联主要从事成都网站制作、成都做网站、外贸营销网站建设、网页设计、企业做网站、公司建网站等业务。立足成都服务顺昌,10多年网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:18982081108

世界经济日益全球化的同时，一个应用程序需要在全球范围内使用势在必然。传统的程序设计方法将可翻译信息如菜单按钮的标签，提示信息，帮助文档等文字信息硬编码在程序代码中，不能很好的适应全球化发展，程序的扩展性差，维护成本高。一个能支持全球化的应用程序，必须实现单一可执行的程序，动态地使用资源(Single Source Single Executable)，图1 是两种模型的对比图。

图 1. 传统的程序模型和支持全球化程序模型

对于一个能支持全球化的应用程序来说：

一方面需要考虑的是用户的语言环境(我们称作 Language Locale)：这里主要就是指翻译，在不同的国家用他们自己的语言正确运作软件，让客户感觉这个产品是为他们而设计的;

另一方面就是用户的文化环境(我们称作 Culture Locale)：主要处理的是多元文化的支持，包括货币、日历、时间、日期、排序、界面方向性(Bi-directional) 等符合各个国家自己习惯的显示方式。

图2 概述了如何使得一个应用程序(C/S 或者 B/S)支持全球化和本地化。

图 2. 全球化应用程序

本文结合项目实践，总结了 web 应用程序中 Java，JSP，Dojo 和 HTML 四种不同语言是如何管理 Resource Bundle 的，实现单一可执行程序动态读取资源文件，从而支持全球化和本地化。主要从三个方面来阐述：资源文件存储和命名规则;用户语言区域信息的读取;如何取得对应语言的资源文件中的键值。

Java 程序中的 Resource Bundle 管理

ResourceBundle 是一个机制，主要用来根据用户的语言环境展示不同的界面文字给用户，让用户感觉这个应用程序为我而定制。

然而 Java 中的 ResourceBundle 是一个类，包含在标准的 Java 发行版中。图3总结了 Java 程序中 ResourceBundle 的管理机制。

图 3. Java 程序 Resource Bundle 管理流程

Java 程序中资源文件的存储和命名

在一个多模块的 Java 应用程序中，一般每个模块都有自己独立的资源文件(也叫 Resource Bundles)，Resource Bundle 一般存储在对应模块的 src/resources/bundles/java/ 目录下面。通常的命名规则是：模块名_语言_国家 .properties({moduleName}_{language}_{country}.properties)。对应资源文件中的每一个 key，一般都是小写字母开头，用下划线表示这个 key 在程序中的层级结构，并且按照字母顺序排序，便于管理和查找，如清单1所示的例子。

清单 1. Java properties 文件示例

 
 
 
 
  
  
  
  英文Properties 文件:
  
  
  
      helloKey=Hello!
  
  
  
      goodMorningKey=Good Morning!
  
  
  
      goodEveningKey=Good Evening!
  
  
  
      
  
  
  
  日语Properties 文件：
  
  
  
      helloKey=\u3053\u3093\u306b\u3061\u306f!
  
  
  
      goodMorningKey=\u304a\u306f\u3088\u3046!
  
  
  
      goodEveningKey=\u3053\u3093\u3070\u3093\u306f!

Java 程序对资源文件的回滚机制：当对应翻译的资源文件不存在时，将使用"默认"的资源文件(通常为英文)，图 4 是 Java 资源文件的组织方式。

图 4. Java 资源文件组织方式

Java 中用户语言环境(Locale)和资源文件的读取

根据用户使用的区域信息来决定从哪个 Resource Bundle 里面读取对应的 key 值。Java 语言通过 java.util.Locale 类来表示区域，一个 Locale 实例就代表了一个特定的区域。在实际的项目中，通常将读取资源文件包装成一个类，方便后续代码的重用和管理，如清单 2 的示例所示。

清单 2. Java 中 ResourceBundleService 使用

 
 
 
 
  
  
  
  public class LocalizedPropertyResources extends MessageResources { 
  
  
  
  private static final String MODULE_NAME = "resourceBundle.module.name"; 
  
  
  
  public String getProperty(String key, Object... parameters) { 
  
  
  
  Locale locale = getUserLocale(); 
  
  
  
  String value = getProperty(key, locale, parameters); 
  
  
  
  Return value; 
  
  
  
  } 
  
  
  
  public String getProperty(String key, Locale locale, Object... parameters) { 
  
  
  
  ResourceBundle resourceBundle = ResourceBundle.getBundle(MODULE_NAME, locale); 
  
  
  
  String value resourceBundle.getString(key, parameters); 
  
  
  
  return value; 
  
  
  
  } 
  
  
  
  }

JSP 中的 Resource Bundle 管理

资源文件管理：JSP 是基于 Java 技术，所以 Java 中的 ResourceBundle 机制也可以应用于 JSP，同样以 .properties 形式存储资源文件，资源文件的命名规则、资源文件的存储结构，key 的命名规则等都可以遵循 Java 程序中的 Resource Bundle 管理机制。

用户语言环境的设定：HTTP 协议通过 Accept-Language 请求头将本地化信息从浏览器传递至服务器, JSTL fmt 库中的定制标记又会利用这些方法来自动地确定用户的语言环境，从而相应地调整它们的输出。同时用户也可以通过来设置用户语言环境。

对于 JSP 中资源文件的读取有以下三种情况：

1、使用 fmt 消息标签：JSP 标准标签库(JSP Standard Tag Library，JSTL)中的 fmt标签支持通过资源文件(ResourceBundle)对文本内容进行本地化，该功能可以对一个特定的语言请求作出相应的响应，它使用了 J2SE 的 ResourceBundle 来保持各种翻译过的语言编码。另外用来设置地区，比如，这等于设定了语言和国家代码。默认 JPS 将读取 Accept-Language 信息。还可以指定 ResourceBundle，比如：。一旦设定了 locale(地区)或 ResourceBundle，就可以使用来把原文进行相应的转化，同时还可以使用< fmt:requestEncoding/>来设定请求的字符编码。如清单3 示例所示：

清单 3. JSTL fmt 标签示例

 
 
 
 
  
  
  
  //myTest.jsp
  
  
  
  <%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
  
  
  
  
  
  
  
  
  
  
  
    
  
  
  
      JSTL fmt: Localized tag testing
  
  
  
    
  
  
  
  
  
  
  
   
  
  
  
    
  
  
  
    
  
  
  
    
  
  
  
    
  
  
  
        

  
  
  
        

  
  
  
    
  
  
  
  //也可以通过下面的方式获取资源文件
  
  
  
  
  
  
  
    
  
  
  
      …
  
  
  
      

  
  
  
      

  
  
  
       …

2、被 Spring 管理的 JSP，通常 JSP 中有这样的 taglig""，这种情况下可以使用 Spring message 标签。

 
 
 
 
  
  
  
  <%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %>

3、对于由 Struts 操作类提供的JSP，可以使用 Struts bean 消息标签：

 
 
 
 
  
  
  
  <%@ taglib uri="/tags/struts-bean" prefix="bean" %>

Dojo 中的 Resource Bundle 管理

Dojo 是一个 JavaScript 库，提供了一个有用的工具来创建丰富的 Web 客户端界面。同时 Dojo 也提供了 API 支持全球化功能，如翻译资源包，函数的格式化和解析日期、数字和货币，Dojo 对全球化的支持主要基于 CLDR (Common Locale Data Repository) 和 ICU 的使用。这一小节总结了 Dojo 中资源文件的管理，用户区域信息(locale)和资源文件的读取，如图5所示。

图 5. Dojo 中资源文件管理

Dojo 中资源文件的存储和命名

UTF-8 是 Dojo 程序编码的先决条件，Dojo 脚本一般将使用 HTML，JSP，Servlet，js等编写，所以这些文件必须以 UTF-8 编码。Dojo 用 JSON 格式来组织资源文件，首先在 /nls 目录下有一个主资源文件(一般是英文)，主资源文件中定义了支持的区域，区域的值设置为 true 或者 false，如清单4所示。

清单 4. Dojo 主资源文件的定义

 
 
 
 
  
  
  
  define({
  
  
  
        root: {
  
  
  
          OK: "Ok",
  
  
  
          CANCEL: "Cancel",
  
  
  
          OK_CANCEL: "${OK}, ${CANCEL}"
  
  
  
        },
  
  
  
        "ko": true,
  
  
  
        "ja": true,
  
  
  
        "ru": false,
  
  
  
        "zh-cn": true
  
  
  
      });

翻译的资源文件应放在/ nls / 目录中，目录的命名需要符合下面的规范：

目录的名称必须要全部小写
用横线(而不是下划线)分割语言和国家，比如 zh-cn，zh-tw 等，如清单5所示。

清单 5. 翻译资源文件的目录结构

 
 
 
 
  
  
  
  /src/web/js/nls/menu.js       ... 主资源文件，用于默认的消息显示
  
  
  
      /src/web/js/nls/ko/menu.js    ... 韩语的翻译文件
  
  
  
                      /ja/menu.js    ... 日语的翻译文件
  
  
  
                      /ru/menu.js    ...俄语的翻译文件
  
  
  
                       /zh-cn/menu.js  ...简中的翻译文件
  
  
  
                      ...

Dojo 资源文件的回滚机制为：在 / nls 目录的根目录下如果检测到区域设置，但 nls 目录中不存在特定于区域设置的资源，则将使用主包;当主资源文件中某个语言设置为 false 时，即使该语言的资源文件存在，也将使用主包。

Dojo 中用户语言环境(Locale)和资源文件的读取

Dojo 和 Java 以相同的方式支持用户区域信息，但 Dojo 和 Java 实现之间存在微小差异。

"Dojo 和 Java 对区域设置命名约定有一些区别，Dojo 使用" - "(连字符)作为连接语言代码，国家代码和变体的分隔符，而 Java 使用"_"(下划线)。例如，Java 中的 "zh_CN" 与 Dojo 中的 "zh-cn" 相似。
像 Java 中的默认用户语言区域一样，Dojo 有一个全局变量 dojo.locale 用来存储默认 locale 值，但是我们不能直接修改 dojo.locale，可以通过 dojoConfig.locale 来对 dojo.locale 做初始化工作。
如果 dojoConfig.locale 未定义，Dojo 使用浏览器的显示语言作为用户区域设置。另外 dojoConfig.locale 的设定需要在加载 dojo.js 之前，这样设置的 dojoConfig.locale 才会起效果。如清单 6 是一个示例将用户的 locale 信息保存在 sessionScope，然后传递给 dojoConfig。

清单 6. 将用户 locale 保存在 sessionScope 传递给 dojoConfig

 
 
 
 
  
  
  
  var dojoConfig = {
  
  
  
              async: 'sync',
  
  
  
              baseUrl: '',
  
  
  
              locale: '${sessionScope.userLanguageLocale}',
  
  
  
              
  
  
  
               bindEncoding: "utf-8",
  
  
  
                  …
  
  
  
          };

userLanguageLocale：是应用程序中用户所设定的 locale，每个应用程序可能不太一样。

Dojo 中有两种方式读取资源文件：

方式 1：又叫 AMD 方式，通过 dojo/i18n! 这个插件加载资源文件，首先检测 dojoConifg.locale 是否设置，如果设置了就读取 dojoConfig.locale，否则就会使用浏览器的显示语言读取对应的翻译资源文件。清单 7 是 dojo/i18n! 的使用示例。

清单 7. Dojo/i18n!使用示例

 
 
 
 
  
  
  
  ... 
  
  
  
  
  
  
  
  
function(string, resources){ 
  
  
  
  var strOk = resources.OK; 
  
  
  
  alert(strOk); 
  
  
  
  }); 
  
  
  
   
  
  
  
  ...

方式 2：使用 dojo.requireLocalization 加载资源文件，dojo.i18n.getLocalization 读取资源文件，这个是旧的资源加载方式，新的 Dojo 版本都将采用 AMD 的方式，不过这种方式用户可以指定 locale 信息，缺省 locale 的时候，采用和 AMD 同样的 locale 解析方式。清单8 是一个示例。

清单 8. Dojo. requireLocalization 使用示例

 
 
 
 
  
  
  
  
  
  
  
  
dojo.requireLocalization("js", "menu"); 
  
  
  
  var resources = dojo.i18n.getLocalization("js", "menu", locale); 
  
  
  
  //或者省去 locale 参数，var resources = dojo.i18n.getLocalization("js", "menu") 
  
  
  
  alert(resources.OK); 
  
  
  
   
  
  
  
  ...

HTML 中的 Resource Bundle 管理

HTML 中的硬编码(Hard Code)通常分为两种情况：一种情况是 HTML 页面不涉及任何编程逻辑，这时候可以翻译整个 HTML 文件(这种方式在开发过程中不需要特殊处理)，或者将 HTML 变更为 JSP，这样就可以利用 JSP 中 fmt 标签将 Hard Code 提取出来，如清单 9 示例所示。

清单 9. HTML 更改为 JSP

 
 
 
 
  
  
  
  //Index.html 
  
  
  
   
  
  
  
   
  
  
  
   
  
  
  
  window.location = "/login.do"; 
  
  
  
   
  
  
  
   Welcome Page  
  
  
  
   
  
  
  
   
  
  
  
  … 
  
  
  
   
  
  
  
   
  
  
  
  //将 Index.html 更改为 Index.jsp，这样就可以利用 JSP 中 fmt 标签 
  
  
  
  <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> 
  
  
  
  <%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %> 
  
  
  
   
  
  
  
   
  
  
  
   
  
  
  
  … 
  
  
  
   
  
  
  
   <fmt:message key="common_welcome" /></ title> </li>
  
  
  
  <li></head> </li>
  
  
  
  <li><body> </li>
  
  
  
  <li>… </li>
  
  
  
  <li></body> </li>
  
  
  
  <li></html> </li>
  
  
  
  <li>//test.properties</li>
  
  
  
  <li> Common_welcome=Welcome Page </li>
  
  
  
  <li>…</li>
 
 
 
 </ol></pre><p>//将 Index.html 更改为 Index.jsp，这样就可以利用 JSP 中 fmt 标签</p><p>另外一种情况是 HTML 作为 Dojo widget 模板文件，这种情况下可以使用 dojo API 的 i18n 库来处理硬编码消息，其处理方式和 Dojo 很类似，模板 HTML 文件中使用的 Key 需要在 Widget 的 js 文件中定义和获取。下面将通过示例介绍 HTML 作为 Dojo 模板文件时，如何抽取当中的 hard code 信息。通常分三个步骤完成模板 HTML 文件中的字符串抽取。</p><p>***步： 将 HTML 中的字符串放到一个资源文件如 message.js 中，资源文件的组织方式和 Dojo 是一样的;</p><p>第二步： 在 Dojo widget 的 js 文件中使用 Dojo Resource Bundle 获取资源文件，定义变量获取对应的Key值;</p><p>第三步： 在HTML模板文件中使用 Dojo .js 文件中定义的变量。如清单 10 所示。</p><p><strong>清单 10. HTML 作为 Dojo Widget 模板</strong></p><pre>
 
 
 
 <ol>
  
  
  
  <li>Test.html </li>
  
  
  
  <li><div dojoAttachPoint="testNode" style="display:inline"> </li>
  
  
  
  <li><table style="position: relative; margin: 20px 0 0 120px; padding: 0;"> </li>
  
  
  
  <li><tr> </li>
  
  
  
  <li><td style="text-align: right;">Username:</td> //原来的 hard code </li>
  
  
  
  <li><td style="text-align: right;">${usernameLabel}</td> //Resource out 之后的变量引用 </li>
  
  
  
  <li>…. </li>
  
  
  
  <li></tr> </li>
  
  
  
  <li></div> </li>
  
  
  
  <li>Test.js </li>
  
  
  
  <li>dojo.requireLocalization("js", "message"); </li>
  
  
  
  <li>dojo.declare("Test") { </li>
  
  
  
  <li>templatePath: dojo.moduleUrl("common", " /html/Test.html"), </li>
  
  
  
  <li>usernameLabel: "", </li>
  
  
  
  <li>postMixInProperties: function(){ </li>
  
  
  
  <li>this.inherited(arguments); </li>
  
  
  
  <li>var resources = dojo.i18n.getLocalization("js", "message"); </li>
  
  
  
  <li>this.usernameLabel = resources.labels.username; //获取资源文件 </li>
  
  
  
  <li>} </li>
  
  
  
  <li>}</li>
 
 
 
 </ol></pre><p>清单 11. HTML 中特殊硬编码处理</p><pre>
 
 
 
 <ol>
  
  
  
  <li>// Hard Code </li>
  
  
  
  <li><html> </li>
  
  
  
  <li><body> </li>
  
  
  
  <li><select id="Product"> </li>
  
  
  
  <li><option>Is Not</option> </li>
  
  
  
  <li><option>Is</option> </li>
  
  
  
  <li></select> </li>
  
  
  
  <li></body> </li>
  
  
  
  <li></html> </li>
  
  
  
  <li>//处理后的 HTML </li>
  
  
  
  <li><html> </li>
  
  
  
  <li><body> </li>
  
  
  
  <li><select id="Product"> </li>
  
  
  
  <li><option value="Is Not"> ${ Label.IS_NOT}</option></li>
  
  
  
  <li><option value="Is">${Label.IS}</option> </li>
  
  
  
  <li></select> </li>
  
  
  
  <li></body> </li>
  
  
  
  <li></html></li>
 
 
 
 </ol></pre><p><strong>总结</strong></p><p>本文总结了如何存储 web 应用程序中使用不同框架时的资源文件及其命名规则，如何取得资源文件中的键值。希望这篇文章能为正在开发国际化 Web 应用程序的读者提供一定的参考价值。</p>            <br>
            网站题目：Web应用程序中ResourceBundle技术概述            <br>
            文章分享：<a href="http://www.zjjierui.cn/article/copegce.html">http://www.zjjierui.cn/article/copegce.html</a>
        </div>
    </div>
    <div class="other">
        <h3>其他资讯</h3>
        <ul>
            <li>
                    <a href="/article/ccdghgs.html">Linux命令：gcc-GNU项目的C和C++编译器</a>
                </li><li>
                    <a href="/article/ccdghei.html">Linux命令指南：快速掌握PDF版（linux命令手册pdf）</a>
                </li><li>
                    <a href="/article/ccdghee.html">centos查看cpu使用率</a>
                </li><li>
                    <a href="/article/ccdghsp.html">jsp引用java报错</a>
                </li><li>
                    <a href="/article/ccdghii.html">XP怎么连上win7电脑的打印机？windows7添加xp打印机</a>
                </li>        </ul>
    </div>
</div>
<div class="f_service_con">
    <div class="h_fumin">
        <div class="h_fumin_lei">
            <div class="h_fumin_lei_tu"><img src="/Public/Home/images/f_service01.png"></div>
            <p>售后响应及时</p><span>7×24小时客服热线</span>
        </div>
        <div class="h_fumin_lei">
            <div class="h_fumin_lei_tu"><img src="/Public/Home/images/f_service02.png"></div>
            <p>数据备份</p><span>更安全、更高效、更稳定</span>
        </div>
        <div class="h_fumin_lei">
            <div class="h_fumin_lei_tu"><img src="/Public/Home/images/f_service03.png"></div>
            <p>价格公道精准</p><span>项目经理精准报价不弄虚作假</span>
        </div>
        <div class="h_fumin_lei">
            <div class="h_fumin_lei_tu"><img src="/Public/Home/images/f_service04.png"></div>
            <p>合作无风险</p><span>重合同讲信誉，无效全额退款</span>
        </div>
    </div>
</div>
<div class="footerbar">
    <div class="footer-t">
        <div class="f-box">
            <div class="f-1">
                <div class="f-t">
                    <h2>联系我们</h2>
                    <span>TEL</span>
                </div>
                <div class="f-b">
                    <h1><a href="tel:13518219792" rel="nofollow">135-1821-9792</a></h1>
                    <h1><a href="tel:028-86922220" rel="nofollow">028-86922220</a></h1>
                    <p>地址：成都市太升南路288号锦天国际</p>

                </div>
            </div>
            <div class="f-2">
                <div class="f-t">
                    <h2>快捷导航</h2>
                    <span>Shortcut</span>
                </div>
                <div class="f-b">
                    <ul >
                    </ul>
                    <ul >
                        <li><a href="/jianshe" title="广元网站建设">广元网站建设</a></li>
                        <li><a href="/jianshe#ym_websiteBox2" title="品牌网站建设">品牌网站建设</a></li>
                        <li><a href="/jianshe#ym_websiteBox1" title="企业网站建设">企业网站建设</a></li>
                        <li><a href="/jianshe#ym_websiteBox4" title="集团网站建设">集团网站建设</a></li>
                        <li><a href="/jianshe#ym_websiteBox4_2" title="外贸网站建设">外贸网站建设</a></li>
                        <li><a href="/jianshe#ym_websiteBox4_5" title="企业宣传视频">企业宣传视频</a></li>
                    </ul>
                    <ul >
                        <li><a href="/weixin" title="微信开发">微信开发</a></li>
                        <li><a href="/weixin#item1" title="公众号开发">公众号开发</a></li>
                        <li><a href="/weixin#item2" title="微商城建设">微商城建设</a></li>
                        <li><a href="/weixin#item3" title="微官网建设">微官网建设</a></li>
                        <li><a href="/weixin#item4" title="小程序开发">小程序开发</a></li>
                    </ul>
                    <ul>
                        <li><a href="/case/" title="网站作品案例">网站作品案例</a></li>
                        <li><a href="/case/" title="品牌网站案例">品牌网站案例</a></li>
                        <li><a href="/case/" title="集团网站案例">集团网站案例</a></li>
                        <li><a href="/case/" title="企业网站案例">企业网站案例</a></li>
                        <li><a href="/case/" title="外贸网站案例">外贸网站案例</a></li>
                        <li><a href="/case/" title="营销网站案例">营销网站案例</a></li>
                    </ul>
                    <ul style="margin:0;">
                        <li><a href="/about/">广元建站</a></li>
                        <li><a href="/about/">公司简介</a></li>
                        <li><a href="/about#ab_item3">企业文化</a></li>
                        <li><a href="/contact">联系我们</a></li>
                        <li><a href="/Pay.html">付款方式</a></li>
                        <li><a href="/jianshe#ym_websiteBox8">售后服务</a></li>
                    </ul>
                    <div style="clear:both;"></div>
                </div>
            </div>
            <div class="f-3">
                <div class="f-t">
                    <h2>二维码</h2>
                    <span>QR CODE</span>
                </div>
                <div class="f-b">
                    <ul>
                        <li><img src="/Public/Home/images/fewm.png">
                            <p>微信公众号</p>
                        </li>
                        <li style="margin: 0"><img src="/Public/Home/images/fewm2.png">
                            <p>手机端网站</p>
                        </li>
                        <div style="clear:both;"></div>
                    </ul>
                </div>
            </div>
            <div style="clear:both;"></div>
        </div>
    </div>
    <div class="footer-about">
        <div class="w1200">广元优众联杰建站公司是一家专注从事于高品质视觉体验及互联网设计开发，<a href="/" target="_blank">广元网站建设</a>，<a
                href="/jianshe" target="_blank">广元网站设计</a>，<a href="/jianshe" target="_blank">广元网页设计</a>，<a
                href="/jianshe" target="_blank">广元网站制作</a>，<a href="/jianshe#ym_websiteBox2"
                                                              target="_blank">品牌网站建设</a>，<a href="/jianshe#ym_websiteBox3" target="_blank">营销网站建设</a>，<a
                href="/jianshe#ym_websiteBox4" target="_blank">集团网站建设</a>，<a href="/jianshe#ym_websiteBox1"
                                                                             target="_blank">企业网站建设</a>，<a href="/jianshe#ym_websiteBox4_2" target="_blank">外贸网站建设</a>，<a
                href="/jianshe#ym_websiteBox4_3" target="_blank">响应式网站建设</a>，<a href="/weixin#item4"
                                                                                target="_blank">小程序开发</a>，<a href="/weixin" target="_blank">微信开发</a>，<a
                href="/jianshe#ym_websiteBox4_4" target="_blank">企业形象设计</a>，<a href="/jianshe#ym_websiteBox4_5"
                                                                               target="_blank">企业宣传视频</a>等服务，优众联杰建站位于广元市龙岗区大运软件小镇，优众联杰建站拥有经验丰富的高级网站建设工程师和一流的网页高端设计人员，具备各种规模与类型网站建设的雄厚实力，在网站建设领域树立了自己独特的设计风格。
        </div>
        <div class="friend-links">
            <h6 class="clearfix">
                <span class="tilte">友情链接</span>
                <a class="exchagne" href="http://wpa.qq.com/msgrd?v=3&uin=631063699&site=qq&menu=yes">交换友情链接</a>
            </h6>
            <div class="link-list clearfix">
                <div class="link-slider">
                    <a href="http://www.cdgszcgs.com/" title="成都公司注册" target="_blank">成都公司注册</a>   <a href="http://www.hzyarui.cn/" title="hzyarui.cn" target="_blank">hzyarui.cn</a>   <a href="http://www.ybwzjz.com/" title="ybwzjz.com" target="_blank">ybwzjz.com</a>   <a href="http://www.kjlewan.com/" title="创意包装设计" target="_blank">创意包装设计</a>   <a href="http://seo.cdkjz.cn/tuiguang/" title="成都网络推广公司" target="_blank">成都网络推广公司</a>   <a href="http://www.ghfdjzy.com/" title="贝锐智能" target="_blank">贝锐智能</a>   <a href="http://www.lsfdjwx.com/" title="成都年会策划" target="_blank">成都年会策划</a>   <a href="http://www.ynjbc.cn/" title="云南柴油发电机组租用" target="_blank">云南柴油发电机组租用</a>   <a href="http://www.dwrwk.com/" title="大悟县宠物玩具" target="_blank">大悟县宠物玩具</a>   <a href="http://www.csdpgg.com/" title="成都户外大屏广告" target="_blank">成都户外大屏广告</a>                   </div>
            </div>
        </div>
    </div>
    <div class="footer-b">
        <div class="f-box">
            <ul>
                <li><a href="/jianshe#ym_websiteBox6" target="_blank">服务流程</a></li>
                <li><a href="/jianshe#ym_websiteBox8" target="_blank">售后服务</a></li>
                <li><a href="/about/" target="_blank">联系我们</a></li>
                <li><a href="https://www.cdxwcx.com/pay/" target="_blank">付款方式</a></li>
                <li><a href="https://www.cdcxhl.com/menu.html" target="_blank">网站地图</a></li>
                <li><a href="#" target="_blank">sitemap</a></li>
                <li>
                    <p>
                        <script data-cfasync="false" src="/Public/Home/js/email-decode.min.js"></script>
                    </p>
                </li>
                <div style="clear:both;"></div>
            </ul>
            <p class="copy">Copyright © 2025 成都优众联杰科技有限公司 广元建站公司 All Rights Reserved   <a href="https://beian.miit.gov.cn/" target="_blank" rel="nofollow">蜀ICP备2024116266号-5</a>
                <a style="display:none" target="_blank" href="###"><img style="vertical-align:middle" border="0" src="" width="65" height="25" /></a>

            </p>
            <div style="clear:both;"></div>
        </div>
    </div>
    <div class="sj_footer">
        <div class="f-box">
            <ul>
                <li><a href="/jianshe" target="_blank">网站建设</a></li>
                <li><a href="/jianshe#ym_websiteBox6" target="_blank">服务流程</a></li>
                <li><a href="/jianshe#ym_websiteBox8" target="_blank">售后服务</a></li>
                <li><a href="https://www.cdxwcx.com/pay/" target="_blank">付款方式</a></li>
                <li><a href="/about/" target="_blank">关于我们</a></li>
                <li><a href="https://www.cdcxhl.com/menu.html" target="_blank">网站地图</a></li>
                <div style="clear:both;"></div>
            </ul>
            <p class="copy">Copyright © 2025 成都优众联杰科技有限公司 广元建站公司 </p>
            <p class="copy"> <a href="https://beian.miit.gov.cn/" target="_blank" rel="nofollow">蜀ICP备2024116266号-5</a>  <a
                    href="###" target="_blank"><img src="/Public/Home/images/govicon.gif" width="20" height="28" border="0" style="border-width:0px;border:hidden; border:none;"></a></p>
            <div style="clear:both;"></div>
        </div>
    </div>
</div>
<script type='text/javascript' src='/Public/Home/js/qqkefu.js'></script>
<div class="qqkefu">
    <ul>
        <li class="qq_czaa" id="130"><b class="a"></b>135-1821-9792</li>
        <li class="qq_czaa" id="130"><a href="tencent://message/?uin=1683211881"><b class="b"></b>业务咨询QQ</a></li>
        <li class="qq_czaa" id="130"><a href="javascript:showDiv()"><b class="f"></b>提交合作意向表</a></li>
        <li class="qq_czb">
            <b class="c"></b>
            <div class="erweima">
                <p><img src="/Public/Home/images/right_erweima.png"></p>
            </div>
        </li>
        <li class="top"><span></span></li>
    </ul>
</div>
<div id="popDiv" class="mydiv" style="display:none;">
    <a class="mydiv_clk" href="javascript:closeDiv()">X</a>
    <div class="mydiv_list">
        <div class="c_f_title"><span class="c_f_t">合作意向表</span></div>
        <div class="c_f_con">
            <form id="form1" name="form1" class="mess_form" method="post" action="/post_order">
                <input name='enews' type='hidden' value='AddFeedback'>
                <input name="bid" value="1" type="hidden">
                <input type="hidden" name="ecmsfrom" value="9">
                <input type="hidden" name='title' value="客户提交需求">
                <li class="c_n"><span>公司名称</span>
                    <dl><input name='gsname' id='gsname' type="text"></dl>
                </li>
                <li class="c_n"><span>邮箱</span>
                    <dl><input name='gemail' id='gemail' type="text"></dl>
                </li>
                <li class="c_n xmm">
                    <div class="xmm_01"><span>姓名</span>
                        <dl class="c_n_i"><input name='name' id='name' type="text"></dl>
                    </div>
                    <div class="xmm_01"><span style="text-align:center">电话</span>
                        <dl class="c_n_i"><input name="tel" type="text"></dl>
                    </div>
                </li>
                <li class="c_tser">您需要的服务</li>
                <li class="clearfix">
                    <dd><label><input type="radio" name='hobby' id='hobby' value="高端网站建设"><span>高端网站建设</span></label></dd>
                    <dd><label><input type="radio" name='hobby' id='hobby' value="我需要做微信营销"><span>我需要做微信营销</span></label></dd>
                    <dd><label><input type="radio" name='hobby' id='hobby' value="要找长期合作，需要年度服务"><span>要找长期合作，需要年度服务</span></label></dd>
                    <dd><label><input type="radio" name='hobby' id='hobby' value="我需要做购物商城"><span>我需要做购物商城</span></label></dd>
                    <dd><label><input type="radio" name='hobby' id='hobby' value="我需要网站改版"><span>我需要网站改版</span></label></dd>
                    <dd><label><input type="radio" name='hobby' id='hobby' value="其他"><span>其他</span></label></dd>
                </li>
                <li class="c_tser">您关注的地方</li>
                <li class="clearfix">
                    <dd><label><input type="radio" name='hobby2' id='hobby2' value="对功能要求比较高"><span>对功能要求比较高</span></label></dd>
                    <dd><label><input type="radio" name='hobby2' id='hobby2' value="对设计创意要求比较高"><span>对设计创意要求比较高</span></label></dd>
                    <dd><label><input type="radio" name='hobby2' id='hobby2' value="需要可以购物支付"><span>需要可以购物支付</span></label></dd>
                    <dd><label><input type="radio" name='hobby2' id='hobby2' value="搜索引擎排名"><span>搜索引擎排名</span></label></dd>
                </li>
                <li class="c_tser">预算</li>
                <li class="clearfix clearfix2">
                    <dd><label><input type="radio" name='hobby3' id='hobby3' value="一万以内"><span>一万以内</span></label>
                    </dd>
                    <dd><label><input type="radio" name='hobby3' id='hobby3' value="1-3万"><span>1-3万</span></label>
                    </dd>
                    <dd><label><input type="radio" name='hobby3' id='hobby3' value="3-5万"><span>3-5万</span></label>
                    </dd>
                    <dd><label><input type="radio" name='hobby3' id='hobby3' value="5万以上"><span>5万以上</span></label>
                    </dd>
                    <dd><label><input type="radio" name='hobby3' id='hobby3' value="需招投标"><span>需招投标</span></label>
                    </dd>
                </li>
                <li class="c_n" style="border-top:1px solid #eee; padding-top:10px"><span>验证码</span>
                    <dl class="c_n_i yzmm"><input type="text" name='code' id='code' value=""></dl><span
                            style="text-align:center"><img src="/Public/Home/images/1661eb19783442c38063791555cd0d80.gif"
                                                           onclick="this.src=this.src + '?'" width="100" height="40"></span>
                </li>
                <li class="clearfix">
                    <dd class="submit"><input name='submit' type="submit" value="提交需求"></dd>
                </li>
            </form>
        </div>
    </div>
</div>
<div id="bg" class="bg" style="display:none;"></div>
<div id='popIframe' class='popIframe' frameborder='0'></div>
<script>
    //提交需求选项
    $(document).ready(function (e) {
        $(".mess_form").submit(function () {
            if ($("#gsname").val() == "") {
                alert("请填写您的公司名称！");
                $("#gsname").focus();
                return false;
            }
            if ($("#gemail").val() == "") {
                alert("请填写您的邮箱");
                $("#gemail").focus();
                return false;
            }
            if ($("#name").val() == "") {
                alert("请填写您的姓名！");
                $("#name").focus();
                return false;
            }
            if ($("#tel").val() == "") {
                alert("请填写您的电话！");
                $("#tel").focus();
                return false;
            }
            if ($("#hobby").val() == "") {
                alert("请选择您需要的服务！");
                $("#hobby").focus();
                return false;
            }
            if ($("#hobby2").val() == "") {
                alert("请选择您关注的地方！");
                $("#hobby2").focus();
                return false;
            }
            if ($("#hobby3").val() == "") {
                alert("请选择您的预算！");
                $("#hobby3").focus();
                return false;
            }
            if ($("#code").val() == "") {
                alert("请填写正确的验证码！");
                $("#code").focus();
                return false;
            }
        });
    });
</script>
<script language="javascript" type="text/javascript">
    //提交需求窗口
    function showDiv() {
        document.getElementById('popDiv').style.display = 'block';
        document.getElementById('popIframe').style.display = 'block';
        document.getElementById('bg').style.display = 'block';
    }
    function closeDiv() {
        document.getElementById('popDiv').style.display = 'none';
        document.getElementById('bg').style.display = 'none';
        document.getElementById('popIframe').style.display = 'none';
    }
</script>
<script type="text/javascript" src="/Public/Home/js/scrolltopcontrol.js"></script>
<script type="text/javascript" src="/Public/Home/js/su_new.js"></script>
</body>
</html>
<script>
    $(".con img").each(function(){
        var src = $(this).attr("src");    //获取图片地址
        var str=new RegExp("http");
        var result=str.test(src);
        if(result==false){
            var url = "https://www.cdcxhl.com"+src;    //绝对路径
            $(this).attr("src",url);
        }
    });
    window.onload=function(){
        document.oncontextmenu=function(){
            return false;
        }
    }
</script>