[discuz APP] 手动注释扫码登录 APP扫码登录PC站注释

[复制链接]
丽子Lv.7 显示全部楼层 发表于 2022-3-4 16:16:08 |阅读模式 打印 上一主题 下一主题
苹果上架
部分小伙伴可能不想要PC登录页面的  APP扫码登录PC
这里目前可以手动注释
我们所有源代码都在您插件里面,如果会HTML您可以手动注释

1.找到服务器文件
QQ截图20220304161103.png

2.点击编辑
QQ截图20220304161259.png



整页源代码
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2.         "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head>
  5.     <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  6.     <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
  7.     <title>登录</title>
  8.     <link href="login.css" type="text/css" rel="stylesheet"/>
  9.     <link rel="stylesheet" href="../login/icon/iconfont.css"/>
  10.     <script src="js/jquery-1.11.0.min.js" type="text/javascript"></script>
  11.     <script src="../js/jquery.qrcode.min.js" type="text/javascript"></script>
  12.     <script type="text/javascript">
  13.         $(function () {
  14.             $(".tab_menu li").click(function () {
  15.                 var index_val = $(this).index();
  16.                 $(this).parent().siblings().find(".tab_box").eq(index_val).show().siblings().hide();
  17.                 $(this).addClass("clicked_menu").siblings().removeClass('clicked_menu');
  18.             });
  19.         })
  20.     </script>
  21. </head>
  22. <body>
  23. <div class="login_box">
  24.     <div class="cont_box">
  25.         <div class="logo"><a href="#"><img src="/static/image/common/logo.png"/></a></div>
  26.         <div class="login_tab">
  27.             <div class="tab_all">
  28.                 <ul class="tab_menu">
  29.                     <!--<li class="left_menu clicked_menu" >扫码</li>-->
  30.                     <li class="right_menu">登录</li>
  31.                     <li class="right_menu">注册</li>
  32.                 </ul>
  33.                 <div class="tab_cont">
  34.                     <!--<div class="tab_box">-->
  35.                     <!--    <div id="qrcode" style="text-align: center;color: red;"></div>-->
  36.                     <!--    <div style="height: 40px;width: 200px;margin: 10px 105px;background: #00CC33;text-align: center;color: #ffffff;line-height: 40px;"-->
  37.                     <!--         id="getqr">-->
  38.                     <!--        重新生成-->
  39.                     <!--    </div>-->
  40.                     <!--    <div style="height: 40px;width: 200px;margin: 10px 105px;background: #3CA0EC;text-align: center;color: #ffffff;line-height: 40px;"-->
  41.                     <!--         id="dwapp">-->
  42.                     <!--        下载APP-->
  43.                     <!--    </div>-->
  44.                     <!--</div>-->
  45.                     <div class="tab_box">
  46.                         <table class="tab">
  47.                             <tr>
  48.                                 <td class="name">用户名</td>
  49.                                 <td><input type="text" name="username" class="input_nml" placeholder="输入用户名"/></td>
  50.                             </tr>
  51.                             <tr>
  52.                                 <td class="name">密码</td>
  53.                                 <td><input type="password" name="password" class="input_nml" placeholder="输入密码"/></td>
  54.                             </tr>
  55.                             <tr class="short_line">
  56.                                 <td class="name"></td>
  57.                                 <td class="sign">
  58.                                     <input type="checkbox" class="check"/>
  59.                                     <span>记住密码</span>
  60.                                     <a href="forget.html" class="label_a">忘记密码?</a>
  61.                                 </td>
  62.                             </tr>
  63.                             <tr>
  64.                                 <td></td>
  65.                                 <td>
  66.                                     <input type="submit" id="on-login" class="login_btn" value="立即登录"/>
  67.                                 </td>
  68.                             </tr>
  69.                         </table>
  70.                         <div class="other-login">
  71.                             <div class="name">
  72.                                 三方登录
  73.                             </div>
  74.                             <div class="btns">
  75.                                 <div class="btn qq" id="qq"><i class="iconfont">?</i></div>
  76.                                 <div class="btn wx" id="wechat"><i class="iconfont">?</i></div>
  77.                                 <div class="btn wb" id="sina"><i class="iconfont">?</i></div>
  78.                             </div>
  79.                         </div>
  80.                     </div>
  81.                     <div class="tab_box">
  82.                         <table class="tab">
  83.                             <tr>
  84.                                 <td class="name">用户名</td>
  85.                                 <td class="yzzd">
  86.                                     <input type="text" class="input_nml" name="name" placeholder="输入3~15个字符"/>
  87.                                 </td>
  88.                             </tr>
  89.                             <tr>
  90.                                 <td class="name">Email</td>
  91.                                 <td class="yzzd"><input type="text" name="email" class="input_nml"
  92.                                                         placeholder="输入常用邮箱地址"/></td>
  93.                             </tr>
  94.                             <tr>
  95.                                 <td class="name">密码</td>
  96.                                 <td class="yzzd">
  97.                                     <input type="password" name="pwd" class="input_nml" placeholder="输入6个及以上字符"/>
  98.                                 </td>
  99.                             </tr>
  100.                             <tr>
  101.                                 <td class="name">确认密码</td>
  102.                                 <td class="yzzd"><input type="password" name="pwd1" class="input_nml"
  103.                                                         placeholder="再次输入"/></td>
  104.                             </tr>
  105.                             <tr class="short_line">
  106.                                 <td class="name"></td>
  107.                                 <td class="sign">
  108.                                     <input type="checkbox" id="agent" class="check"/>
  109.                                     <span>阅读并同意</span>
  110.                                     <a href="#" id="agenta" class="label_a">《用户注册协议》</a>
  111.                                 </td>
  112.                             </tr>
  113.                             <tr>
  114.                                 <td></td>
  115.                                 <td>
  116.                                     <input type="submit" id="on-reg" class="login_btn" value="免费注册"/>
  117.                                 </td>
  118.                             </tr>
  119.                         </table>
  120.                     </div>
  121.                 </div>
  122.             </div>
  123.             <div style="clear:both;"></div>
  124.         </div>
  125.     </div>
  126.     <div style="clear:both; height:30px;"></div>
  127. </div>
  128. <script>
  129.     $(function () {
  130.         var code;
  131.         function isMobile() {
  132.             var sUserAgent = navigator.userAgent.toLowerCase();
  133.             var bIsIpad = sUserAgent.match(/ipad/i) == "ipad"
  134.             var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os"
  135.             var bIsMidp = sUserAgent.match(/midp/i) == "midp"
  136.             var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4"
  137.             var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb"
  138.             var bIsAndroid = sUserAgent.match(/android/i) == "android"
  139.             var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce"
  140.             var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile"
  141.             if (bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM) {
  142.                 return true
  143.             }
  144.             return false
  145.         }
  146.         if (isMobile()) {
  147.             window.location.href = "/source/plugin/yimen_app/static/h5/#/login"
  148.         }
  149.         function getQrcode() {
  150.             $.ajax({
  151.                 type: "POST",
  152.                 url: "/plugin.php?id=yimen_app&s=user/scan",
  153.                 dataType: "json",
  154.                 success: function (data) {
  155.                     //获取到了数据
  156.                     if (data.code == 1) {
  157.                         code = data.data.code;
  158.                         var url = window.location.protocol + "//" + window.location.host + '/source/plugin/yimen_app/static/scan/?code=' + data.data.code;
  159.                         $('#qrcode').html('');
  160.                         $('#qrcode').qrcode({
  161.                             text: url,
  162.                             height: 200,
  163.                             width: 200
  164.                         });
  165.                     } else {
  166.                         $('#qrcode').html(data.msg);
  167.                         if (data.msg == "扫码登录暂未开启") {
  168.                             $('#getqr').css('display', 'none');
  169.                         }
  170.                     }
  171.                 }
  172.             });
  173.         }
  174.         getQrcode();
  175.         scan_notify();
  176.         $('#getqr').click(function () {
  177.             getQrcode();
  178.         });
  179.         $('#dwapp').click(function () {
  180.             window.open("/plugin.php?id=yimen_app&s=user/down");
  181.         });
  182.         function scan_notify() {
  183.             if (code) {
  184.                 $.ajax({
  185.                     type: "POST",
  186.                     url: "/plugin.php?id=yimen_app&s=user/scan_check",
  187.                     dataType: "json",
  188.                     data: {
  189.                         code
  190.                     },
  191.                     success: function (data) {
  192.                         //获取到了数据
  193.                         if (data.code == 1) {
  194.                             try {
  195.                                 if (document.referrer.indexOf(location.host) != -1) {
  196.                                     window.location = document.referrer
  197.                                 } else {
  198.                                     window.Location = './';
  199.                                 }
  200.                             } catch (e) {
  201.                                 window.Location = './';
  202.                             }
  203.                         }
  204.                     }
  205.                 });
  206.             }
  207.             setTimeout(function () {
  208.                 scan_notify();
  209.             }, 2000);
  210.         }
  211.         $.ajax({
  212.             type: "POST",
  213.             url: "/plugin.php?id=yimen_app&s=user/get_login_config",
  214.             dataType: "json",
  215.             success: function (data) {
  216.                 //获取到了数据
  217.                 var config = data.data
  218.                 if (config.pc_qq == 0) {
  219.                     $('#qq').css('display', 'none')
  220.                 }
  221.                 if (config.pc_wx == 0) {
  222.                     $('#wechat').css('display', 'none')
  223.                 }
  224.                 if (config.pc_wb == 0) {
  225.                     $('#sina').css('display', 'none')
  226.                 }
  227.                 $('#agenta').click(function () {
  228.                     window.location.href = config.agreement_url
  229.                 });
  230.             }
  231.         });
  232.         $("#on-login").click(function () {
  233.             var username = getValue('username'),
  234.                 password = getValue('password');
  235.             if (username == '' || password == '') {
  236.                 alert('用户名或者密码不能为空');
  237.                 return false;
  238.             }
  239.             $.ajax({
  240.                 type: "POST",
  241.                 url: "/plugin.php?id=yimen_app&s=user/login",
  242.                 data: {
  243.                     username,
  244.                     password
  245.                 },
  246.                 dataType: "json",
  247.                 success: function (res) {
  248.                     if (res.code == 1) {
  249.                         try {
  250.                             window.location = document.referrer
  251.                         } catch (e) {
  252.                             window.Location = './';
  253.                         }
  254.                     } else {
  255.                         alert(res.msg)
  256.                     }
  257.                 }
  258.             });
  259.         });
  260.         $("#on-reg").click(function () {
  261.             if (!$("#agent").is(":checked")) {
  262.                 alert('请阅读注册协议并同意');
  263.                 return false;
  264.             }
  265.             var username = getValue('name'),
  266.                 password = getValue('pwd'),
  267.                 password1 = getValue('pwd1'),
  268.                 email = getValue('email');
  269.             if (username == '' || password == '' || password1 == '' || email == '') {
  270.                 alert('注册信息不能为空');
  271.                 return false;
  272.             }
  273.             if (password != password1) {
  274.                 alert('两次密码不正确');
  275.                 return false;
  276.             }
  277.             $.ajax({
  278.                 type: "POST",
  279.                 url: "/plugin.php?id=yimen_app&s=user/reg",
  280.                 data: {
  281.                     username,
  282.                     email,
  283.                     password
  284.                 },
  285.                 dataType: "json",
  286.                 success: function (res) {
  287.                     if (res.code == 1) {
  288.                         alert('注册成功');
  289.                     } else {
  290.                         alert(res.msg);
  291.                     }
  292.                 }
  293.             });
  294.         });
  295.         $('#qq').click(() => {
  296.             //qq登录
  297.             toLogin('qq')
  298.         });
  299.         $('#wechat').click(() => {
  300.             //qq登录
  301.             toLogin('pc_wechat')
  302.         });
  303.         $('#sina').click(() => {
  304.             //qq登录
  305.             toLogin('sina')
  306.         });
  307.         function toLogin(type) {
  308.             $.ajax({
  309.                 url: "/plugin.php?id=yimen_app&s=login/get_oauth_url&type=" + type,
  310.                 type: "POST",
  311.                 dataType: 'json',
  312.                 success: (res) => {
  313.                     if (res.code == 1) {
  314.                         window.location.href = res.url
  315.                     }
  316.                 },
  317.                 error: (res) => {
  318.                     alert(JSON.stringify(res));
  319.                 }
  320.             });
  321.         }
  322.         function getValue(name) {
  323.             return $("input[name='" + name + "']").val();
  324.         }
  325.     });
  326. </script>
  327. </body>
  328. </html>
复制代码



如果您不是很清楚注释操作
您可以复制源代码文件,进行全部黏贴替换


之后保存,更新缓存,刷新CDN,再次打开即可
当然!
您也可以自己设计html样式做一个更好看的PC登录页面
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

一门APP打包致力于H5混合APP基础框架领域的前沿探索,专注轻便的移动应用解决方案 提供基于HTML前端页面在各种应用层级的端延展。
  • 官方手机版

  • 微信公众号

  • 微信客服

  • Powered by Discuz! X3.4 | Copyright © 2001-2020, 一门APP. | 一门APP开发平台|热门标签
  • 蜀ICP备17005078号-4 | 川公网安备 51019002001185号 | |成都七扇门科技有限公司