Question

所以我的烧瓶网络应用程序中有一个练习页面。每个练习都有一个“完成”按钮。在单击“完成”按钮时，我想为当前登录的用户提供积分。这些积分将被添加到用户的进度栏中以进行升级。我只想要一个大概的想法。

这是我在数据库中的用户模型

class User(UserMixin, db.Model):
    id = db.Column(db.Integer, primary_key=True)
    username = db.Column(db.String(64), index=True, unique=True)
    email = db.Column(db.String(120), index=True, unique=True)
    password_hash = db.Column(db.String(128))
    points = db.Column(db.Integer)

这是一个HTML文件，单击按钮即可获取积分

<a data-toggle="collapse" class="w3-large" href="#tip4" onclick="getPoints()">...</a>

这是获取积分功能

<script>
function getPoints(){
  points += 20; #How do i access the database.points in this case?
}
</script>

@bp.route('/register', methods=['GET', 'POST'])
def register():
    if current_user.is_authenticated:
        return redirect(url_for('main.index'))
    form = RegistrationForm()
    if form.validate_on_submit():
        user = User(username=form.username.data, email=form.email.data)
        user.set_password(form.password.data)
        user.points = 0
        db.session.add(user)
        db.session.commit()
        flash('Congratulations, you are now a registered user!')
        return redirect(url_for('auth.login'))
    return render_template('auth/register.html', title='Register', form=form)

@bp.route('/activity1')
@login_required
def activity1():
    return render_template('activity1.html', title='Activity 1')

这主要是我对python的了解。我希望在Activity1.html上获得积分。

Answer 1

看看这段代码。它未经测试，但我确定您明白了（双关语;））。不要忘记更改activity1模板并在其中添加点变量。如果您使用此代码，建议您在此处删除javascript getpoints脚本。

@bp.route('/activity1', methods=['GET', 'POST'])
@login_required
def activity1():
    user = User.query.filter_by(username = username).first()
    points = user.points

    if request.method == 'POST':
        user = User.query.filter_by(username = username).first()
        points  = user.points + 20
        user.points = points
        db.session.commit()
        flash('Congratulations, you have earned 20 points!')

    return render_template('activity1.html', 
            title = 'Activity 1',
            points = points,
            )

尝试在我的游戏化Web应用程序中实施积分系统

1 个答案: