国内流行的内容管理系统(CMS)多端全媒体解决方案 https://www.dedebiz.com
Nie możesz wybrać więcej, niż 25 tematów Tematy muszą się zaczynać od litery lub cyfry, mogą zawierać myślniki ('-') i mogą mieć do 35 znaków.

180 wiersze
7.7KB

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
  6. <title>云服务设置</title>
  7. <link rel="stylesheet" href="../static/web/font/css/font-awesome.min.css">
  8. <link rel="stylesheet" href="../static/web/css/bootstrap.min.css">
  9. <link rel="stylesheet" href="../static/web/css/admin.css">
  10. <script src="../static/web/js/jquery.min.js"></script>
  11. <script src="../static/web/js/bootstrap.min.js"></script>
  12. <script src="js/main.js"></script>
  13. </head>
  14. <body>
  15. <table cellpadding="3" cellspacing="1" align="center" class="table maintable my-3">
  16. <tr>
  17. <td bgcolor="#f5f5f5" colspan="4">
  18. <table cellspacing="0" cellpadding="0" class="table table-borderless w-100">
  19. <tr>
  20. <td>云服务设置</td>
  21. </tr>
  22. </table>
  23. </td>
  24. </tr>
  25. <tr>
  26. <td colspan="4">
  27. <ul class="nav nav-tabs" id="myTab" role="tablist">
  28. <li class="nav-item" role="presentation">
  29. <button class="nav-link active" id="aliyun-tab" data-toggle="tab" data-target="#aliyun" type="button" role="tab" aria-controls="aliyun" aria-selected="true">阿里云</button>
  30. </li>
  31. <li class="nav-item" role="presentation">
  32. <button class="nav-link" id="huaweicloud-tab" data-toggle="tab" data-target="#huaweicloud" type="button" role="tab" aria-controls="huaweicloud" aria-selected="false">华为云</button>
  33. </li>
  34. <li class="nav-item" role="presentation">
  35. <button class="nav-link" id="tencent-tab" data-toggle="tab" data-target="#tencent" type="button" role="tab" aria-controls="tencent" aria-selected="false">腾讯云</button>
  36. </li>
  37. </ul>
  38. <div class="tab-content py-3" id="myTabContent">
  39. <div class="tab-pane fade show active" id="aliyun" role="tabpanel" aria-labelledby="aliyun-tab">
  40. <div class="form-group">
  41. <label for="iptAppID">描述</label>
  42. <p>阿里巴巴集团旗下公司,是全球领先的云计算及人工智能科技公司之一。提供免费试用、云服务器、云数据库、云安全、云企业应用等云计算服务,以及大数据、人工智能服务、精准定制基于场景的行业解决方案。免费备案,7x24小时售后支持,助企业无忧上云。</p>
  43. </div>
  44. <div class="form-group">
  45. <label for="iptAliyunAccessKeyID">AccessKey ID</label>
  46. <input type="text" class="form-control" id="iptAliyunAccessKeyID">
  47. </div>
  48. <div class="form-group">
  49. <label for="iptAliyunAccessKeySecret ">AccessKey Secret</label>
  50. <input type="text" class="form-control" id="iptAliyunAccessKeySecret">
  51. </div>
  52. <div class="form-group form-check">
  53. <input type="checkbox" class="form-check-input" id="cloudType1">
  54. <label class="form-check-label" for="cloudType1">是否启用</label>
  55. </div>
  56. </div>
  57. <div class="tab-pane fade" id="huaweicloud" role="tabpanel" aria-labelledby="huaweicloud-tab">
  58. <div class="form-group">
  59. <label for="iptAppID">描述</label>
  60. <p>华为云提供稳定可靠、安全可信、可持续发展的云服务,致力于让云无处不在,让智能无所不及,共建智能世界云底座。助力企业降本增效,全球300万客户的共同选择。7x24小时专业服务支持,5天内无理由退订,免费快速备案。</p>
  61. </div>
  62. <div class="form-group">
  63. <label for="iptHuaweicloudAccessKeyId">Access Key Id</label>
  64. <input type="text" class="form-control" id="iptHuaweicloudAccessKeyId">
  65. </div>
  66. <div class="form-group">
  67. <label for="iptHuaweicloudSecretAccessKey">Secret Access Key</label>
  68. <input type="text" class="form-control" id="iptHuaweicloudSecretAccessKey">
  69. </div>
  70. <div class="form-group form-check">
  71. <input type="checkbox" class="form-check-input" id="cloudType2">
  72. <label class="form-check-label" for="cloudType2">是否启用</label>
  73. </div>
  74. </div>
  75. <div class="tab-pane fade" id="tencent" role="tabpanel" aria-labelledby="tencent-tab">
  76. <div class="form-group">
  77. <label for="iptAppID">描述</label>
  78. <p>腾讯云为数百万的企业和开发者提供安全稳定的云计算服务,涵盖云服务器、云数据库、云存储、视频与CDN、域名注册等全方位云服务和各行业解决方案。</p>
  79. </div>
  80. <div class="form-group">
  81. <label for="iptTencentSecretId">SecretId</label>
  82. <input type="text" class="form-control" id="iptTencentSecretId">
  83. </div>
  84. <div class="form-group">
  85. <label for="iptTencentSecretKey">SecretKey</label>
  86. <input type="text" class="form-control" id="iptTencentSecretKey">
  87. </div>
  88. <div class="form-group form-check">
  89. <input type="checkbox" class="form-check-input" id="cloudType3">
  90. <label class="form-check-label" for="cloudType3">是否启用</label>
  91. </div>
  92. </div>
  93. <button id="btnSave" type="submit" class="btn btn-success">保存</button>
  94. </div>
  95. </td>
  96. </tr>
  97. </table>
  98. <script>
  99. var cloudConfig = {
  100. aliyun_enabled: false,
  101. aliyun_access_key_id: '',
  102. aliyun_access_key_secret: '',
  103. huaweicloud_enabled: false,
  104. huawei_access_key_id: '',
  105. huawei_secret_access_key: '',
  106. tencent_enabled: false,
  107. tencent_secret_id: '',
  108. tencent_secret_key: '',
  109. };
  110. function LoadConfig() {
  111. $.get("sys_cloud.php?dopost=cloud_get", function (data) {
  112. try {
  113. rs = JSON.parse(data);
  114. if (rs.code === 0) {
  115. cloudConfig = JSON.parse(rs.data);
  116. if (cloudConfig.aliyun_enabled) {
  117. $("#cloudType1").prop("checked", true);
  118. } else {
  119. $("#cloudType1").prop("checked", false);
  120. }
  121. $("#iptAliyunAccessKeyID").val(cloudConfig.aliyun_access_key_id);
  122. $("#iptAliyunAccessKeySecret").val(cloudConfig.aliyun_access_key_secret);
  123. if (cloudConfig.huaweicloud_enabled) {
  124. $("#cloudType2").prop("checked", true);
  125. } else {
  126. $("#cloudType2").prop("checked", false);
  127. }
  128. $("#iptHuaweicloudAccessKeyId").val(cloudConfig.huawei_access_key_id);
  129. $("#iptHuaweicloudSecretAccessKey").val(cloudConfig.huawei_secret_access_key);
  130. if (cloudConfig.tencent_enabled) {
  131. $("#cloudType3").prop("checked", true);
  132. } else {
  133. $("#cloudType3").prop("checked", false);
  134. }
  135. $("#iptTencentSecretId").val(cloudConfig.tencent_secret_id);
  136. $("#iptTencentSecretKey").val(cloudConfig.tencent_secret_key);
  137. }
  138. } catch (error) {
  139. console.log("解析配置失败")
  140. }
  141. });
  142. }
  143. $(document).ready(function () {
  144. $("#btnSave").click(function () {
  145. if ($("#cloudType1").is(":checked")) {
  146. cloudConfig.aliyun_enabled = true;
  147. } else {
  148. cloudConfig.aliyun_enabled = false;
  149. }
  150. cloudConfig.aliyun_access_key_id = $("#iptAliyunAccessKeyID").val();
  151. cloudConfig.aliyun_access_key_secret = $("#iptAliyunAccessKeySecret").val();
  152. if ($("#cloudType2").is(":checked")) {
  153. cloudConfig.huaweicloud_enabled = true;
  154. } else {
  155. cloudConfig.huaweicloud_enabled = false;
  156. }
  157. cloudConfig.huawei_access_key_id = $("#iptHuaweicloudAccessKeyId").val();
  158. cloudConfig.huawei_secret_access_key = $("#iptHuaweicloudSecretAccessKey").val();
  159. if ($("#cloudType3").is(":checked")) {
  160. cloudConfig.tencent_enabled = true;
  161. } else {
  162. cloudConfig.tencent_enabled = false;
  163. }
  164. cloudConfig.tencent_secret_id = $("#iptTencentSecretId").val();
  165. cloudConfig.tencent_secret_key = $("#iptTencentSecretKey").val();
  166. $.post("sys_cloud.php?dopost=cloud_set", cloudConfig, function (result) {
  167. let data = JSON.parse(result);
  168. if (data.code === 0) {
  169. ShowMsg("云服务设置成功");
  170. LoadConfig();
  171. } else {
  172. ShowMsg("设置失败,请检查服务是否正确");
  173. }
  174. });
  175. })
  176. LoadConfig();
  177. })
  178. </script>
  179. </body>
  180. </html>