index.html 3.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
  5. <title>阿里云通信短信发送示例 - FastAdmin</title>
  6. <!-- Bootstrap Core CSS -->
  7. <link href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
  8. <!-- Custom CSS -->
  9. <link href="__CDN__/assets/css/frontend.css" rel="stylesheet">
  10. <!-- Plugin CSS -->
  11. <link href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
  12. <link href="https://cdn.staticfile.org/simple-line-icons/2.4.1/css/simple-line-icons.min.css" rel="stylesheet">
  13. <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
  14. <!--[if lt IE 9]>
  15. <script src="https://cdn.staticfile.org/html5shiv/3.7.3/html5shiv.min.js"></script>
  16. <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
  17. <![endif]-->
  18. </head>
  19. <body>
  20. <div class="container">
  21. <div class="well" style="margin-top:30px;">
  22. <form class="form-horizontal" action="{:addon_url('alisms/index/send')}" method="POST">
  23. <fieldset>
  24. <legend>阿里云通信短信发送</legend>
  25. <div class="form-group">
  26. <label class="col-lg-2 control-label">手机号</label>
  27. <div class="col-lg-10">
  28. <input type="text" class="form-control" name="mobile" placeholder="手机号">
  29. </div>
  30. </div>
  31. <div class="form-group">
  32. <label class="col-lg-2 control-label">消息模板ID</label>
  33. <div class="col-lg-10">
  34. <input type="text" class="form-control" name="template" placeholder="消息模板ID,从阿里云通信获得,通常是:SMS_114000000这种格式">
  35. </div>
  36. </div>
  37. <div class="form-group">
  38. <label class="col-lg-2 control-label">签名</label>
  39. <div class="col-lg-10">
  40. <input type="text" class="form-control" name="sign" placeholder="消息模板(可以留空,留空使用后台插件管理中的配置)">
  41. </div>
  42. </div>
  43. <div class="form-group">
  44. <label class="col-lg-2 control-label">模板变量参数</label>
  45. <div class="col-lg-10">
  46. <textarea name="param" class="form-control" cols="30" rows="10" placeholder='必须是JSON字符串,如{"name":"李明"}'></textarea>
  47. </div>
  48. </div>
  49. <div class="form-group">
  50. <div class="col-lg-10 col-lg-offset-2">
  51. <button type="submit" class="btn btn-primary">发送</button>
  52. <button type="reset" class="btn btn-default">重置</button>
  53. </div>
  54. </div>
  55. </fieldset>
  56. </form>
  57. </div>
  58. </div>
  59. <!-- jQuery -->
  60. <script src="https://cdn.staticfile.org/jquery/2.1.4/jquery.min.js"></script>
  61. <!-- Bootstrap Core JavaScript -->
  62. <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
  63. <script type="text/javascript">
  64. $(function () {
  65. });
  66. </script>
  67. </body>
  68. </html>