Flask+ZUI 开发小型工具网站 3.1 ——ZUI漂浮消息

最新推荐文章于 2021-02-13 17:29:54 发布

lanlan_bupt

最新推荐文章于 2021-02-13 17:29:54 发布

阅读量438

点赞数

分类专栏： Flask+ZUI 小型工具网站文章标签： ZUI 漂浮消息

本文链接：https://blog.csdn.net/qq_36591505/article/details/102623806

版权

本文介绍了如何在Flask应用中结合ZUI库实现漂浮消息功能。通过展示效果和代码，解释了如何在不开启服务器的情况下，利用ZUI的Messager控件创建一个600ms后自动消失的漂浮消息提示。

摘要由CSDN通过智能技术生成

发现ZUI有一个漂浮消息的控件，直接替换掉登录界面的alert用：

官网网址在这里：http://zui.sexy/#javascript/messager

效果

我没开服务器，所以在中间弹窗出链接失败，600ms后消失

代码

function login(){
        var name = $("#username").val();
        var password= $("#password").val();
        $.ajax({
            data:{"username":name,"password":password},
            url:" http://localhost:5000/login",
            async:false,
            dataType:'json',
            crossDomain: true,
            success:function(data){
                if (data.code==0){
                     new $.zui.Messager('登录成功', {
                        type: 's