个人博客系统重难点解析
videolnfo.jsp
<! 一视频播放开始一〉
<video width="800" height二"450" controls二"controls" preload二"auto">
<source
src=A中国地震历史，$ {resourcesUr1?/upload/uploadvideo/${video・ videoPosition }" type="video/ogg*> <source
src='${resourcesUrl：/up1oad/up1oadvideo/${video・ videoPosition }" type="video/mpl*> <source
src='${resourcesUrl?/up1oad/up1oadvideo/${video・ videoPosition }" type="video/webm">
<object data=*movie. mp-V width=*320^ height=*240"> <embed 叭dth="800" height="150"
src=*$ {resourcesUrl}/up1oad/up1oadvideo/${video・ videoPosition }">
</object>
</video
<! 一视频播放结束一〉
针对个人信息修改功能如何实现页面标签效果
personal.jsp
<div :role二"content"〉
<div class="row">
<ul id=*widget-tab"l" class="nav nav-tabs"
>
<li class="active*><a data"toggle="tab" href二'#info"> <i class="fa faTg fa-user"></i> <span class="hT>个人信息〈/span〉
</a></li>
<li><a data"toggle="tab" href="Savatar"> <i
class二"fa faTg fa-image*></i> <span class二悔客头像</span></a></li>
<li><a data"toggle='tabzz href ="5password"> <i
水杯什么牌子好class二"fa faTg fa"bookmarkz#X/i> <span class二登录密码
asia chow</span></a></li>
<li><a data-toggle二"tab" href二"#blogud <i class二"fa faTg fa-edit^X/i> <span class="h4">陈昱霖ins博客地址</span></a></li>
</ul>
</div>
<div class=" padding-10" style='background"color:芋
<form action=*S{base}/user/updateUserInfo" method="post"
id="userForm/z name二"userForm" class="smart-form" enctype="multipart/form-data" novalidate=x*novalidate*>
<!~个人信息开始~>
<c：forEach items=*${userinfo}" var="item*>
<div class=\ab"content padding"top"10** >
<div class二"tab-pane fade in active" id二"info">
<div class=*row*>
<section class="col col^lg-2 col"md-2 col"sm-12 colrs-12"> <strong> 基木信息 strong>
</section>
</div>
<div class=A，row*>
<section class=**col colTg-3 col-md-3 col"sm"12 col"xs~12*> <label class=*label textright"〉昵称:</label>
</section>
<section class二"col colTg"6 col-md-6 col""sm-12 col-wl2"> <label class=A，input*> <span>${item・userName}</span> </label>
</section>
</div>
<! 一个人信息结束一〉
<!~头像开始一〉
<div class二"tab-pane fade " id="avatar"
style=^min"height: 500px;
<div class=*row" rtcscls-3-s_r_0 rtcscls-3-r_3">： Opx;">
<div class二"colns-12 col_sm"12 col"md~12 col-lg-12">
<fieldset>
<section class二"col col・2">
<label class二"label pull-nght^Xspan class="font-size-16*>上传头像：</span></label> </section> <section class二"col col-6">
<div class="input input^file*>
<span class="button*><input type二"file" id="coverlinkFile" name="coverlinkFile" onchange二"this・ parentNode・ nextSibling・ value =
this・ value,Previewimage(this)*>Browse</span>
<input type='hidden" id="avatar" name="avatar" value="${item・ avatar}">
</div>
</section>
</fieldset>
<fleldset style二"border-top： lpx dashed ??E6E6E6;"> <section class二"col col・10">
<!一 Widget ID (each widget will need unique ID)—>
<div class=*jarviswidget jarviswidget^sortable" id=^wid-id"0" data"widget""togglebutton='false^ data-widget-editbutton=//false^ data-widget"fullscreenbutton="falsez/ data-widgefcolorbutton二"false" data-widgefdeletebutton="false/z role="widget" rtcscls-4-s_r_0 rtcscls-4-r_2">一>
<div role="content" style二"border： Opx;">
<!― content ―>
<div id="myTabContent" class='tab"content"，>
<!— new tab: Aspect ratio —>
<div class二"tab-pane fade active in" id=z/inigPreview/z> <img id= lmgl
src="$ {resourcesUrl}/upload/uploadimg/${item, avatar? class='superbox-current-img" alt=^ljcrop Example]" 叭dth「30(T height="300"
style二"width： 400px !important: height:
300px !important;">
</div>
</div>
</div>
</div>
<!— end widget —>
</section>
</fieldset>
<br />
</div>
</div>
</div>
<!~头像结束一〉
<!~密码开始一〉
<div class二"tab-pane fade" id二"password"
style=A，min"height: 500px;">
<div class=*row" rtcscls-5-s_r_0 rtcscls-5-r_1">： Opx;">
<div class二"co1ps-12 col"sm"12 col-md-12 col"lg-12"> <fieldset>
<section class湘西尸王二"col col・2">
<label class二"label pull-nght^Xspan
class="font-size-16*>旧密码：</span></label>
class="font-size-16*>旧密码：</span></label>
</section>
<section class二"col col-6">
<label class二"input"〉 <input type="password"
class二"inputTg" name="oldPass" id="oldPass/*> <input type二"hidden" name=o1dPassword" id= o1dPassword" value="S{item・ password}">
</label>
</section>
</fieldset>
<fleldset style二"border-top： Opx;'>
<section class二"col col~2**>
<label class二"label pull^right^Xspan class="font"size-16">新密码：</span></label> </section>
发布评论