@admin.route('/showList')

def show():

    # 获取数据库所有文章数据，得到一个个对象

    res=Article.query.all()

    dicts=[]

    # 将每一个对象转成字典并加入一个列表，再用jinja模板将数据渲染到视图html中

    for item in res:

        dicts.append(item.__dict__)

    print('读取所有内容',dicts)

    print('每一个字段的值',dicts[]['title'])

    # 将数据dicts=dicts传到articleList.html页面渲染

    return render_template('admin/articleList.html',dicts=dicts)

    <!--该内容使用了jinja模板-->

                                    <div id="top">

                                            {%for item in dicts%}

                                    <!--<form id="form1" method='POST' enctype="multipart/form-data" action="url">-->

                                             <hr/>

                                                 <h3 class="zuo">作者:</h3>

                                                <p class="biao">{{item['author']}}</p>

                                                <p class="lei">文章分类:{{item['category']}}</p>

                                                <p class="shi">文章发布时间:{{item['put_date']}}</p>

                                                <p class="nei">文章内容:{{item['content']}}</p>

                                            <button   class="authorList" id="{{item.id}}" >编辑</button>

                                                <!--这里的data-id是设置的标签数学，在点击不同的item时获取它的id值，下面讲解在js里用到-->

                                            <button data-id="{{item.id}}" onclick="del(event)" type="submit" class="delete">删除</button>

                                            <hr style="border:1rem;border-bottom-color: black"/>

                                    <!--</form>-->

                                            {% endfor %}

                                         </div>

    function del(e){

                console.log('删除',e)

                //获取表单设置好的data—id值

                value = e.target.dataset.id

                //本地路由定向

                location.href='/admin/delArticle/'+ value

                // console.log('/admin/delArticle/'+ value)

                //  $('form1').attr('action','/admin/delArticle/'+ value)

            }

# 此处使用动态路由的方式接收前端传来的id，根据相应的id删除相应的文章

@admin.route('/delArticle/<delid>',methods=['GET','POST'])

def delArticle(delid):

    print('',delid)

    delAr=Article.query.filter(Article.id==delid).first()

    db.session.delete(delAr)

    db.session.commit()

    return render_template('admin/addArticle.html')

//被点击的标签对象$('.authorList')

            $('.authorList').click(function() {

                //获取当前点击对象标签上的属性id值

                var ID = $(this).attr('id')

                data = {'Articleid': ID}

                console.log(data)

                 $.ajax({

                    // ajax请求的路由地址（py文件下的路由下有方法）

                    url: '/admin/editArticle',

                    // 向后端请求类型（是一个对象格式）

                    type: 'post',

                    // 向后端发送请求的数据

                    data: data,

                    // 请求成功后后端返回回来的数据，后端对数据json.dumps(data)

                    success: function (res) {

                        // 后端对数据json.dumps(data)data是一个对象类型才能dumps，所以在此要对数据进行解析

                        resData=JSON.parse(res)

                        console.log(resData)

                        //将获取到的数据渲染到相应的标签里

                        $('#title').val(resData.title)

                        $('#category').val(resData.category)

                        $('#author').val(resData.author)

                        $('#editText')[].innerHTML=(resData.content)

                    }

                   })

                $('#edit')[].style.display='block '

                $('#top')[].style.display='none '

                $('#top')[].style.opacity='0 !important'

            })

@admin.route('/editArticle',methods=['post','get'])

def editArticle():

    # 定义一个全局共用变量id（因为下面else里要用到）

    global A_id

    print('bianjie',len(request.form))

    # 前端点击编辑时传入的是一个id值所以长度为1，这是将所有文章内容原样渲染到编辑页面，得返回所有文章内容

    if len(request.form)<:

        A_id= request.form['Articleid']

        print('获取前端post请求数据id',request.form['Articleid'])

        resEdit=Article.query.filter(Article.id==int(request.form['Articleid'])).first()

        data={

            'title':resEdit.title,

            'author':resEdit.author,

            'content':resEdit.content,

            'category':resEdit.category,

            'files':resEdit.files

        }

        # data是一个对象类型才能dumps

        # print(resEdit.title)

        return json.dumps(data)

    # 否则提交回来的就是修改文章后的内容长度大于1，执行修改相应数据库的内容

    else:

        print('修改文章', request.form)

        edit=Article.query.filter(Article.id== A_id).first()

        edit.title=request.form['title']

        edit.content = request.form['content']

        edit.category = request.form['category']

        edit.files = request.form['files']

        edit.author = request.form['author']

        edit.edit_time =datetime.now()

        db.session.commit()

        print('修改文章')

        # return redirect('/showList')

        return '完成修改'

<form role="form" action='/admin/addArticle' method='post' enctype="multipart/form-data">

                                    <div class="form-group">

                                        <label>文章标题</label>

                                        <input type="text" placeholder="请输入文章标题" name="title" class="form-control">

                                    </div>

                                </form>