Flask 账号详情展示

Flask 账号详情展示

这段代码是一个基于Flask框架的Python应用程序。

它包含了两部分代码:Python代码和HTML代码。

web/templates/common/tab_account.html

 

{{ info.nickname }}

手机:{{ info.mobile }}

邮箱:{{ info.mobile }}

访问时间 访问Url
暂无数据
{% endblock %}

 HTML代码部分:

  1. {% extends "common/layout_main.html" %}:继承common/layout_main.html模板。
  2. :创建一个链接,指向/account/index路径。
     
  3. :创建一个带有上边距的行。
  4. :创建一个行。
  5. :创建一个带有边框的行。
     
  6. :创建一个占据12列的列。
    :创建一个占据2列的列,并居中对齐。
     
  7. :创建一个带有底边距的块。
  8. :创建一个带有编辑图标的按钮,链接到/account/set路径。

     
  9. >:创建一个圆形边框的图片。
     
  10. :创建一个空面板。
  11. :创建一个面板标题。
  12. :创建一个面板选项。
  13. :创建一个面板主体。
    组件 · Bootstrap v3 中文文档 | Bootstrap 中文网   面板

     
  14. JavaScript 插件 · Bootstrap v3 中文文档 | Bootstrap 中文网JavaScript 插件 ·




    JavaScript 插件 · Bootstrap v3 中文文档 | Bootstrap 中文网     Togglable tabs

问题: 如何设置一个选项卡?

展示了一个带有选项卡的导航栏:这段代码使用了Bootstrap的navnav-tabs类来创建一个导航栏,并使用active类来指定默认选项卡。选项卡的内容可以在标签内添加。
 

问题:aria-expanded="false"是什么?

访问时间 访问Url
暂无数据

tab作用是创建一个选项卡(tab)布局,用于在多个内容之间进行切换。在给定的代码中,tab作用是创建一个包含表格的选项卡布局,其中包含两个选项卡(tab-pane),一个是活动状态(active),另一个是非活动状态。用户可以通过点击选项卡来切换显示的内容

aria-expanded="false"是一个HTML属性,用于指示元素的展开状态。

aria-expanded的值为"false"时,表示元素是收起状态;

aria-expanded的值为"true"时,表示元素是展开状态。

在给定的HTML代码中,aria-expanded=“false"用于指示访问记录选项卡的展开状态。

当访问记录选项卡未展开时,aria-expanded的值为"false”。

当用户点击选项卡时,aria-expanded的值可能会更改为"true",以指示选项卡已展开。


  1. :创建一个带边框的表格。
     
  2. :表格头部。 表格头部结束 
  3. :表格行。
     
  4. :表格头部单元格,显示访问时间。
  5. :表格头部单元格,显示访问URL。
     
  6. :表格主体。:表格主体结束。
  7. :表格行,显示暂无数据。

    web/controllers/account/Account.py

    
    @route_account.route( "/info" )
    def info():
        resp_data = {}
        req = request.args
        uid = int( req.get('id',0 ))
        reback_url = UrlManager.buildUrl("/account/index")
        if uid < 1:
            return redirect( reback_url )
    
        info = User.query.filter_by( uid = uid ).first()
        if not info:
            return redirect( reback_url )
    
        access_list = AppAccessLog.query.filter_by( uid = uid).order_by(AppAccessLog.id.desc() ).limit(10).all()
        resp_data['info'] = info
        resp_data['access_list'] = access_list
        return ops_render( "account/info.html",resp_data )

    Python代码部分:

    1. @route_account.route( "/info" ):这是一个路由装饰器,用于指定URL路径为/info的请求将会调用下面的函数。
    2. def info()::这是一个Python函数,用于处理/info路径的请求。
    3. resp_data = {}:创建一个空字典,用于存储响应数据。
    4. req = request.args:获取请求参数。
    5. uid = int( req.get('id',0 )):从请求参数中获取id参数,并将其转换为整数类型。
    6. reback_url = UrlManager.buildUrl("/account/index"):构建一个返回链接的URL。
    7. if uid < 1::如果uid小于1,则重定向到返回链接。
    8. info = User.query.filter_by( uid = uid ).first():根据uid查询数据库中的用户信息。
    9. if not info::如果没有查询到用户信息,则重定向到返回链接。
    10. access_list = AppAccessLog.query.filter_by( uid = uid).order_by(AppAccessLog.id.desc() ).limit(10).all():根据uid查询数据库中的最近10条访问记录。
    11. resp_data['info'] = info:将用户信息存储到响应数据字典中。
    12. resp_data['access_list'] = access_list:将访问记录存储到响应数据字典中。
    13. return ops_render( "account/info.html",resp_data ):渲染account/info.html模板,并将响应数据传递给模板。

    你可能感兴趣的:(flask,前端,python)

    访问时间 访问Url
    暂无数据