zoukankan      html  css  js  c++  java
  • xx系统需求分析第八稿--用户密码重置,修改,个人信息查看界面(四)

    密码重置,修改:

    <!DOCTYPE html>
    <html>
    <head>
        <meta charset="UTF-8">
        <meta name="renderer" content="webkit">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
        <title>网站后台管理模版</title>
        <link rel="stylesheet" type="text/css" href="../../static/admin/layui/css/layui.css"/>
        <link rel="stylesheet" type="text/css" href="../../static/admin/css/admin.css"/>
        <script src="https://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
    </head>
    <body>
    <div class="main-layout" id='main-layout'>
        <!--侧边栏-->
        <div class="main-layout-side" id="caidan">
    
        </div>
        <!--右侧内容-->
        <div class="main-layout-container" >
            <!--头部-->
            <div class="main-layout-header" id="xlf-head">
    
            </div>
    
            <!--主体内容-->
            <div class="main-layout-body">
                <!--tab 切换-->
                <div class="layui-tab layui-tab-brief main-layout-tab" lay-filter="tab" lay-allowClose="true">
                    <ul class="layui-tab-title">
                        <li class="layui-this welcome">后台主页</li>
                    </ul>
                    <div class="layui-tab-content">
                        <div class="layui-tab-item layui-show" style="background: #f5f5f5;">
                            <!--1-->
                            <iframe src="welcome.html" width="100%" height="100%" name="iframe" scrolling="auto" class="iframe" framborder="0"></iframe>
                            <!--1end-->
                        </div>
                    </div>
                </div>
            </div>
        </div>
    
        <!--遮罩-->
        <div class="main-mask">
    
        </div>
    </div>
    <script type="text/javascript">
    
        function updatepsw() {
    
            var username = localStorage.getItem("username");
            var  psw = window.prompt("输入要修改的密码", "");
            if(psw==null)
                alert("已取消!!");
            else
            {
                $.ajax({
                    url: "../../updatepsw",
                    type: "POST",
                    data: {"username": username,"password":psw},
                    dataType: "text",
                    async: false,
                    success: function (data) {
                        if(data=="yes")
                        {
                            alert("修改成功!!!");
                        }
                    },
                    error:function(XMLHttpRequest, textStatus, errorThrown){
                        alert("error");
                        // 状态码
                        console.log(XMLHttpRequest.status);
                        alert(XMLHttpRequest.status);
                        // 状态
                        console.log(XMLHttpRequest.readyState);
                        // 错误信息
                        console.log(textStatus);
                        if(XMLHttpRequest.readyState==0){
                            // 对应登录超时问题,直接跳到登录页面
                            location.href='../Login.action';
                        }else{
                            $.messager.alert('提示','系统内部错误,请联系管理员处理!','info');
                        }
                    }
                });
            }
        }
    
        function reset() {
    
            var username = localStorage.getItem("username");
            var psw="123";
            $.ajax({
                url: "../../updatepsw",
                type: "POST",
                data: {"username": username,"password":psw},
                dataType: "text",
                async: false,
                success: function (data) {
                    if(data=="yes")
                    {
                        alert("重置密码为:123");
                    }
                },
                error:function(XMLHttpRequest, textStatus, errorThrown){
                    alert("error");
                    // 状态码
                    console.log(XMLHttpRequest.status);
                    alert(XMLHttpRequest.status);
                    // 状态
                    console.log(XMLHttpRequest.readyState);
                    // 错误信息
                    console.log(textStatus);
                    if(XMLHttpRequest.readyState==0){
                        // 对应登录超时问题,直接跳到登录页面
                        location.href='../Login.action';
                    }else{
                        $.messager.alert('提示','系统内部错误,请联系管理员处理!','info');
                    }
                }
            });
    
        }
    
    
        var list=[];
        $(function () {
            var username=localStorage.getItem("username");
            if (username=="admin")
            {
                var text="<div class='m-logo'>" +
                    "</div>"+
                    "<ul class='layui-nav layui-nav-tree' lay-filter='leftNav'>" +
                    "            <li class='layui-nav-item'>" +
                    "                <a href='javascript:;'><i class='iconfont'>&#xe607;</i>用户管理</a>" +
                    "                <dl class='layui-nav-child'>" +
                    "                    <dd><a href='javascript:;' data-url='usermanger.html' data-id='1' data-text='用户管理'><span class='l-line'></span>用户管理</a></dd>" +
                    "                    <dd><a href='javascript:;' data-url='rolemanger.html' data-id='2' data-text='角色管理'><span class='l-line'></span>角色管理</a></dd>" +
                    "                    <dd><a href='javascript:;' data-url='permanger.html' data-id='3' data-text='权限管理'><span class='l-line'></span>权限管理</a></dd>" +
                    "                </dl>" +
                    "            </li>";
            }
            else
            {
                var text="<div class='m-logo'>" +
                    "</div>"+
                    "<ul class='layui-nav layui-nav-tree' lay-filter='leftNav'>";
            }
            $.ajax({
                url: "../../getuser",
                type: "POST",
                data: {"username": username},
                dataType: "JSON",
                async: false,
                success: function (data) {
                    var uid=data.id;
                    $.ajax({
                        url: "../../getrole",
                        type: "POST",
                        data: {"uid": uid},
                        dataType: "JSON",
                        async: false,
                        success: function (data) {
                            var role=data.role;
                            $.ajax({
                                url: "../../getPermission",
                                type: "POST",
                                data: {"role": role},
                                dataType: "JSON",
                                async: false,
                                success: function (data) {
                                    //var name=["null","网络审核","密码重置","统计查询","需求征集","需求管理","个人信息","密码修改"];
                                    for(var i=0;i<data.length;i++)
                                    {
                                        list[i]=data[i].pid;
                                    }
                                },
                                error: function (e) {
                                    alert("出现错误!!");
                                }
                            });
                        },
                        error: function (e) {
                            alert("出现错误!!");
                        }
                    });
                },
                error:function(XMLHttpRequest, textStatus, errorThrown){
                    alert("error");
                    // 状态码
                    console.log(XMLHttpRequest.status);
                    alert(XMLHttpRequest.status);
                    // 状态
                    console.log(XMLHttpRequest.readyState);
                    // 错误信息
                    console.log(textStatus);
                    if(XMLHttpRequest.readyState==0){
                        // 对应登录超时问题,直接跳到登录页面
                        location.href='../Login.action';
                    }else{
                        $.messager.alert('提示','系统内部错误,请联系管理员处理!','info');
                    }
                }
            });
            //alert(list);
            for(i=0;i<list.length;i++)
            {
                if(list[i]==1)
                {
                    text += "            <li class='layui-nav-item'>" +
                        "                <a href='javascript:;' data-url='checkdoc.html' data-id='1' data-text='形式审核'><i class='iconfont'>&#xe604;</i> 形式审核 </a>" +
                        "            </li>";
                }
                else if(list[i]==2)
                {
                    text += "            <li class='layui-nav-item'>" +
                        "                <a onclick='reset()' href='javascript:;' data-url='' data-id='2' data-text='密码重置'><i class='iconfont'>&#xe604;</i>密码重置</a>" +
                        "            </li>";
                }
                else if(list[i]==3)
                {
                    text += "            <li class='layui-nav-item'>" +
                        "                <a href='javascript:;' data-url='' data-id='3' data-text='统计查询'><i class='iconfont'>&#xe604;</i>统计查询 </a>" +
                        "            </li>";
                }
                else if(list[i]==4)
                {
                    text += "            <li class='layui-nav-item'>" +
                        "                <a href='javascript:;' data-url='../../docsurvey.html' data-id='4' data-text='需求征集'><i class='iconfont'>&#xe604;</i>需求征集 </a>" +
                        "            </li>";
                }
                else if(list[i]==5)
                {
                    text += "            <li class='layui-nav-item'>" +
                        "                <a href='javascript:;' data-url='../user/docmanger.html' data-id='5' data-text='需求管理'><i class='iconfont'>&#xe604;</i>需求管理 </a>" +
                        "            </li>";
                }
                else if(list[i]==6)
                {
                    text += "            <li class='layui-nav-item'>" +
                        "                <a href='javascript:;' data-url='../user/lookself.html' data-id='6' data-text='个人信息'><i class='iconfont'>&#xe604;</i>个人信息</a>" +
                        "            </li>";
                }
                else if(list[i]==7)
                {
                    text += "            <li class='layui-nav-item'>" +
                        "                <a onclick='updatepsw()' href='javascript:;' data-url='' data-id='7' data-text='密码修改'><i class='iconfont'>&#xe604;</i>密码修改</a>" +
                        "            </li>";
                }
                else if(list[i]==8)
                {
                    text += "            <li class='layui-nav-item'>" +
                        "                <a href='javascript:;' data-url='../bumen/bmcheck.html' data-id='8' data-text='部门审核'><i class='iconfont'>&#xe604;</i>部门审核</a>" +
                        "            </li>";
                }
            }
            text+="        </ul>";
            $("#caidan").html(text);
    
            var text2="<div class='menu-btn' id='hideBtn'>" +
                "                <a href='javascript:;'>" +
                "                    <span class='iconfont'>&#xe60e;</span>" +
                "                </a>" +
                "            </div>" +
                "            <ul class='layui-nav' lay-filter='rightNav'>" +
                "                <li class='layui-nav-item'><a href='javascript:;' data-url='#' data-id='4' data-text='邮件系统'><i class='iconfont'>&#xe603;</i></a></li>" +
                "                <li class='layui-nav-item'>" +
                "                    <a href='javascript:;' data-url='#' data-id='5' data-text='个人信息'>"+localStorage.getItem("username")+"</a>" +
                "                </li>" +
                "                <li class='layui-nav-item'><a href='../../login.html'>退出</a></li>" +
                "            </ul>";
            $("#xlf-head").html(text2);
    
    
        })
    </script>
    <script src="../../static/admin/layui/layui.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../static/admin/js/common.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../static/admin/js/main.js" type="text/javascript" charset="utf-8"></script>
    
    </body>
    </html>

    个人信息页面查看:

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>查看自己信息</title>
        <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
        <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
        <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
    </head>
    <body>
    <div id="myself">
    
    </div>
    <script>
    
        $(function () {
    
            var username = localStorage.getItem("username");
            $.ajax({
                url: "../../getuser",
                type: "POST",
                data: {"username": username},
                dataType: "JSON",
                async: true,
                success: function (data) {
                    var text="<table class='table table-striped'>" +
                        "<thead>" +
                        "            <tr>" +
                        "            <th>用户名</th>" +
                        "            <th>密码</th>" +
                        "            <th>身份证号</th>" +
                        "            <th>邮政编码</th>" +
                        "            <th>所属部门</th>" +
                        "            </tr>" +
                        "            </thead><tbody>";
                        text+="<tr>" +
                            "                <td>"+data.username+"</td>" +
                            "                <td>"+data.password+"</td>" +
                            "                <td>"+data.sfzh+"</td>" +
                            "                <td>"+data.yzbm+"</td>" +
                            "                <td>"+data.bumen+"</td>" +
                            "      </tr>";
                    text+="</tbody></table>";
                    $("#myself").html(text);
                },
                error: function (e) {
                    alert("出现错误!!");
                }
            });
    
    
        })
    
    
    </script>
    </body>
    </html>

    明天实现:

    形式审核与部门审核

  • 相关阅读:
    使用TCMalloc优化OpenResty
    CentOS下强行umount卸载设备
    几种提高jQuery性能的代码
    知乎首页延时交互的小思路
    OpenResty+lua+GraphicsMagick生成缩略图
    __builtin__与__builtins__的区别与关系
    python语法学习之函数、类、模块
    os.popen与os.system区别
    getattr()函数详解
    python异常处理
  • 原文地址:https://www.cnblogs.com/xiaofengzai/p/13876062.html
Copyright © 2011-2022 走看看