亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

【九月打卡】第12天+管理員后臺賬號模塊開發

標簽:
Flask

https://coding.imooc.com/learn/list/265.html



课程名称:Python Flask构建微信小程序订餐系统



课程章节:第七章 管理员后台账号模块开发——7-5 编辑和修改登录人信息



主讲老师:编程浪子






7-5 编辑和修改登录人信息

    1.获取当前登录用户

    from flask import g

    当前用户对象存储在——g.current_user

    https://img1.sycdn.imooc.com//632418e60001709908810454.jpg

     

    1.HTML页面通过current_user显示当前用户信息

    https://img1.sycdn.imooc.com//632418f50001944814130908.jpg

     

    运行展示:

    https://img1.sycdn.imooc.com//632418fc0001d74a19200925.jpg

     

     

     

    2.edit.html页面展示用户信息

    https://img1.sycdn.imooc.com//6324190c0001672814160910.jpg

     

     

    3.edit.js渲染修改个人信息

    https://img1.sycdn.imooc.com//6324191c00011fb711710837.jpg

    https://img1.sycdn.imooc.com//632419280001fbb811710741.jpg

    https://img1.sycdn.imooc.com//632419340001df3111700273.jpg

    

    

     

    edit.html结尾引用edit.js文件:

    https://img1.sycdn.imooc.com//6324193e0001615011730734.jpg

     

    运行展示:

    用户名不符合要求:

    https://img1.sycdn.imooc.com//6324194900010ede15580778.jpg

     

    邮箱不符合要求:

    https://img1.sycdn.imooc.com//6324195200018ace13760785.jpg

     

     

     

     

    4.后台修改账户信息代码

                        

(, =[, ])
edit():
    request.method == :
        ops_render(, {: })

    resp = {
        : ,
        : ,
        : {}
    }

    req = request.values
    nickname = req[] req email = req[] req nickname (nickname) <= :
        resp[] = -resp[] = jsonify(resp)

    email (email) <= :
        resp[] = -resp[] = jsonify(resp)

    user_info = g.current_user
    user_info.nickname = nickname
    user_info.email = email

    db.session.add(user_info)
    db.session.commit()

    jsonify(resp)

    https://img1.sycdn.imooc.com//6324195e000180dd11800748.jpg

    https://img1.sycdn.imooc.com//632419710001d49719201030.jpg

    

     

     

     

    正确修改(页面重新加载显示修改后的数据):

    https://img1.sycdn.imooc.com//6324197c0001e35e19201030.jpg

     

    

     

     

     

     

     

     

    2.修改密码

    1.reset_pwd.js修改密码样式文件

    https://img1.sycdn.imooc.com//6324198500014cec11710837.jpg

    https://img1.sycdn.imooc.com//6324199b0001fb2011710715.jpg

    https://img1.sycdn.imooc.com//632419a60001bcf211730558.jpg

    

    

     

    reset_pwd.js样式运行结果:

    https://img1.sycdn.imooc.com//632419b400011fd519201030.jpg

    https://img1.sycdn.imooc.com//632419be00013d4919201030.jpg

     

    

     

     

     

    2.reset_pwd.html中引入reset_pwd.js样式

    https://img1.sycdn.imooc.com//632419c90001012211760722.jpg

     

     

     

    3.后台修改密码代码

    https://img1.sycdn.imooc.com//632419d30001310611800752.jpg

    https://img1.sycdn.imooc.com//632419de0001ec8511810737.jpg

    

     

     

     

    4.顶部样式封装

    

    封装样式

    

    
        
            
                {% == %}{% %}
                    {{ () }}信息编辑
                
                {% == %}{% %}
                    {{ () }}修改密码

     

    edit.html和reset_pwd.html中引入封装的tab_user.html样式

 

{% %}
{% %}
{% %}

    
        账号信息编辑
        
            
                手机:
                
                    {{ .}}
                
            
            

            
                姓名:
                
                    {{ .}}
                
            
            

            
                邮箱:
                
                    {{ .}}
                
            
            
            
                
                    保存
                
            
        
    


{% %}
{% %}
    {{ () }}
{% %}

 


點擊查看更多內容
TA 點贊

若覺得本文不錯,就分享一下吧!

評論

作者其他優質文章

正在加載中
  • 推薦
  • 評論
  • 收藏
  • 共同學習,寫下你的評論
感謝您的支持,我會繼續努力的~
掃碼打賞,你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃,即可進行掃碼打賞哦
今天注冊有機會得

100積分直接送

付費專欄免費學

大額優惠券免費領

立即參與 放棄機會
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號

舉報

0/150
提交
取消