深入剖析Jinja2语法：高效开发的关键技巧

已于 2024-01-23 20:50:44 修改
阅读量1.4k 收藏 16
点赞数 20
分类专栏： # Flask 文章标签： python jinja2 flask django
于 2024-01-23 20:48:10 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ak_bingbing/article/details/135788226
版权

jinja2:

模板语法：

在这里插入图片描述

from flask import Flask,render_template
app = Flask(__name__)
@app.route('/about/')
def about():
    return render_template('about.html')

当然也可以对其进行目录修改：

from flask import Flask,render_template
app = Flask(__name__,template_folder=r'temp')
@app.route('/about/')
def about():
    return render_template('about.html')

字符串：

 <h3>{{title}}</h3>

变量：

{{ foo.bar }}
{{ foo['bar'] }} # foo是一个对象 bar是一个属性

列表：

data_list是后端传给前端一种列表形式,[“aa”,“bb”,“cc”], {% for item in data_list %} 是对取出列表中每个内容，item为每个内容

        {% for item in data_list %}
            <tr>
                <th scope="row">1</th>
                <td>{{item}}</td>
                <td>Otto</td>
                <td>@mdo</td>
            </tr>
        {% endfor %}

字典：

自定义类：

class User:
    def __init__(self,username,email):
        self.username = username
        self.email = email
        
@app.route('/')
def hello_world():
    user = User(username="知了", email="xx@qq.com")
    person = {
        "username": "张三",
        "email": "zhangsan@qq.com"
    }
    return render_template("index.html", user=user, person=person)
# user 和person 对象可以转到前端页面用于展示

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>知了传课首页</title>
</head>
<body>
<div>{{ user.username }} / {{ user.email }}</div>
<div>{{ person['username'] }} / {{ person.username }}</div>
</body>
</html>

对于键值对形式的变量，可以 对象.属性、或者对象[‘属性’] 在前端页面进行访问。

列表套字典：

 [{'id': 2, 'username': '韩超', 'password': 'qwe123', 'mobile': '1999999999'}, {'id': 4, 'username': '胡兵', 'password': 'hubing', 'mobile': '222'}]

   {% for item in data_list %}
        <tr>
            <td>{{ item.id }}</td>
            <td>{{ item.username }}</td>
            <td>{{ item.password }}</td>
            <td>{{ item["mobile"] }}</td>
        </tr>
        {% endfor %}

如果是列表套字典这种形式， {% for item in data_list %} 中的每一个item都是字典， item.属性获取对应的值。

关键字传递：

from flask import Flask,render_template
app = Flask(__name__)
@app.route('/about/')
def about():
    context={
        "hobby":"pingpang",
        "name":"hb",
        "age":20  
    }
    return render_template('about.html',**context)

流程控制：

有一个if就有一个endif，这里的语法类似javaweb中的JSTL表达式。

{% if age>18 %}
  <div>您已经满18岁，可以进入网吧！</div>
{% endif %}


@app.route("/control")
def control_statement():
    age = 18
    books = [{
        "name": "三国演义",
        "author": "罗贯中"
    },{
        "name": "水浒传",
        "author": "施耐庵"
    },]
    return render_template("control.html", age=age, books=books)

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>控制语句Demo</title>
</head>
<body>
{% if age>18 %}
  <div>您已经满18岁，可以进入网吧！</div>
{% elif age==18 %}
  <div>您刚满18岁，需要父母陪同才能进入！</div>
{% else %}
  <div>您未满18岁，不能进入网吧！</div>
{% endif %}

{% for book in books %}
  <div>图书名称：{{ book.name }}，图书作者：{{ book.author }}</div>
{% endfor %}
</body>
</html>

过滤器：

​ 变量可以通过 过滤器 修改, {value|过滤器}，可以使用jinja2中自带的过滤器，也可以自己定义过滤器，过滤器相当于Linux下的管道符。

内置过滤器：
{{ name|striptags|title }} # 会移除 name 中的所有 HTML 标签并且改写 为标题样式的大小写格

数量：

{{ post.comments.all()|length }}
{{ question.answers|length }}
{{ post.comments.count() }}

在html里面也可以做过滤查询：

          {% for comment in post.comments.filter_by(is_active=True).all() %}

 <div class="comment-group">
      <h3>评论列表</h3>
      <ul class="comment-list-group">
        {% for comment in post.comments.filter_by(is_active=True) %}
    
          <li>
            <div class="comment-content">
              <p class="author-info">
                <span>{{ comment.author.username }}</span>
                <span>{{ comment.create_time }}</span>
              </p>
              <p class="comment-txt">
                {{ comment.content }}
              </p>
            </div>
          </li>
        {% endfor %}
      </ul>
    </div>

默认值：

{{ user.signature or '' }} 这段代码使用了 or 运算符来提供一个默认值。如果 user.signature 不存在或为空，那么 user.signature or '' 的结果就是空字符串 ''。

自定义过滤器：

如果我们不想对数据进行直接渲染，进行一些操作在进行展示，我们可以自己定义一个函数，然后再前端调用.

# 自定义函数 value就是我们进行操作的值
def datetime_format(value, format="%Y年%m月%d日 %H:%M"):
    return value.strftime(format)
# 将datetime_format 命名为dformat 可以直接在前端调用
app.add_template_filter(datetime_format,"dformat")

@app.route("/filter")
def filter_demo():
    user = User(username="知了xxxx", email="xx@qq.com")
    mytime = datetime.now()
    return render_template("filter.html", user=user, mytime=mytime)

对象| 方法

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>过滤器使用demo</title>
</head>
<body>
<div>{{ user.username }}-{{ user.username|length }}</div>  
<div>{{ mytime|dformat }}</div>
</body>
</html>

{{ user.username|length }} 可以理解为内置属性，{{ mytime|dformat }} 可以理解为对mytime执行dformat(自定义函数)。

测试器：

转义：

少量转义：

{{ '{{' }}

大量转义：

{% raw %}
    <ul>
    {% for item in seq %}
        <li>{{ item }}</li>
    {% endfor %}
    </ul>
{% endraw %}

放在一个 {% raw %}和 {% endraw %} 块内部，可以不进行填充。

使用safe对其表示不要转义：

{{ post.content|safe }}

相关查询：

    post = db.relationship("PostModel", backref=db.backref('comments', order_by=create_time.desc(), lazy="dynamic"))

相关全局对象：

      # 对当前用户的信息进行修改 
        g.user.username = username
        g.user.signature = signature
        db.session.commit()

网页继承：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html lang="en">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    {% block head %}
    <link rel="stylesheet" href="style.css" />
    <title>{% block title %}{% endblock %} - My Webpage</title>
    {% endblock %}
</head>
<body>
    <div id="content">{% block content %}{% endblock %}</div>
    <div id="footer">
        {% block footer %}
        &copy; Copyright 2008 by <a href="http://domain.invalid/">you</a>.
        {% endblock %}
    </div>
</body>

​ 在上面的父模板，我们使用了 {% block head %} 、{% block title %} 、 {% block content %}、{% block footer %} ，我们的子模板只需要重写一下这几个块即可.

{% extends "base.html" %} //继承 
{% block title %}Index{% endblock %} //重写title块
{% block head %}
    {{ super() }} //用于调用基础模板中同名块的内容
    <style type="text/css">  // 这是新添加的内容 
        .important { color: #336699; }
    </style>
{% endblock %}
{% block content %} //重写 content 块
    <h1>Index</h1>
    <p class="important">
      Welcome on my awesome homepage.
    </p>
{% endblock %}
//还有注意的一点是  {% block footer %} 即继承下来 因为没有重写

{% extends "base.html" %} 表示该网页继承base.html

{% block body %}
我是子模板的body
{% endblock %}  #表示将内部内容填充到 父亲的{% block body %} {% endblock %} 中

@app.route("/child1")
def child1():
    return render_template("child1.html")


@app.route("/child2")
def child2():
    return render_template("child2.html")

这是base.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>{% block title %}{% endblock %}</title>
</head>
<body>
<ul>
  <li><a href="#">首页</a></li>
  <li><a href="#">新闻</a></li>
</ul>
{% block body %}
{% endblock %}
<footer>这是底部的标签</footer>
</body>
</html>

child1.html

{% extends "base.html" %}
{% block title %}
我是子模板的标题
{% endblock %}
{% block body %}
我是子模板的body
{% endblock %}

child2.html

{% extends "base.html" %}

{% block title %}
我是child2
{% endblock %}

{% block body %}
我是child2
{% endblock %}

Ajax:

与ajax的结合，Ajax只是起到了一个发送请求返回数据的作用。

在这里插入图片描述

function refreshTitle() {
	$.ajax({
        type:'GET'
        url: "http://127.0.0.1:5000/Title" + "?n="+ Math.random()
        dataType:'json',
        success: function （data) {
                console.log(data);
                $（'#echart1_title').text(data['title'][o])
                $('#echart2_title').text(data['title'][1])
                $（'#echart4_title').text(data['title'][2])
                $（'#echart5_title').text(data['title'][3])
                $（'#echart6_title').text(data['title'][4])
    }
})
}    
        
    refreshTitle()
    var processCounter =window.setInterval('refreshTitle()',360000) //当时

  • dataType是要求为String类型的参数，预期服务器返回的数据类型,如果不指定，JQuery将自动根据http包mime信息返回responseXML或responseText，并作为回调函数参数传递。

    • xml：返回XML文档 ，目前基本不用了
    • HTML：返回纯文本HTML信息；包含的script标签会在插入DOM时执行，有些写网站还在有，比如豆瓣，他的ajax返回来的就是HTML的标签内容，就是核心的html标签，这些标签会自动插入到合适的位置。
    • script：返回纯文本JavaScript代码。不会自动缓存结果。除非设置了cache参数。注意在远程请求时(不在同一个域下)，所有post请求都将转为get请求。
    • json：返回JSON数据。
    • jsonp：JSONP格式。使用JSONP形式调用函数时，例如myurl?callback=?，JQuery将自动替换后一个“?”为正确的函数名，以执行回调函数。
    • text：返回纯文本字符串

    success：

    • Function类型的参数，请求成功后调用的回调函数，有两个参数

    • 由服务器返回，并根据dataType参数进行处理后的数据。

    function(data, textStatus){
//data可能是xmlDoc、jsonObj、html、text等等 this;  
//调用本次ajax请求时传递的options参数     
}

    同步提交：当用户发送请求时，当前页面不可以使用，服务器响应页面到客户端，响应完成，用户才可以使用页面。

    异步提交：当用户发送请求时，当前页面还可以继续使用，当异步请求的数据响应给页面，页面把数据显示出来 。

console.log(xhr.status);//状态码
 console.log(xhr.statusText);//状态字符串
console.log(xhr.getAllResponseHeaders());//所有响应头
console.log(xhr.response);//响应体
xhr.response: 返回响应的主体数据。根据设置的responseType属性，可以是字符串、JavaScript对象、XML文档、Blob对象等。
xhr.responseText: 返回响应的主体数据作为字符串。如果设置了responseType为其他类型，则该属性为空字符串。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>jQuery 发送 AJAX 请求</title>
    <link crossorigin="anonymous" href="https://cdn.bootcss.com/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <script crossorigin="anonymous" src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
</head>
<body>
    <div class="container">
        <h2 class="page-header">jQuery发送AJAX请求 </h2>
        <button class="btn btn-primary">GET</button>
        <button class="btn btn-danger">POST</button>
        <button class="btn btn-info">通用型方法ajax</button>
    </div>
    <script>
        $('button').eq(0).click(function(){
            $.get('http://127.0.0.1:8000/jquery-server', {a:100, b:200}, function(data){
                console.log(data);
            },'json');
        });

        $('button').eq(1).click(function(){
            $.post('http://127.0.0.1:8000/jquery-server', {a:100, b:200}, function(data){
                console.log(data);
            });
        });

        $('button').eq(2).click(function(){
            $.ajax({
                //url
                url: 'http://127.0.0.1:8000/jquery-server',
                //参数
                data: {a:100, b:200},
                //请求类型
                type: 'GET',
                //响应体结果
                dataType: 'json',
                //成功的回调
                success: function(data){
                    console.log(data);
                },
                //超时时间
                timeout: 2000,
                //失败的回调
                error: function(){
                    console.log('出错啦!!');
                },
                //头信息
                headers: {
                    c:300,
                    d:400
                }
            });
        });

    </script>
</body>
</html>

路由反转：

在Jinja2语法中，为了减少对url的使用，选择使用url_for()函数来进行反转得到路由函数。

CSS、js继承：

@app.route('/static')
def static_demo():
    return render_template("static.html")
静态文件：

static.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
    <-- 下面就是会用url_for() 函数导入相应的静态文件，比如css,js,html->
  <link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}"> 
  <script src="{{ url_for('static', filename='js/my.js') }}"></script>
</head>
<body>
<img src="{{ url_for('static', filename='images/ironman.jpg') }}" alt="">
</body>
</html>

在这里插入图片描述

url_for('static', filename='js/my.js')  # 相当于在static下的js/my.js 相当于路径的拼接

{% block head %}
  <link rel="stylesheet" href="{{ url_for('static',filename='front/css/sign.css') }}">
{% endblock %}
内部反转：
from flask import Flask,url_for
app = Flask(__name__)
@app.route('/article/<id>/')
def article(id):
    return '%s article detail' % id

@app.route('/')
def index(request):
    print(url_for("article",id=1)) # article 为路由函数 id=1 路由函数中的参数，如果还有多的参数，会当作查询字符串拼接
    return "首页"
蓝图反转：

当存在蓝图的时候，我们应该这样写：

​ 用url_for生成蓝图的url，使用的格式是：蓝图名称+.+视图函数名称。比如要获取admin这个蓝图下的index视图函数的url，应该采用以下方式：

url_for('admin.index')

总结：

​ 通过本文的介绍，我们深入了解了Jinja2模板引擎的核心语法和功能。从前后端参数传递到字典和数组的操作，再到流程控制过滤器、测试器和路由反转的应用，我们掌握了在开发中常用的关键技巧。同时，我们还学习了如何利用模板继承来提高代码的可维护性和可扩展性。

​ Jinja2语法的灵活性和强大功能为开发者提供了广阔的可能性，无论是构建简单的网页还是复杂的应用程序，都能从中受益匪浅。希望本文对您在使用Jinja2时有所启发，并在您的开发工作中发挥积极的作用。

​ 继续探索和实践Jinja2语法，您将不断发现它的魅力和实用性。祝愿您在使用Jinja2构建出令人惊艳的Web应用程序！

acmakb
关注
  • 20
    点赞
  • 踩
  • 16
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
Jinja2语法
一个滚烫且有趣的灵魂的博客
11-18 754
目录结构 project/ # 工程目录 manage.py # 启动控制文件 templates/ # 模板文件目录 模板渲染 在templates目录下创建一个模板文件index.html，在其中写入页面内容 在视图函数中渲染模板：render_template('index.html')...
Flask Jinja2模板引擎，headfirstjavapdf百度云
m0_63102494的博客
11-11 981
基本使用 创建一个视图函数渲染模板以及设置模板参数。 @app.route("/hello/") def hello(name): return render_template(“hello.html”, name=name) render_template函数第一个参数对应的是模板的文件名，后面的参数为向模板中传递的参数值。 Flask在程序文件夹中的templates子文件夹中根据模板文件名来寻找对应的模板。 所以需要在templates子文件夹下定义一个hello.html文件。 代码如下：
Jinja2 文档
01-19
Jinja2 is a modern and designer friendly templating language for Python, modelled after Django’s templates. It is fast, widely used and secure with the optional sandboxed template execution environment.
Jinja2
晴天的博客
05-17 2081
Jinja2
Jinja2使用
luobosibing_2的博客
04-27 464
Jinja2使用 Jinja：是 Python 实现的模板语言。 模板语言：是一种被设计出来自动生成文档的简单文本格式。在模板语言中，一般都会把一些变量传给模板，来替换模板中特定位置上的预先自定义好的占位变量名。向相同的模板文件(HTML+Python)传入不同的变量，达到生成格式相同但内容不同的网页文件，这个生成的过程被称之为渲染。 变量名 Jinja 中的变量名都会定义在 {{ variables }} 中，{undefined{}} 被称之为变量代码块。 ​ {{ user.username
模板引擎Jinja2
dodobibibi的博客
02-27 859
1. 什么是Jinja2模板引擎? 1). python的Web开发中，业务逻辑(实质就是视图函数的内容)和页面逻辑(html文件)分开的，使得代码的可读性增强，代码容易理解和维护； 2). 模板渲染: 在html文件中，通过动态赋值，将重新翻译好的html文件(模板引擎生效) 返回给用户的过程； 3). 其他的模板引擎: Mako, Template, Jinja2 2. 语法 1). Jinj...
Jinja2Cpp：Jinja2 C ++（和C ++）几乎完全符合的模板引擎实现
01-28
综上所述，Jinja2Cpp为C++开发带来了强大的模板引擎功能，让开发者能够在保持C++性能的同时，享受到类似Jinja2的模板语言的便捷性。通过利用Jinja2Cpp，项目可以实现更高效的代码组织和更清晰的业务逻辑分离，从而...
jinja2js:一个让你将 Jinja2 模板编译为 JavaScript 的项目
07-09
Jinja2JS 警告！ 这个项目是完全没有维护的。 贡献仍将被接受，但该项目不太可能在未来积极开发。 考虑改用 Mozilla 的 。 用法 python compile_to_js.py /path/to/jinja2/template 上面的命令将产生一个 ...
bottle-jinja-live:jinja2模板的小型验证器
04-30
jinja2模板的小型实时编辑器，灵感来自于 。 OP发布了一个带有flask应用程序的存储库，该应用程序可以做到这一点，我无法抗拒，并使用bottle.py构建了它。 用法： $ pip install bottle jinja2 $ python app.py ...
sublimetext3_jinja2_syntax:Sublime Text 3 的 Jinja2 语法高亮和自动补全
06-24
Jinja 2 语法高亮和 Sublime Text 3 的自动补全 ...安装包后，您可以选择HTML with Jinja2将文档的语法设置为HTML with Jinja2 设置后，您将看到突出显示的语法，并且您将拥有最常用控制结构和内置过滤器的自动完成选项
jinja_example:测试 Flask 框架和 Jinja 语法
06-19
**Flask 框架与 Jinja 语法详解** `Flask` 是一个轻量级的 Python Web 开发框架，它的简洁性和灵活性使得它成为个人项目和小型团队的理想选择。`Jinja` 是 Flask 推荐使用的模板引擎，用于生成动态 HTML 页面。本...
jinja2模版的使用
S483374558的博客
12-25 883
本章主要介绍在playbook中如何使用jinja2模板。什么是jinja2模板在jinja2模板文件中写if判断语句在jinja2模板文件中写for循环语句handlers的使用可以使用copy模块把本地的一个文件拷贝到远端机器，下面再次复习一下。本章实验都在/home/demo4下操作，先把demo4目录创建出来并把ansible.cfg和hosts拷贝进去,命令如下。练习1：用copy拷贝一个文件到db主机组。有一个文件aa.txt，内容如下。
jinja2ajax,在向Flask发出jQuery AJAX请求后渲染Jinja
weixin_42524308的博客
08-05 537
我有一个Web应用程序,当HTML中的select元素发生更改时,它会从Flask获取动态数据.当然这是通过jquery ajax完成的.没有probs在这里我得到了.问题是,Flask发送的动态数据是Flask-sqlalchemy数据库中的对象列表.当然,数据是从Flask发送的JSON.我想迭代这些对象以使用Jinja显示它们的信息.HTMLjQuery的$('body').on('chan...
jinja2ajax,jquery – AJAX和Jinja2
weixin_36006862的博客
08-05 512
您需要访问服务器端的请求对象以获取参数.我假设您正在使用Flask,但如果没有,基本思想在其他Web框架上应该是相同的.假设您有一个简单的小index.html,您可以使用Javascript来进行Ajax查询：$.get("{{ url_for('ajax') }}",{name: "John",time: "2pm"});请注意,如果您没有使用Jinja2来呈现脚本部分,请将url_for()...
ajax flask jinja,flask模板-jinja2语法的使用
weixin_36483050的博客
08-06 233
jinja2 渲染的语法语法描述{{ }}变量，后端定义的数据，直接使用或者使用他的方法{% %}具有指定的语法含义，会使用到变量，但是可以实现小的功能，比如：判读，循环变量代码样例：Titlehello world 这是个{{ name.upper() }},他{{ age }}岁hello world 这是个{{ name.replace("i","I") }},他{{ age }}岁he...
jinjia模板和ajax,jquery - AJAX and Jinja2 - Stack Overflow
weixin_42509796的博客
08-05 183
You need to access the request object on the server side to get the arguments. I'm assuming you're using Flask, but if not, the basic idea should be the same on other web frameworks as well. Let's say...
jinjia模板和ajax,使用AJAX在jinja2 Framework for Python中动态加载...
weixin_35825868的博客
08-05 698
我正在尝试在用户到达页面结束时动态加载新内容.我的网络应用程序使用gae-python.我用ajax& jquery在html中更新查询.HTML：{% block content %}{% for h in hots %}{{ h.imageid.get().render() | safe }}{% endfor %}{% include 'pager.html' %}{% endblo...
html支持jinja2,动态创建html div jinja2和ajax
weixin_39952190的博客
06-28 224
所以我有一个scroll函数，当它到达页面底部时发送一个ajax请求，ajax函数用JSON检索一些数据，我想把这些数据填充到一个div中，有没有可能使用jinja2来完成这个任务？现在我只是在玩，用js创建一个div(不是我想要的那个)。在$(document).ready(function() {var start = $(".boxybox").length;var stop = start...
ajax代替form,有没有办法使用jinja2和flask form来代替ajax和jquery，或者两者都使用？...
weixin_31444279的博客
08-05 251
我想知道有没有更好的方法来做这件事。在现在我已经完成了jquery解析，选择了每一行的活动div，并通过ajax发送flask路由。我想知道是否有一种方法可以通过jinja2使用表单完成同样的事情。在这是一个有效的例子。“slick active”div取决于用户滑过来选择什么。在{% for item in row1 %}{{ item }}{% endfor %}{% for item in ...
import jinja2 ModuleNotFoundError: No module named 'jinja2'
最新发布
03-11
import jinja2是Python中用于模板引擎的一个库。它提供了一种简单而灵活的方式来生成动态内容，例如HTML页面、电子邮件和其他文本文件。然而，当你在运行import jinja2时，出现了ModuleNotFoundError: No module named 'jinja2'的错误，这意味着你的Python环境中没有安装jinja2库。 要解决这个问题，你可以通过以下步骤安装jinja2库： 1. 打开终端或命令提示符。 2. 运行以下命令来安装jinja2库： ``` pip install jinja2 ``` 如果你使用的是Python 3，则可能需要使用pip3命令： ``` pip3 install jinja2 ``` 安装完成后，你就可以成功导入jinja2库并使用它了。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

acmakb

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值