效果展示

登录

登录界面

一级管理员主界面

一级管理员界面Index1.html

出库入库界面

需求分析

汽车配件仓储信息管理网站设计的使用和相关者有：
1.一级管理员：一级管理员对配件信息，供应商信息，需求商信息，二级管理员信息的增、删、改、查以及对操作日志的查看。
2.二级管理员：二级管理员能够对配件信息进行查询所搜，主要进行入库、出库操作。同时，可以对需求商的信息进行查询，得到是否有需求商正等待发货而进行出库，也可以添加新的需求商用户。
汽车配件仓储信息管理网站设计应该满足如下功能需求：
1.管理员登陆：能让管理员方便的使用密码登陆系统，从而进行一系列的操作。
2.一级管理员可以对配件信息进行增、删、改、查，并且由该配件信息获取其生产单位的相关信息。
3.一级管理员对供应商的信息管理。
4.一级管理员对二级管理员的信息管理。
5.一级管理员对需求商的信息管理。
6.一级管理员对日志的查看。
7.二级管理员进行出库、入库操作。
8.二级管理员添加新的需求商。

详细设计

添加好引用，配置好web.config

登录界面

这里是借用网上的资源，然后两个效果进行了组合，然后自己又根据需要修改了些样式。

登录界面

然后现在通过ajax为其添加验证代码。
核心代码：

  $.ajax({
                        url: "LoginHandler.ashx",
                        type: "POST",
                        data: { name: name, password: password },
                        success: function (data) {
                            if (data != '') {
                                var serverData = data.split(':');
                                //根据后台传递过来的数据选择进入不同的界面
                                if (serverData[0] == "ok1") {
                                    window.location.href = "Index1.aspx";
                                } else {
                                    window.location.href = "Index1.aspx";
                                }

                            } else {
                                location.reload();
                            }
                        }

                    });

通过返回ok1和ok2在前端js中处理判断进入不同的界面

 if (ds.Tables[0].Rows.Count > 0)
            {
                //根据判断选择进入哪个主页,无论进来的管理员或者是普通用户都记录下操作者的ID，方便记录日志
                if (ds.Tables[0].Rows[0]["Type"].ToString() == "1")
                {
                    context.Session["UserName"] = ds.Tables[0].Rows[0]["UserName"].ToString();
                    context.Response.Write("ok1:登录成功");
                }
                else
                {
                    context.Session["UserName"] = ds.Tables[0].Rows[0]["UserName"].ToString();
                    context.Response.Write("ok2:登录成功");
                }
            }
            //验证失败弹出提示框
            else
            {
                context.Response.Write("用户名或密码错误，请重新登录");
            }

登录界面