zoukankan      html  css  js  c++  java
  • 24-----BBS论坛

    BBS论坛(二十四)

    24.1.编辑板块

    cms/js/banners.js

    $(function () {
        $('.edit-board-btn').click(function () {
            var self = $(this);
            var tr = self.parent().parent();
            var name = tr.attr('data-name');
            var board_id = tr.attr('data-id');
    
            zlalert.alertOneInput({
                'title': '编辑板块',
                'text': '请输入版块名称',
                'placeholder': name,
                'confirmCallback': function (inputValue) {
                    zlajax.post({
                        'url': '/cms/uboards/',
                        'data': {
                            'board_id': board_id,
                            'name': inputValue
                        },
                        'success': function (data) {
                            if (data['code'] == 200) {
                                window.location.reload();
                            } else {
                                zlalert.alertInfo(data['message'])
                            }
                        }
                    });
                }
            });
    
        });
    });

    24.2.删除板块

    cms/js/banners.js

    $(function () {
        $('.delete-board-btn').click(function (event) {
            event.preventDefault();
            var self = $(this);
            var board_id = self.parent().parent().attr('data-id');
            zlalert.alertConfirm({
                'title': '删除版块',
                'msg': '确认删除该版块吗?',
                'confirmCallback': function () {
                    zlajax.post({
                        'url': '/cms/dboards/',
                        'data': {
                            'board_id': board_id
                        },
                        'success': function (data) {
                            if (data['code'] == 200) {
                                window.location.reload();
                            } else {
                                zlalert.alertInfo(data['message']);
                            }
                        }
                    });
                }
            })
        })
    });

    24.3.首页动态显示板块

    (1)front/views.py

    @bp.route('/')
    def index():
        banners = BannerModel.query.order_by(BannerModel.priority.desc()).limit(4)
        boards = BoardModel.query.all()
        context = {
            'banners':banners,
            'boards':boards
        }
        return render_template('front/front_index.html',**context)

    (2)front/index.py

     <div class="sm-container">
                <div style="margin-bottom: 10px;">
                    <button class="btn btn-warning btn-block">发布帖子</button>
                </div>
    
    
                <div class="list-group">
                    <a href="#" class="list-group-item active">所有板块</a>
    
                    {% for board in boards %}
                        <a href="#" class="list-group-item">{{ board.name }}</a>
                    {% endfor %}
                </div>
            </div>

  • 相关阅读:
    前端--页面提交重置功能
    ztree获取当前选中节点子节点id集合的方法(转载)
    sqlserver锁表、解锁、查看销表 (转载)
    解决前端文件修改后浏览器页面未更新的问题
    简单的上传文件
    如何在Eclipse中查看JDK以及JAVA框架的源码(转载)
    设计模式--观察者模式
    WebService 学习
    学习quartz定时
    JS 中AJAX,Fetch,Axios关系
  • 原文地址:https://www.cnblogs.com/edeny/p/10021152.html
Copyright © 2011-2022 走看看