基于WebForm+EasyUI的工程管理系统形成之旅 -- 登录窗口_.NET_编程开发_程序员俱乐部

上篇《基于WebForm+EasyUI的工程管理系统形成之旅 -- 登录设置》，主要是介绍系统浏览器及压缩图片工具在线下载安装，这些前期准备是非常重要的.

最近忙于将工程管理系统中各个模块，用业务流程方式串接起来，可能更新博客不是那么快，希望大家多多体谅。 

1、登录界面

登录界面，如下图所示：

界面代码

 1 var h = '<table id="loginForm" cellpadding=2 style="width:100%">';
 2     h += '<tr><td rowspan="4" align="center"><img src="/Images/bgT.png" alt="" style="overflow: hidden;"/></td>';
 3     h += '<td style="text-align: right;">用 户 名：</td><td><input id="txtLoginName" type="text" class="easyui-validatebox easyui-textbox" maxlength="20" style="width: 150px;" /></td></tr>';
 4     h += '<tr><td style="text-align: right;">密 码：</td><td><input id="txtPassword" type="password" class="easyui-validatebox easyui-textbox" maxlength="20" style="width: 150px;" /></td></tr>';
 5     h += '<tr><td style="text-align: right;">登录时效：</td><td><select id="expires" class="easyui-combobox" style="width: 155px;">';
 6     h += '<option value="">不保存</option><option value="1" selected="selected">一天</option>';
 7     h += '<option value="7">一周</option>';
 8     h += '<option value="15">半个月</option>';
 9     h += '<option value="30">一个月</option>';
10     h += '</select></td></tr>';
11     h += '<tr><td style="text-align: right;">验 证 码：</td><td><input id="txtVerifyCode" type="text" class="easyui-validatebox easyui-textbox" maxlength="4" style="width: 150px;" />';
12     h += '&nbsp;<img src="/Handler/VerifyCode.ashx" id="Verify_codeImag" width="70" height="22" alt="点击切换验证码" title="点击切换验证码" style="margin-top: 0px; vertical-align: top; cursor: pointer; "';
13     h += "onclick =\"ToggleCode(this.id, '/Handler/VerifyCode.ashx');return false;\"";
14     h += '</td></tr></table>';
15 function ShowLoginWindow() {
16     $('#w').hWindow({
17         html: '<div class="login_top">' + h + '</div>',
18         width: 485,
19         height: 310,
20         title: '&nbsp;登录窗口',
21         submit: function () {
22             Login();
23         }
24     });