毕设(六)

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/zy1104560031/article/details/79304707

将MySQL中employee表中的数据在empmananger.html中显示出来,并进行增删改的操作,并进行分页,感觉最难的就是这个分页了,逻辑有点小小复杂。在网上看了很多资料,都是讲的模模糊糊,感觉都不是我想要的重点,也许是我学的太肤浅,看不懂大神的思路把。

先贴个效果图把。

把html的代码放这边把,后面改得不好可以来看看:

#@layout()
#define main()
<h1>员工管理&nbsp;&nbsp;
<a href="/blog/add">加入新员工</a>
</h1>
<div class="table_box">
<table class="list">
<tbody>
<tr>
<th width="5%">员工id</th>
<th >个人账号</th>
<th >个人密码</th>
<th >姓名</th>
<th >是否为优秀员工</th>
<th >所在部门</th>
<th >职位</th>
<th >性别</th>
<th >电话</th>
<th >地址</th>
</tr>
#for(x : empPage.getList())
#(empPage.getList())
<tr>
<td style="text-align:left;">#(x.employee_id)</td>
<td style="text-align:left;">#(x.employee_username)</td>
<td style="text-align:left;">#(x.employee_password)</td>
<td style="text-align:left;">#(x.employee_name)</td>
<td style="text-align:left;">#(x.employee_good)</td>
<td style="text-align:left;">#(x.employee_branch)</td>
<td style="text-align:left;">#(x.employee_job)</td>
<td style="text-align:left;">#(x.employee_sex)</td>
<td style="text-align:left;">#(x.employee_tel)</td>
<td style="text-align:left;">#(x.employee_address)</td>
<td style="text-align:left;">
&nbsp;&nbsp;<a href="/blog/delete/#(x.id)">删除</a>
&nbsp;&nbsp;<a href="/blog/edit/#(x.id)">修改</a>
</td>
</tr>
#end
</tbody>

</table>
#@paginate(empPage.pageNumber, empPage.totalPage, "/empmanager/")
</div>
#end


用的Blog的分页代码:

#define paginate(currentPage, totalPage, link)
#if(totalPage <= 0 || currentPage > totalPage) #return #end
#setLocal(startPage = currentPage - 4)
#if (startPage < 1) #setLocal(startPage = 1) #end

#setLocal(endPage = currentPage + 4)
#if (endPage > totalPage) #setLocal(endPage = totalPage) #end

<div class="pagination">
#if (currentPage <= 8)
#setLocal(startPage = 1)
#end
#if ((totalPage - currentPage) < 8)
#setLocal(endPage = totalPage)
#end

#if (currentPage == 1)
<span class="disabled prev_page">上页</span>
#else
<a href="#(link)#(currentPage - 1)#(append)" class="prev_page">上页</a>
#end

#if (currentPage > 8)
<a href="#(link)#(1)#(append)">#(1)</a>
<a href="#(link)#(2)#(append)">#(2)</a>
<span class="gap">…</span>
#end

#for(i : [startPage..endPage])
#if (currentPage == i)
<span class="current">#(i)</span>
#else
<a href="#(link)#(i)#(append)">#(i)</a>
#end
#end

#if ((totalPage - currentPage) >= 8)
<span class="gap">…</span>
<a href="#(link)#(totalPage - 1)#(append)">#(totalPage - 1)</a>
<a href="#(link)#(totalPage)#(append)">#(totalPage)</a>
#end

#if (currentPage == totalPage)
<span class="disabled next_page">下页</span>
#else
<a href="#(link)#(currentPage + 1)#(append)" class="next_page" rel="next">下页</a>
#end
</div>
#end

猜你喜欢

转载自blog.csdn.net/zy1104560031/article/details/79304707