【BootStrap】--登录加载模态框提示

前言

         有心的朋友不难发现,不少BS系统,用户登录之后,会立马弹出一个弹出框,写着用户的操作情况,对用户有很好的提示作用,提高了用户体验度。在新生入学系统V4.0中,也有类似的功能。新生马上登陆新生入学系统后,会立马弹出一个模态框,显示该生有多少信息还没有录入,缴费情况等等。那么该弹出框如何实现的呢?下面让我来揭晓。


效果图

【BootStrap】--登录加载模态框提示_第1张图片


模态框代码实现




    Bootstrap 实例 - 模态框(Modal)插件
    
    
    



    

创建模态框(Modal)

@*页面加载,显示模态框*@

需要完善

         现在模态框立马的流程数据(例如 学生信息  公约一览)还是死的,下一步要做的就是在数据库中存入相应的流程信息,并给定判断流程完成的条件。假设数据库中,流程状态为Status,完成为true,默认为false。则如果完成,则修改Status为true。显示完成和未完成,需要遍历数据库的两种Status情况的数据,显示即可。


总结

        全心全意为人民服务是我们的宗旨。所有复杂的技术都是一步一步简单的技术点组建起来的。有的时候不是难,而是缺乏一步一步分析的耐心和一步一步坚持做下去的坚定。




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