一个简单的后台与数据库交互的登录与注册[sql注入处理、以及MD5加密]

一、工具：
vs2013[因为我现在用的也是2013，版本随便你自己开心]
sql2008[准备过久升级]

二、用到的语言

HTML+CSS+Jquery+Ajax+sqlserver

HTML[相当于一个人]

css[要穿衣服]

Jquery[人要做一些动作,Jquery是对js一些常用方法的封装]

Ajax[建立前端页面与数据库的交互]
sqlserver[数据库]

三、过程
html部分代码：

css代码：

* {
margin:0px;
padding:0px;
}
#header {
height:40px;
width:100%;
background:#000000;
}

a {
text-decoration:none;
}
#header a {
float:right;
color:#ffffff;
line-height:40px;
margin-left:10px;
}
#header_con {
width:1200px;
margin:0px auto;
}
.login_Item {
margin-left:20px;
}
.login_Item input {
width:348px;
height:40px;
margin-top:10px;
border:solid 1px #04a6f9;
}
.login_Item a {
margin-top:20px;
width:350px;
height:40px;
display:block;
background:#04a6f9;
color:#ffffff;
line-height:40px;
text-align:center;
}
#loginBox {
display:none;/*//隐藏状态*/
margin:0px auto;
}

#Regbox {
display:none;
}

js代码：[用了layer插件]

/// <reference path=\”_references.js\” />
/// <reference path=\”jquery.md5.js\” />

function ShowLoginBox()
{
layer.open({
type: 1,
title: \”用户登录\”,
//设置div大小
area: [\”390px\”, \”300px\”],
content: $(\”#loginBox\”)
});
}

function showRegBox()
{
layer.open({
type:1,
title:\”注册\”,
area: [\”390px\”, \”350px;\”],
//div的内容
content:$(\”#Regbox\”)
});
}

ajax代码：

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Data;
using System.Data.SqlClient;

namespace baidu20160707
{
/// <summary>
/// Handler1 的摘要说明
/// </summary>
public class Handler1 : IHttpHandler
{
public HttpContext context;
public string strResult = \”\”;
public void ProcessRequest(HttpContext context)
{
this.context = context;
string cmd=context.Request.Form[\”cmd\”];
switch (cmd)
{
case \”login\”:
strResult = loginAjax();
break;
case \”reg\”:
strResult = RegAjax();
break;
}
context.Response.Write(strResult);
}

//登录
public string loginAjax()
{
//1.接收传过来的用户名和密码
string username = context.Request.Form[\”username\”];
//类名调用方法，32位，再做加盐处理
string pwd =Md5Class.GetMD5( context.Request.Form[\”pwd\”]+\”傻逼玩意\”,32);
//所在对应的id是否存在
//string strsql = string.Format(\”select id from Users where UserName=\'{0}\’ and Pwd=\'{1}\’\”, username, pwd);
//sql注入处理1.@传参的方式,, username, pwd不要，\’分号也不要\’
string strsql = string.Format(\”select id from Users where UserName=@UserName and Pwd=@Pwd\”);
//sql注入处理2.调用SqlParameter[]数组对数据进行过滤
SqlParameter[] paras = new SqlParameter[]
{
new SqlParameter(\”@UserName\”,SqlDbType.NVarChar),
new SqlParameter(\”@Pwd\”,SqlDbType.NVarChar)
};
//sql注入处理3.指定它的值
paras[0].Value = username;
paras[1].Value = pwd;
//sql注入处理,4.不能忘记把数组对象传进去
if (SqlHelper.Exists(strsql,paras))
{
//context.Response.Write(\”登录成功\”);
return \”登录成功\”;
}
else
{
//context.Response.Write(\”用户名或密码不正确\”);
return \”用户名或密码不正确\”;
}
}

//注册
public string RegAjax()
{
//接收传过来的用户名和密码
string username=context.Request.Form[\”username\”];
string pwd=Md5Class.GetMD5(context.Request.Form[\”pwd\”]+\”傻逼玩意\”,32);
string qq=context.Request.Form[\”qq\”];
string email = context.Request.Form[\”email\”];
//string strsql1 = string.Format(\”select id from Users where UserName=\'{0}\’ \”,username,pwd);
string strsql1 = string.Format(\”select id from Users where UserName=@UserName \”);
SqlParameter[] paras1 = new SqlParameter[]
{
new SqlParameter(\”@UserName\”,SqlDbType.NVarChar)
};
paras1[0].Value = username;
if (SqlHelper.Exists(strsql1, paras1))
//if (SqlHelper.Exists(strsql1))
{
return \”该用户已注册，请重新输入\”;
}
else
{
//不存在就注册
//string strsql2 = string.Format(\”insert into Users (UserName,Pwd,QQ,eMail) values(\'{0}\’,\'{1}\’,\'{2}\’,\'{3}\’)\”, username, pwd, qq, email);
//, username, pwd, qq, email
string strsql2 = string.Format(\”insert into Users (UserName,Pwd,QQ,eMail) values(@UserName,@Pwd,@QQ,@eMail)\”);
SqlParameter[] paras2 = new SqlParameter[]
{
new SqlParameter(\”@UserName\”,SqlDbType.NVarChar),
new SqlParameter(\”@Pwd\”,SqlDbType.NVarChar),
new SqlParameter(\”@QQ\”,SqlDbType.NVarChar),
new SqlParameter(\”@eMail\”,SqlDbType.NVarChar),
};
paras2[0].Value = username;
paras2[1].Value = pwd;
paras2[2].Value = qq;
paras2[3].Value = email;
//插入处理
if (SqlHelper.ExecteNonQueryText(strsql2, paras2) > 0)
{
return \”注册成功\”;
}
else
{
return \”注册失败\”;
}
}
}
public bool IsReusable
{
get
{
return false;
}
}
}
}

效果：点击登录弹出登录框，点击注册，弹出注册框

四、MD5加密算法

MD5加密算法：大多数情况下，用户的密码是存储在数据库中的，如果不采取任何的保密措施，以明文的方式保存密码，查找数据库的人员就可以轻松获取用户的信息，所以为了增加安全性，对数据进行加密是必要的。MD5,是一种用于产生数字签名的单项散列算法，它以512位分组来处理输入的信息，且每一分组又被划分为16位子分组，经过一系列处理，算法的输入由4个32位分组级联后生成一个128位散列值。

没有加密之前的明文通过解析的效果：