vue判断input框不能为空_用Flask和Vue制作一个单页应用（七）

使用PUT命令来更新资源

假如编号是唯一的，我们就可以根据编号来访问和更新一条记录的内容。

添加新资源时，编号不能重复

由于编号是唯一的，在添加新资源时，如果发现编号已经存在，则需要返回添加失败的信息。修改server/app.py中的all_res方法：

@app.route('/resources', methods=['GET', 'POST'])
def all_res():
    response_object = {
    'status': 'success'}
    if request.method == 'POST':
        post_data = request.get_json()
        sn = post_data.get('sn')
        for r in RESOURCES:
            if r['sn'] == sn:
                response_object = {
    'status': 'failed'}
                response_object['message'] = '资源编号已存在，添加失败！'
                break
        else:
            RESOURCES.append({
    
                'sn': sn,
                'teacher': post_data.get('teacher'),
                'learnt': post_data.get('learnt')
            })
            response_object['message'] = '资源添加成功！'
    else:
        response_object['resources'] = RESOURCES
    return jsonify(response_object)

同时，我们将提示信息绑定到alert模块。修改client/src/components/Alert.vue如下：

<template>
  <div>
    <b-alert :variant="variant" show>{
    { message }}</b-alert>
    <br>
  </div>
</template>

<script>
export default {
  props: ['message', 'variant'],
};
</script>

注意新添加了variant绑定，可以根据后端的反馈信息