1

我正在玩 deploy 并且无法弄清楚如何将会话信息从一个页面带到另一个页面。在已部署站点的登录演示中，他们有一些代码可以将登录用户重定向到新页面并欢迎他们。但是，如果我在 url 中正常访问该页面，如果我不使用登录表单，它仍然可见。我认为这只是一个非常基本的演示，但我想知道如果用户尚未登录并尝试访问该页面，如何拒绝他们。

即使是一些正确方向的提示也会给我很多帮助，谢谢！

这是我的索引页代码

<body>
     <section id="test"></div>

           <form id="drop" >
             User Name:<input id="user" type="text" name="username"><br>
            Password<input id="pass" type="password" name="password"><br>

           <input type="submit" value="login">
             </form>
    </body>

    <script>
    $(document).ready(function() {
    dpd.things.get(function(result, error) {


    $.each(result, function(i,result){
      content = '<div class="'+result.name+'">' + '<p >' + result.name + '</p>' + '<p   id="'+result.about+'">' + result.about + '</p>'  + '</div>' ;
     // about = '<p>' + result.about + '</p>';
     $(content).appendTo("#test");
     // $(about).appendTo("#about");
     $('#test').attr('class', result.name);
     $("#"+result.name).click(function() {
     console.log(result);
     dpd.things.del(result.id, function(well, error) {
     $("."+result.name).remove();
    }); }); }); }); });

     $( "#drop" ).on( "submit", function( event ) {
      event.preventDefault();
      var hello = $("#user").val();
      var goodbye = $("#pass").val();

      dpd.users.login({"username": hello, "password": goodbye}, function(user, err) {
      if(err) return console.log(err);
      console.log(user);
      location.href = "users.html";
    }); });
</script>

这是我的 users.html 页面 js

    <div class="container">
        <h1></h1>
        <button class="btn" id="logout-btn">Logout</button>
      </div>
      <script type="text/javascript" src="/js/lib/jquery.js"></script>
      <script type="text/javascript" src="/dpd.js"></script>
      <script type="text/javascript">
        dpd.users.me(function(user) {
          if (user) {
            $('h1').text("Welcome, " + user.username + "!");
          } else {
            location.href = "/";
          }
        });
</script>
4

0 回答 0