zoukankan      html  css  js  c++  java
  • 个人博客

    2021年4月29日:

    昨天写完了社团得建立,并在选项卡中展示社团名字,在社团主页中,应该展示的信息有该社团的成员列表以及社团的详细信息包括社团的logo也应该展示出来,logo因为头像的原因还没有弄出来,只能暂时先搁着,以下是社团主页的代码:

    <%@ page contentType="text/html;charset=UTF-8" language="java"%>
    <%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
    <jsp:include page="/index_head.jsp">
    <jsp:param name="title" value="社团主页" />
    </jsp:include>
    <div class="col-md-12 col-sm-12 col-xs-12">
    <div class="x_panel">
    <div class="x_title">
    <h2>
    社团主页 <small>different form elements</small>
    </h2>
    <div class="clearfix"></div>
    </div>
    <div class="x_content">
    <div class="col-md-3 col-sm-3 col-xs-12 profile_left">
    <div class="profile_img">
    <div id="crop-avatar">
    <img class="img-responsive avatar-view"
    src="${pageContext.request.contextPath}/statics/images/<c:if test="${empty club.logo}">img.jpg</c:if><c:if test="${not empty club.logo}">clublogo/${club.logo}</c:if>">
    </div>
    </div>
    <h3>${club.name}</h3>
    <ul class="list-unstyled user_data">
    <li>社团简介:${club.introduce}</li>
    <li>社团理念:${club.purpose}</li>
    <li>社长姓名:${club.user_name}</li>
    <li>社团口号:${club.slogan}</li>
    <li>社团QQ群:${club.group_code}</li>
    </ul>
    </div>
    <div class="col-md-9 col-sm-9 col-xs-12">
    <div class="" role="tabpanel" data-example-id="togglable-tabs">
    <ul id="myTab" class="nav nav-tabs bar_tabs" role="tablist">
    <li role="presentation" class="active"><a
    href="#tab_content1" id="home-tab" role="tab" data-toggle="tab"
    aria-expanded="true">成员列表</a></li>
    </ul>
    <div id="myTabContent" class="tab-content">
    <div role="tabpanel" class="tab-pane fade active in"
    id="tab_content1" aria-labelledby="home-tab"></div>
    </div>
    </div>
    </div>
    </div>
    </div>
    </div>
    <jsp:include page="/index_foot.jsp"></jsp:include>

    当用户点击“我的社团”的下列标签的时候就会跳转到相应的社团主页面,明天打算完成社团的搜索以及加入社团的申请。

  • 相关阅读:
    自然语言处理(三)——PTB数据的batching方法
    自然语言处理(二)——PTB数据集的预处理
    自然语言处理(一)——语言模型评价方法
    TensorFlow数据集(二)——数据集的高层操作
    TensorFlow数据集(一)——数据集的基本使用方法
    TensorFlow多线程输入数据处理框架(四)——输入数据处理框架
    Node的简介
    seajs的原理以及基本使用
    git常用指令
    一个小白的四次前端面试经历
  • 原文地址:https://www.cnblogs.com/yitiaokuailedexiaojingyu/p/14756615.html
Copyright © 2011-2022 走看看