PHP 实现上移下移置顶功能

最新推荐文章于 2023-03-29 22:43:28 发布

weishuo110

最新推荐文章于 2023-03-29 22:43:28 发布

阅读量2.6k

点赞数

文章标签： php laravel 上移下移置顶

本文链接：https://blog.csdn.net/weishuo110/article/details/80340834

版权

本文介绍了如何在PHP Laravel框架下实现列表项的上移、下移以及置顶操作。通过修改数据库中的排序字段，并在视图、JS代码、控制器和模型层进行相应处理，完成动态调整列表显示顺序的功能。

摘要由CSDN通过智能技术生成

1.数据库：

id	int(11)			否	无

sort	int(11)			否	1	排序

top	int(1)			否	1	是否置顶 1为不置顶，2为置顶

2.视图：

sort	int(11)			否	1	排序

<div class="layui-form news_list">
            <table class="layui-table" lay-filter="test" >
                <colgroup>
                    <col width="">
                    <col width="">
                    <col width="">
                    <col width="350">
                </colgroup>
                <thead>
                <tr>
                    <th>名称</th>
                    <th>图片</th>
                    <th>启用状态</th>
                    <th>操作</th>
                </tr>
                </thead>
                <tbody id="listbox"></tbody>
            </table>
            </div>
        </div>
    </div>
@stop
@section("javascript")
    <script src="{
 {
 asseturl("js/beginbanner/index.js")}}"></script>

3.js代码：

sort	int(11)			否	1	排序

top:function () {
    var id = $(this).data("id");
    var state = $(this).data("state");
    var auditMsg = "";
    if(state==1){
        auditMsg = "您确认取消置顶吗？";
    }else{
        auditMsg = "您确认置顶吗？";
    }
    layer.confirm(auditMsg, {
        btn: ['确认', '取消'] //按钮
        , title: '<i class="layui-icon"></i> 确认提示'
        , icon: 0
    }, function () {
        $.ajax({
            url: adminurl + "/beginbanner/topstatus",
            data: {
                id: id,
                status:state,
                _token: _token,
            },
            type: "PUT",
            dataType: "json",