新增游客查看各个用户项目的功能之显示用户列表并支持跳转

src/main/webapp/index.xhtml

@@ -27,6 +27,17 @@
     <h:body>
         <ui:include src="header.xhtml"/>
         <main>
+            <h:form id="visitorForm" rendered="#{!projectBean.isLoggedIn}">
+                <section id="user-list">
+                    <h1>Select a user and visit their projects</h1>
+                    <ui:repeat value="#{projectBean.users}" var="user">
+                        <h:commandButton value="#{user}" action="#{projectBean.visitorSetUsername(user)}"
+                                         styleClass="project-button">
+                            <f:ajax render="visitorForm"/>
+                        </h:commandButton>
+                    </ui:repeat>
+                </section>
+            </h:form>
             <h:form id="userInfoForm" rendered="#{projectBean.isLoggedIn}">
                 <h:panelGroup id="displayState" style="display: block;">
                     <section id="user-info">

src/main/webapp/resources/css/styles.css

@@ -129,7 +129,7 @@ footer {
 }
 
 /* Project list item styling */
-#project-list {
+#project-list, #user-list {
     font-family: Arial, sans-serif;
     background-color: #f9f9f9;
     padding: 20px;