html网页设计：一个简单的登录界面代码！
《!doctype html》
《html》
《head》
《meta charset=“utf-8“》
《link href=“main.css“ type=“text/css“ rel=“stylesheet“》
《title》登陆界面《/title》
《/head》
《body》
《div class=“login_ico“》
《img src=“images/login_ico.png“》
《/div》
《div class=“login_putin“》
《ul》
《li》《input type=“text“ 》《/li》
《li》《input type=“password“ 》《/li》
《/ul》
《/div》
《div class=“login_btn“》
《input type=“submit“ value=“登陆“》
《/div》
《/body》
《/html》
样式 ：
*{
margin:0;
padding:0;}
li{
list-style-type:none;
margin:0;
padding:0;}
a{
text-decoration:none;
color:#000;}
/*---------------------按钮-----------------------------*/
.login_putin ul li input{
margin: 0;
width:70%;
padding: 1em 2em 1em 5.4em;
-webkit-border-radius:.3em;
-moz-border-radius: .3em;
border: 1px solid #999;
}
.login_btn{
width:300px;
margin:40px auto 0 auto;
}
.login_btn input{
width:100%;
margin:0;
padding:.5em 0;
-webkit-border-radius:.3em;
-moz-border-radius: .3em;
border:#1263be solid 1px;
background:#1b85fd;
color:#FFF;
font-size:17px;
font-weight:bolder;
letter-spacing:1em;
}
.login_btn input:hover{
background:#1263be;
}
easyui中 直接显示带框架的首页没问题,但是从登录中跳转到首页,首页的easyui样式不加载,这是怎么回事
《link href=“jquery-easyui-1.3.2/themes/default/easyui.css“ rel=“stylesheet“ type=“text/css“ /》
2 《!--easyui最全的样式包也可单独引用你想使用的样式包--》
3 《link href=“jquery-easyui-1.3.2/themes/icon.css“ rel=“stylesheet“ type=“text/css“ /》
4 《!--easyui自带图片样式包，也可自行添加--》
5 《script src=“jquery-easyui-1.3.2/jquery-1.8.0.min.js“ type=“text/javascript“》《/script》
6 《!--我使用的是easyui 1.3.2，基于jquery-1.8.0--》
7 《script src=“jquery-easyui-1.3.2/jquery.easyui.min.js“ type=“text/javascript“》《/script》
8 《!--easyui的js包--》
9 《script src=“jquery-easyui-1.3.2/locale/easyui-lang-zh_CN.js“ type=“text/javascript“》《/script》
10 《!--easyui的中文语言包，默认是英文--》
11 《script type=“text/javascript“》
12 $（function （） {
13 //初始化
14 initTable（）;
15 }）;
16
17 //个人习惯方法化书写
18 function initTable（） {
19 $（“#dd“）.dialog（{
20 closable: false, //右上角的关闭按钮，因为dialog框架关联的是window框架，window框架关联的是panel框架，所以该API是在panel框架中找到的
21 title: “登陆界面“, //dialog左上角的名称
22 modal: true, //模式化
23 width: 300,
24 height: 200,
25 buttons: [//dialog右下角的按钮，以Json数组形式添加
26 {
27 text: “登录“, //按钮名称
28 iconCls: “icon-save“, //按钮左侧显示的图片
29 handler: function （） {//按钮点击之后出发的方法
30 //JQuery的ajax异步后台提交
31 loginFunc（）;
32 }
33 }, {
34 text: “注册“,
35 handler: function （） {
36 //注册明天再写，将用easyui自带的form提交方式，以及自带的ValidateBox验证方式
37 }
38 }]
39 }）;
40 }
41
42 //用户登录
43 function loginFunc（） {
44 //这里我写的是最简略的JQuery异步方法，如想深入了解，请参看JQuery参考手册
45 //要想后台传递的参数
46 var res = $（“#loginForm“）.serialize（）; //将form表单的内容序列化,这里也可以使用原始的取值方法
47 //mvc以及webform中可以直接传递到后台
48 $.post（“/Login.ashx“, res, function （data） {
49 if （data == “ok“） {//后台传递过来 ok 表示登陆成功
50 $（“#dd“）.dialog（“close“）; //关闭该dialog
51 $.messager.show（{//浏览器右下角弹框，我列出了几个属性，具体请看API
52 title: ’提示’,
53 msg: ’恭喜您，登陆成功！’,
54 timeout: 5000,//弹框保留时间
55 showType: ’slide’//展示样式
56 }）;
57 } else {
58 $.message.alert（’提示’, “登陆失败“, “error“）; //这里使用easyui的message框架，弹出提示信息
59 //这里有三个参数 第一个是Title 第二个是显示信息 第三个是现实图标样式 有error，warning等，具体请看API或者demo
60 }
61 }）;
62 }
63 《/script》
64 《/head》
65 《body》
66 《div id=“dd“》
67 《form id=“loginForm“ method=“POST“》
68 《table》
69 《tr》
70 《th》
71 用户名
72 《/th》
73 《td》
74 《input name=“username“ type=“text“ /》
75 《/td》
76 《/tr》
77 《tr》
78 《th》
79 密码
80 《/th》
81 《td》
82 《input name=“password“ type=“password“ /》
83 《/td》
84 《/tr》
85 《/table》
86 《/form》
87 《/div》
88 《/body》
89 《/html》
ASP.net用三层架构实现简单的用户登录代码
以一个验证登陆为例子
这里是界面层一般叫UIL
protected void Button1_Click（object sender, EventArgs e）
{
List《User》 Users = BLL.GetUserInfo（txtUserName.Text,txtPassword.Text）;
if（Users.Length 》 0）
{
Response.Write（“登陆成功“）;
}
else
{
Response.Write（“登陆失败“）;
}
}
以下是逻辑层代码,业务逻辑层一般叫BLL
public static List《User》 GetUserInfo（string user,string password）
{
string newPassword = GetMD5Hash（password）; //这里对密码进行加密处理,数据库中存放的是经过MD5加密后的密,业务逻辑层一般都是处理复杂的逻辑.例如加密逻辑
List《User》 Users = DAL.GetUserInfo（user,newPassword）;
return Users;
}
以下是数据访问层代码,数据访问层一般叫DAL
public static List《User》 GetUserInfo（string user,string password）
{
List《User》 Users = new List《User》（）;
string sql = “select * from User where Password = ’“+password+“’ and User = ’“+user+“’“; //写where子句的时候把Password放前面.因为Password经过加密,所以可以防止SQL注入攻击
SqlDataAdapter da = new SqlDataAdapter（sql,“这里是数据库连接字符串“）;
DataSet ds = new DataSet（）;
da.Fill（ds）;
for（int i=0;i《ds.Tables.Rows.Count;i++）
{
User user = new User（ds.Tables.ToString（））;
Users.Add（user）;
}
return Users;
}
还会有一个Model层.叫做模板层.是数据表结构的印射.Model层是共用层,其他三层都要用到.
比如数据库中有张表User,里面有3个字段ID,User,Password
那么在模板层中应该有一个类,数据库中User表的一行对应一个User对象,一张表对应User对象的集合.
public class User
{
string ID;
string User;
string Password;
//重载构造函数
User（string id,string user,string password）
{
this.ID=id;
this.User=user;
this.Password=password;
}
}
-登录界面
