2020-05-28

Discuzⅹ3.4万能相册管理模板开发进度代码(没写完)

在这里插入图片描述在这里插入图片描述在这里插入图片描述在这里插入图片描述
在这里插入图片描述

作者:青花
转载请注明出处:https://wdc.store




<--目前尚不完整,只写了一个页面入口,后续尽快实现,会把其他几个接口完成,在一个相册管理功能页面,在不同的入口进入显示的内容不一样。-->
<--css部分:-->
<style type="text/css"> 
body{
    margin-bottom:55px;
    width:99%;
}
p {
    color:blue
}
li {
    list-style:none;
    float:left;
    text-align:center;
    width:33.33%;
    margin:2px;2px;2px;2px;
    left:20px;
}
.li_2 {
    list-style:none;
    float:left;
    text-align:center;
    margin:2px 2px 2px 2px;
    width:15.5%;
    left:20px;
    font-size:13px;
    line-height:13px;
    padding:3px 0px 3px 0px;
}
.li_3 {
    list-style:none;
    float:left;
    text-align:center;
    margin:2px 2px 2px 2px;
    width:48%;
    left:20px;
    padding:3px 0px 3px 0px;
}
ul{
    width:100%;
    line-height: 35px;
    
}
div{
    width:99%;
    text-align:center;
    margin-left:1px;
}
button{
    margin-bottom:15px;
    height:40px;
    width:100px;
    border:2px inset #00E5EE;  
    border-radius:5px;
    background: #00BFFF;
    color:#fff;
    font-size:18px;
}
#tab{
    color:blue;
    font-size:12px;
}
label{
    font-size:16px;
    color:#CC2EFA;
}
#span{
    font-size:14px;
    color:#8968CD;
}
.h2{
    color:#fff;
    line-height:50px;
    font-size:20px;
}
.bq{
    width:97%;
    height:45px;
    background-color:#EE3B3B;
    border-radius:5px;
    position: absolute;
    left:5px;
    position: fixed;
    top:0px;
}

.a_l{
    position: absolute;
    left:12px;
    font-size:18px;
}
#a_r{
    position: absolute;
    right:12px;
    font-size:18px;
    color:#fff;
}
#li_a{
    color:#fff;
    font-size:18px;
    line-height:30px;
    border-radius:5px;
    text-align:center;
    padding:3px 8px 2px 8px ;
    border:2px solid #FFBF00;  
    text-decoration:none    
} 
#up_tb{
    width:100%;
}
#th{
    width:120px;
    color:black;
    height:30px;
    font-size:18px;
    color:#8A2BE2;
}
#tishi{
    margin-top:-5px;
    margin-bottom:10px;
    font-size:15px;
}
.div{
    overflow:scroll;
    margin-top:10px;
}
.kuang{
    border-radius:5px;
    border:2px solid #FFBF00;   
    width:99%;
    font-size:16px;
    color:#0080FF;
    z-index:999;
    margin-left:4px;
    margin-top:10px;
    margin-bottom:10px;
}
.pic_kuang{  
    border-radius:5px;
    border:2px solid #fff;   
    width:97%;
    font-size:12px;
    z-index:999;
    color:#FFBBFF;
    margin-left:6px;

}
.pic_big_kuang{
    border-radius:4px;
    overflow-x:auto;
    width:auto;
    margin-left:-0.5px;
    background-color:#fff;
    padding:5px 2px 5px 2px;
    line-height: 12px;
}
.pic_big_fanye{
    border-radius:4px;
    color:#ccc;
    background-color:#fff;
    width:80%;
    margin-left:10%;
}
.pic_li{
    border-radius:5px;   
    margin-bottom:15px;
}
.pic_font{
    
}
.pic_img{
    border-radius:5px;
    border:2px solid  #FFBF00; 
    width:95%;
    height:95%;
}
.pic_div{
    text-align:center ;
    width:115px;
    height:115px;
    margin:0 auto;
}
.pic_de_img{
    border-radius:5px;
    border:2px solid  #FFBF00; 
    width:97%;
    height:97%;
}
.pic_de_div{
    text-align:center ;
    width:115px;
    height:115px;
    margin:0 auto;
}
.pic_p{
    line-height: 8px;
}
.pic_li_moren{
    width:100%;
}
.pic_div_moren{
    width:80%;
    margin: 0 auto;
}
.pic_img_moren{
    border-radius:5px;
    border:2px solid  #FFBF00; 
    width:97%;
}
#pic_a_moren{
    font-size:18px;
}
}
#a_btn{
    padding:2px 4px 2px 4px;
    background:#1E90FF;
    margin:0 2 0 2;
    color:#fff;
    border-radius:5px;
    border:2px inset #1E90FF;      
}
.span{
    padding-bottom:10px;
    color:red;
    font-size:14px;
}
.up_kuang{
    border:3px inset #fff013;
    border-radius:5px;
    width:auto;
    height:60;
    background-color:#fff033;
    margin:2px 2px 2px;
}
.up_kuang2{
    overflow-x:auto;
    width:auto;
    background-color:#fff033;
    padding:5px 2px 5px 2px;
}
.inp{
    width:99%;
    border-radius:5px;
}
#red{
    color:#EE30A7;
}
#blue{
    color:#1E90FF;
}
#green{
    color:#43CD80;
}
</style>
复制代码

已完成的部分

html模板部分,仅个人资料入口写完:
<!--如果是个人资料页面进入,显示样式-->                  
<div class="bq">
        <center> 
            <h2 class="h2">相册管理

            <span class="a_l" onClick="javascript :history.back(-1);">返回</span>
            
<!--判断:如果是我的相册,显示上传按钮-->    
<!--{if helper_access::check_module('album') && $space[self] && (($diymode && !$_G[setting][homepagestyle]) || (!$diymode && !$_G[setting][homestyle]))}-->
    <a href="home.php?mod=spacecp&ac=upload" id="a_r">上传</a>
    <!--{/if}-->
<!--判断结束-->       
            </h2> 
        </center>    
</div>                 
<div class="kuang">
        <div class="up_kuang">
                <ul>
                        <li$actives[we]><a id="red" href="home.php?mod=space&do=album&view=we">好友相册</a></li>
                        <li$actives[me]><a id="blue" href="home.php?mod=space&do=album&view=me">我的相册</a></li>
                        <li$actives[all]><a id="green" href="home.php?mod=space&do=album&view=all">随便看看</a></li>
                </ul>
                <!--默认相册入口提示信息-->

<span id="span">社区帖子中的图片在每页最后的<a  id="a" href="home.php?mod=space&uid=1&do=album&id=-1&mobile=2">【默认相册】</a>中。</span>

        </div>
</div>

<!--如果是电脑访问此手机版,兼容显示DIY按钮-->  
                        <!--[diy=diycontenttop]--><div id="diycontenttop" class="area"></div>
                        <!--[/diy]-->
                <!--{/if}-->
<!--{/if}-->
<!--随便看看分类菜单盒子-->

<!--更新、热度排序-->
<!--{if $_GET[view] == 'all'}-->
<div class="kuang">
<div class="up_kuang2">    
<ul>
<li class="li_2"><a href="home.php?mod=space&do=album&view=all" {if !$_GET[catid]}$orderactives[dateline]{/if}>最近更新 </a></li>
<li  class="li_2"><a href="home.php?mod=space&do=album&view=all&order=hot" $orderactives[hot]>热门推荐</a></li>
<!--获取网站相册列表-->        
<!--{if $_G['setting']['albumcategorystat'] && $category}-->
        <!--{loop $category $value}-->
<li  class="li_2"><a href="home.php?mod=space&do=album&catid={$value[catid]}&view=all"{if $_GET[catid]==$value[catid]} {/if}>$value[catname]</a></li>
    <!--{/loop}-->
  <!--{/if}-->
</ul>
</div>
</div>

<!--{/if}-->


<!--相册查找功能-->

<!--{if ($_GET['view'] == 'we') && $userlist}-->
<div class="kuang">
<div class="up_kuang2">
<ul>
<!--筛选功能-->                
  <li class="li_3">从好友中筛选:</li>
  <li  class="li_3">
        <select name="fuidsel" onchange="fuidgoto(this.value);" class="ps">
        <option value="">全部好友</option>
<!--{loop $userlist $value}-->
        <option value="$value[fuid]"{$fuid_actives[$value[fuid]]}>$value[fusername]</option>
        <!--{/loop}-->
        </select>
<!--{/if}-->
  </li>
</div>
</div>

<!--隐藏相册列表-->
<!--{if $picmode}-->
<!--{if $pricount}-->
<div>
<p>隐藏相册</p>
<!--{/if}-->
<!--{if $count}-->
        <ul>
<!--{loop $list $key $value}-->
        <li>
                 <div class="pic_div">
                        <a href="home.php?mod=space&uid=$value[uid]&do=album&picid=$value[picid]">
<!--{if $value[pic]}-->
                     <img src="$value[pic]" class="pic_img" alt="" />
<!--{/if}-->
                </a>
                </div>
<!--获取相册名称-->                
                 <p><a href="home.php?mod=space&uid=$value[uid]&do=album&id=$value[albumid]">$value[albumname]</a></p>
                 <span>
<!--获取用户昵称-->                        
                <a href="home.php?mod=space&uid=$value[uid]">$value[username]</a>
                </span>
            </li>
<!--{/loop}-->
        </ul>
<!--调用翻页按钮-->        
<!--{if $multi}-->
           <div class="pic_big_fanye">$multi</div>
<!--{/if}-->
           
<!--如果没有相册,就提示-->                   
<!--{else}-->
        <div>暂时没有相册</div>
<!--{/if}-->
                
<!--{else}-->
<!--相册搜索功能-->
<!--{if $searchkey}-->
        <p>搜索相册 <span>$searchkey</span> 搜索列表</p>
<!--{/if}-->

<!--私密相册-->                
<!--{if $pricount}-->
        <p>隐藏相册</p>
<!--{/if}-->

<!--相册列表顶层框体-->        
<div class="pic_kuang">
<!--相册列表承载框体-->            
<div class="pic_big_kuang">
<!--相册列表-->                
<!--{if $count}-->
        <ul>
<!--获取相册列表-->                    
<!--{loop $list $key $value}-->
<!--{eval $pwdkey = 'view_pwd_album_'.$value['albumid'];}-->
                <li class="pic_li">
        <div class="pic_div">
<!--获取对应相册链接-->                   
                <a href="home.php?mod=space&uid=$value[uid]&do=album&id=$value[albumid]" target="_blank" {if $_G['adminid'] != 1 && $value[uid]!=$_G[uid] && $value[friend]=='4' && $value[password] && empty($_G[cookie][$pwdkey])} onclick="showWindow('list_album_$value[albumid]', this.href, 'get', 0);"{/if}>
<!--获取对应相册封面图-->                             
<!--{if $value[pic]}-->
            <img src="$value[pic]" class="pic_img" alt="$value[albumname]" />
<!--{/if}-->
                </a>
            </div>
                     <p>
<!--获取名称对应链接-->                         
                    <a href="home.php?mod=space&uid=$value[uid]&do=album&id=$value[albumid]" target="_blank" {if $_G['adminid'] != 1 && $value[uid]!=$_G[uid] && $value[friend]=='4' && $value[password] && empty($_G[cookie][$pwdkey])} onclick="showWindow('list_album_$value[albumid]', this.href, 'get', 0);"{/if}>
<!--获取相册对应名称-->                         
<!--{if $value[albumname]}-->
$value[albumname]
<!--如果获取相册为空,则显示默认相册--> 
<!--{else}-->
默认相册
<!--{/if}-->
            </a>
            </p>
            <p class="pic_p">
<!--获取图片计数-->             
<!--{if $value[picnum]}--> 
(总共 $value[picnum] 张)
<!--{/if}--></p>

<!--获取功能按钮--> 
<!--{if $value[uid]==$_G[uid]}-->
                     <p>
                    <a id="a_btn" href="home.php?mod=spacecp&ac=album&op=editpic&albumid=$value[albumid]">编 辑</a> 
                    <a id="a_btn"  href="home.php?mod=spacecp&ac=upload&albumid=$value[albumid]">上 传</a>
                        </p>


                                                                        
<!--{else}-->
<!--好友访问昵称显示,如果非自己访问将不显示获取上传者昵称-->        
                    <p><a href="home.php?mod=space&uid=$value[uid]" target="_blank">$value[username]</a></p>
<!--{/if}-->

<!--预留判断句,如果是好友访问,显示什么?如果是自己就隐藏-->
<!--{if $_GET[view]!='me'}-->
<!--{/if}-->

<!--功能访问时所有访客(包括自己)可见,获取相册更新日期,如果需要关闭删除即可--> 
                        <p class="pic_p">更新:
                        <!--{date($value[updatetime], 'n-j H:i')}-->    
                        </p>        
                        </li>
<!--{/loop}-->
<!--如果是自己访问,开启默认相册显示,不建议开启,默认是开启的!-->
<!--{if $space[self] && $_GET['view']=='me'}-->
                     <li  class="pic_li">
                            <div class="pic_de_div">
                                     <a href="home.php?mod=space&uid=$value[uid]&do=album&id=-1">
<!--默认相册封面图-->                                         
<!--{if $value[pic]}-->
                    <img src="$value[pic]" class="pic_img" alt="$value[albumname]" />
   
<!--如果默认相册没有封面图,启用默认封面-->                            
<!--{else}-->
                            <img src="{IMGDIR}/nophoto.gif"  class="pic_de_img" alt="{lang default_album}" />                    
<!--{/if}-->        
                  </a>
                  </div> 
                          <p>
                                     <a href="home.php?mod=space&uid=$value[uid]&do=album&id=-1">默认相册</a></p>

                    <p class="pic_p">
<!--获取图片计数-->             
<!--{if $value[picnum]}--> 
(总共 $value[picnum] 张)
<!--{/if}--></p>
<!--获取功能按钮--> 
<!--{if $value[uid]==$_G[uid]}-->
                     <p>
                    <a id="a_btn" href="home.php?mod=spacecp&ac=album&op=editpic&albumid=$value[albumid]">编 辑</a> 
                    <a id="a_btn"  href="home.php?mod=spacecp&ac=upload&albumid=$value[albumid]">上 传</a>
                        </p>
<!--{else}-->
<!--好友访问昵称显示,如果非自己访问将不显示获取上传者昵称-->        
                    <p><a href="home.php?mod=space&uid=$value[uid]" target="_blank">$value[username]</a></p>
<!--{/if}-->
<!--功能访问时所有访客(包括自己)可见,获取相册更新日期,如果需要关闭删除即可--> 
                        <p class="pic_p">更新:
                        <!--{date($value[updatetime], 'n-j H:i')}-->    
                        </p>        
                     </li>
<!--{/if}-->

<!--{if $_GET[view]!='me'}-->
                     <li  class="pic_li">
                            <div class="pic_de_div">
                                     <a href="home.php?mod=space&uid=$value[uid]&do=album&id=-1">
<!--默认相册封面图-->                                         
<!--{if $value[pic]}-->
                    <img src="$value[pic]" class="pic_img" alt="$value[albumname]" />
   
<!--如果默认相册没有封面图,启用默认封面-->                            
<!--{else}-->
                            <img src="{IMGDIR}/nophoto.gif"  class="pic_de_img" alt="{lang default_album}" />
<!--{/if}-->        
                  </a>
                  </div> 
                          <p>
                                     <a href="home.php?mod=space&uid=$value[uid]&do=album&id=-1">默认相册</a></p>

                    <p class="pic_p">
<!--获取图片计数-->             
<!--{if $value[picnum]}--> 
(总共 $value[picnum] 张)
<!--{/if}--></p>
<!--获取功能按钮--> 
<!--{if $value[uid]==$_G[uid]}-->
                     <p>
                    <a id="a_btn" href="home.php?mod=spacecp&ac=album&op=editpic&albumid=$value[albumid]">编 辑</a> 
                    <a id="a_btn"  href="home.php?mod=spacecp&ac=upload&albumid=$value[albumid]">上 传</a>
                        </p>
<!--{else}-->
<!--好友访问昵称显示,如果非自己访问将不显示获取上传者昵称-->        
                    <p><a href="home.php?mod=space&uid=$value[uid]" target="_blank">$value[username]</a></p>
<!--{/if}-->
<!--功能访问时所有访客(包括自己)可见,获取相册更新日期,如果需要关闭删除即可--> 
                        <p  class="pic_p">更新:
                        <!--{date($value[updatetime], 'n-j H:i')}-->    
                        </p>        
                     </li>
<!--{/if}-->

            </ul>
            
</div>
</div>
<!--相册翻页按钮调用-->        
<!--{if $multi}-->
<div  class="">$multi</div>
<!--{/if}-->

<!--{else}-->

<!--如果当前相册列表为空,显示此默认相册列表-->
<!--{if $space[self] && $_GET['view']=='me'}-->
                <ul>
                        <li  class="pic_li_moren">
                               <div  class="pic_div_moren">
                                <a  id="pic_a_moren" href="home.php?mod=space&uid=$value[uid]&do=album&id=-1">
                                <img  class="pic_img_moren" src="{IMGDIR}/nophoto.gif" alt="{lang default_album}" /></a>
                             </div>
                                    <p>
                                    <a  id="pic_a_moren" href="home.php?mod=space&uid=$value[uid]&do=album&id=-1">默认相册</a>
                                    </p>
                    <p  id="pic_a_moren">
<!--获取图片计数-->             
<!--{if $value[picnum]}--> 
(总共 $value[picnum] 张)
<!--{/if}--></p>
<!--获取功能按钮--> 
<!--{if $value[uid]==$_G[uid]}-->
                     <p>
                    <a id="a_btn" href="home.php?mod=spacecp&ac=album&op=editpic&albumid=$value[albumid]">编 辑</a> 
                    <a id="a_btn"  href="home.php?mod=spacecp&ac=upload&albumid=$value[albumid]">上 传</a>
                        </p>
<!--{else}-->
<!--好友访问昵称显示,如果非自己访问将不显示获取上传者昵称-->        
                    <p><a href="home.php?mod=space&uid=$value[uid]" target="_blank">$value[username]</a></p>
<!--{/if}-->
<!--功能访问时所有访客(包括自己)可见,获取相册更新日期,如果需要关闭删除即可--> 
                        <p  id="pic_a_moren">更新:
                        <!--{date($value[updatetime], 'n-j H:i')}-->    
                        </p>                                            
                        </li>
                </ul>
<!--{else}-->
             <div class="emp">抱歉!当前没有任何公开的相册!</div>
<!--{/if}-->
<!--{/if}-->
<!--{/if}-->
    </div>

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值