实现的功能
- 用户可以查阅自己加入黑名单的用户
- 选中批量删除黑名单内名字
- 单个删除黑名单内名字
- 全部删除黑名单
依赖的第三方工具
- AngularJS框架
- BootStrap框架
- Express框架
页面代码
由于在我的博客中前端实战之用户控制台中有详细的页面代码这里只出示一小部分,方便大家阅读
<div role="tabpanel" class="tab-pane" id="blacklist" ng-controller="blacklistCtrl">
<div class="block" ng-init="initBlackList()">
<p>
您可以在用户状态和用户主页中将其加入黑名单。您将无法看到加入黑名单的用户发表的状态和评论。
</p>
<table class="table table-bordered">
<tbody>
<tr>
<th colspan="2">
黑名单用户
</th>
<th>
操作
</th>
</tr>
<tr ng-repeat="person in personList">
<td>
<input class="check-helper" type="checkbox" ng-model="person.checked">
</td>
<td>
<a ng-href="/users/{
{person.name}}">{
{person.name}}</a&g