构建微信小程序管理后台踩的那些坑

登录页面的制作

需要和后台进行 POST
与下面表单交换的原理相同

HTML表单提交

前台


<form id="test" action="add" method="POST">
    <fieldset>
        <legend>新闻属性</legend>
        <div class="form-row">
            <div class="field-label"><label for="field1">新闻标题</label>:</div>
            <div class="field-widget"><input name="title" id="field1" class="required" title="名称" /></div>
        </div>
        
        <div class="form-row">
            <div class="field-label"><label for="field2">新闻标签1</label>:</div>
            <div class="field-widget"><input name="tag1" id="field2" class="required" title="Enter your name" /></div>
        </div>

        <div class="form-row">
            <div class="field-label"><label for="field2">新闻标签2</label>:</div>
            <div class="field-widget"><input name="tag2" id="field3" class="required" title="Enter your name" /></div>
        </div>

        <div class="form-row">
            <div class="field-label"><label for="field2">新闻图片</label>:</div>
            <div class="field-widget"><input name="image" id="field4" class="required" title="Enter your name" /></div>
        </div>
        
        <div class="form-row">
            <div class="field-label"><label for="field3">新闻内容</label>:</div>
            <div class="field-widget"><textarea name = "content" class="required"></textarea></div>
        </div>
        
        
    </fieldset>

    <input type="submit" class="submit" value="Submit" />
    <input class="reset" type="button" value="Reset" onclick="valid.reset(); return false" />
    </form>

1.方法需要设置为 POST
2.action指向自己就可以使后台收到 POST 请求后处理
3.每一个要提交的表单项需要有自己的 name，当input之后会自动提交

后台

因为正常网页打开就是 GET 请求，所以要单独写 POST 后如何对数据进行处理的代码

@app.route('/demo/add',methods=['GET','POST'])
def addnews():
    if request.method == 'POST':
        title = request.form.get('title')
        tag1 = request.form.get('tag1')
        tag2 = request.form.get('tag2')
        content = request.form.get('content')
        image = request.form.get('image')
        addnew(title , tag1 , tag2 , content , image)
        return redirect('/demo')
    else:
        return render_template('addnews.html')

request获取 POST 请求的数据需要用到form.get的函数
效果如下：