index.html 2.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  1. <!DOCTYPE html>
  2. <html lang="zh-CN">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <title>Document</title>
  8. <script src="./js/usign.js"></script>
  9. <script type="module">
  10. window.onload = () => {
  11. const resultDom = document.querySelector('#result');
  12. const btn = document.querySelector('#encrypt');
  13. btn.addEventListener('click', () => {
  14. const inputDom = document.querySelector('#params');
  15. const payloadDom = document.querySelector('#payload');
  16. const value = inputDom.value;
  17. let payload = undefined;
  18. try {
  19. if (payloadDom.value.trim()) {
  20. payload = JSON.parse(payloadDom.value);
  21. }
  22. resultDom.value = u_sign(value, payload);
  23. } catch (error) {
  24. alert('参数错误');
  25. }
  26. });
  27. const copy = document.querySelector('#copy');
  28. copy.addEventListener('click', () => {
  29. const value = resultDom.value;
  30. if (value) {
  31. resultDom.select();
  32. document.execCommand("Copy");
  33. resultDom.blur();
  34. }
  35. });
  36. }
  37. </script>
  38. <link rel="stylesheet" href="./css/index.css" />
  39. </head>
  40. <body>
  41. <div id="app">
  42. <form>
  43. <div class="form-item">
  44. <label>请求地址及参数:</label>
  45. <textarea id="params" type="text"
  46. placeholder="示例: /youzy.dms.basiclib.api.career.job.hits.inc?jobCode=02030502"></textarea>
  47. <textarea id="payload" type="text"
  48. placeholder='示例(json字符串): {"provinceCode":43,"score":0,"year":2021,"course":"物理","bzType":"本专"}'></textarea>
  49. </div>
  50. <input id="encrypt" type="button" value="加密">
  51. </form>
  52. <form>
  53. <div class="form-item">
  54. <label>结果:</label>
  55. <textarea id="result" type="text"></textarea>
  56. </div>
  57. <input id="copy" type="button" value="复制">
  58. </form>
  59. </div>
  60. </body>
  61. </html>