示意图:
html:(模态框等 html和js代码,参考:Django 创建/删除用户)
{# 权限管理 #} <div id="permissionManageDiv" style="margin-left: 10px; display: none;"> <div> <h4 style="margin-top: 15px;">选择用户</h4> <hr style="margin-top: 5px;" /> <select name="usernamePermission" id="usernamePermission" class="selectpicker" data-live-search="true"> {% for user in users %} <option value="{{ user.username }}">{{ user.username }}</option> {% endfor %} </select> <hr /> </div> <div> <h4 style="margin-top: 15px;">勾选权限</h4> <hr style="margin-top: 5px;" /> <div style="margin-bottom: 10px;"> <div class="input-group input-group-lg" style="float: left; margin-right: 10px;"> <span class="input-group-addon">玩家管理</span> <span class="input-group-addon"> <input type="checkbox" name="permissionList" value="0" /> </span> </div> <div class="input-group input-group-lg" style="float: left; margin-right: 10px;"> <span class="input-group-addon">联盟管理</span> <span class="input-group-addon"> <input type="checkbox" name="permissionList" value="1" /> </span> </div> <div class="input-group input-group-lg" style="float: left; margin-right: 10px;"> <span class="input-group-addon">公告邮件</span> <span class="input-group-addon"> <input type="checkbox" name="permissionList" value="2" /> </span> </div> <div class="input-group input-group-lg" style="float: left; margin-right: 10px;"> <span class="input-group-addon">订单系统</span> <span class="input-group-addon"> <input type="checkbox" name="permissionList" value="3" /> </span> </div> <div class="input-group input-group-lg" style=""> <span class="input-group-addon">礼包奖励</span> <span class="input-group-addon"> <input type="checkbox" name="permissionList" value="4" /> </span> </div> </div> <div> <div class="input-group input-group-lg" style="float: left; margin-right: 10px;"> <span class="input-group-addon">客服反馈</span> <span class="input-group-addon"> <input type="checkbox" name="permissionList" value="5" /> </span> </div> <div class="input-group input-group-lg" style="float: left; margin-right: 10px;"> <span class="input-group-addon">玩家日志</span> <span class="input-group-addon"> <input type="checkbox" name="permissionList" value="6" /> </span> </div> <div class="input-group input-group-lg" style="float: left; margin-right: 10px;"> <span class="input-group-addon">服务器管理</span> <span class="input-group-addon"> <input type="checkbox" name="permissionList" value="7" /> </span> </div> <div class="input-group input-group-lg"> <span class="input-group-addon">管理员管理</span> <span class="input-group-addon"> <input type="checkbox" name="permissionList" value="8" /> </span> </div> </div> </div> <button type="button" id="changePermissionBtn" class="btn btn-default" style="width: 100px; margin-top: 15px;" data-toggle="modal" data-target="#alertTip" data-whatever="重置权限?" >提 交</button> </div>
js:
// 修改权限function changePermission() { var permissionList = $('input[name="permissionList"]:checked'); var permissions = ''; $.each(permissionList, function (index, value, array) { if (index+1 == permissionList.length) { // 最后一位,不加逗号 permissions += permissionList[index].value; } else { permissions += permissionList[index].value + ', '; } }); $.ajax({ url: '/changePermission', type: 'POST', data: { username: $('#usernamePermission').val(), permissions: permissions }, success: function (data, textStatus) { if (data == 1) { alert('修改成功!'); window.location.href = 'index'; } else if (data == -1) { alert('未知错误!'); } }, error: function (XMLHttpRequest, textStatus, errorThrown) { alert(errorThrown); } })}
Django models 中,建立 模型: (这一步很重要!!!)