登录后显示登录用户名？ （PHP / JavaScript / HTML）

Question

我正在使用JavaScript / HTML和一些Jquery来测试使用PhoneGap / Cordova制作的测试应用程序。

我想做的是在用户登录后在所有页面上显示用户名，我相信最好避免使用JavaScript，因此理想情况下我想使用PHP。

有人可以在这里伸出援手，告诉我该如何做吗？

请在下面查看我的代码的不同部分，这些部分可能会对您有所帮助。

登录功能：

 function loginDB(tx)
         {
            var Username = document.getElementById("username").value;
          var Password = document.getElementById("password").value;
          tx.executeSql("SELECT * FROM SoccerEarth WHERE UserName='" + Username + "' AND Password= '" + Password + "'", [], renderList);

          }
         function renderList(tx,results) {
         if (results.rows.length > 0) {
           navigator.notification.alert("You are in!");
           $( ":mobile-pagecontainer" ).pagecontainer( "change", "#page4" );
         }
         else
         {
           navigator.notification.alert("Incorrect Password, Please try again!");
            $( ":mobile-pagecontainer" ).pagecontainer( "change", "#page3" );
         }
         }

HTML页面示例：

<div data-role="page" id="page4" data-theme="d">
<div data-role="header">
    <a href="#page1" class="ui-btn ui-icon-home ui-btn-icon-left">Sign Out</a>
    <h1>SoccerMeet</h1>
</div>
<div data-role="main" class="ui-content">
    <ul data-role="listview" data-inset="true">

        <li>
            <a href="#page5" data-transition="slide">
                <img src="images/icon1.jpg">
                <h2>Search Soccer Events</h2>
                <p>Find soccer meets near you</p>
            </a>
        </li>
        <li>
            <a href="#page6" data-transition="slide">
                <img src="images/icon2.png">
                <h2>Create an Event</h2>
                <p>Have an event you would like to invite people to?</p>
            </a>
        </li>
        <li>
            <a href="#page5" data-transition="slide">
                <img src="images/icon4.png">
                <h2>Help Center</h2>
                <p>FAQ's and further guidance on the app</p
                        ></a>
        </li>
        <li>
            <a href="#page1" data-transition="slide">
                <img src="images/icon3.png">
                <h2>Settings</h2>
                <p>Make changes to the app</p
                        ></a>
        </li>
        <li>
            <a href="#page1" data-transition="slide">
                <img src="images/icon5.png">
                <h2>The Team</h2>
                <p>Meet the team behind the app, the co-founders, developers etc.</p
                        ></a>
        </li>
    </ul>
    <div data-role="footer">
        <div data-role="navbar">
            <ul>
                <li><a href="#page1" data-icon="user">Profile</a></li>
                <li><a href="#page1" data-icon="location">Find Events</a></li>
                <li><a href="#" data-icon="calendar">Calendar</a></li>
                <li><a href="#" data-icon="info">Help Center</a></li>
                <li><a href="#page7" data-icon="camera">Camera</a></li>
            </ul>
        </div>
    </div>
</div>

Answer 1

根据我的理解，您希望实现用户成功登录并显示在您的应用中，成功登录后，用户应该能够在应用顶部看到用户名，这样的解决方案可以使用php中的简单脚本结合html以及，我已经检查过，并且找到了相同问题的类似答案，请参见这篇文章，它应该可以帮助HTML PHP成功登录后显示用户名