一个简单的后台与数据库交互的登录与注册[sql注入处理、以及MD5加密] - mssql2008 - 软件开发资源站

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

一个简单的后台与数据库交互的登录与注册[sql注入处理、以及MD5加密]
类别：mssql2008 作者：码皇来源：互联网点击：

这篇文章主要介绍了一个简单的后台与数据库交互的登录与注册，包含sql注入处理、以及MD5加密知识点介绍

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

二、用到的语言

HTML+CSS+Jquery+Ajax+sqlserver

HTML[相当于一个人]

css[要穿衣服]

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

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

三、过程
html部分代码：

<body> <div id="header"> <div id="header_con"> <a href="javascript：;
" onclick="showRegBox()">注册</a> <a href="javascript：;
" onclick="ShowLoginBox()">登录</a> </div> </div> <div id="loginBox"> <div class="login_Item"> <input type="text" id="TxtUserName" placeholder="手机邮箱/用户名" /> </div> <div class="login_Item"><input type="password" id="TxtPwd" placeholder="请输入密码" /></div> <div class="login_Item"><a href="javascript：;
" onclick="login()">登录</a></div> </div> <div id="Regbox"> <div class="login_Item"><input type="text" id="TxtRegUserName" placeholder="手机邮箱/用户名" /></div> <div class="login_Item"><input type="password" id="TxtRegPwd" placeholder="请输入密码" /></div> <div class="login_Item"><input type="text" id="TxtRegqq" placeholder="QQ号"/></div> <div class="login_Item"><input type="text" id="TxtRegEmail" placeholder="邮箱" /></div> <div class="login_Item"><a href="javascript：;
" onclick="Reglogin()">注册</a></div> </div></body>

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 login(){
//1.获取到用户名和密码 var username = $.trim($("#TxtUserName").val());
var pwd =$.md5( $.trim($("#TxtPwd").val()));
//2.判断用户名和密码是否为空 if (username == "" || pwd == "") {
layer.alert("用户名或密码不能为空！", {
title: "提示:", icon: 5 }
);
}
else {
$.post("/Handler1.ashx", {
"UserName": username, "Pwd": pwd,"cmd":"login" }
, function (data) {
if (data == "登录成功") {
//layer.alert("登录成功！", layer.msg("登录成功！", {
//title: "提示:", icon: 6 }
);
}
else {
layer.msg("用户名或密码不正确", {
//title: "提示:", icon: 5 }
);
}
}
);
}
}
function showRegBox(){
layer.open({
type:1, title:"注册", area: ["390px", "350px;
"], //div的内容 content:$("#Regbox") }
);
}
function Reglogin(){
//1.获取到输入的内容 var username = $.trim($("#TxtRegUserName").val());
var pwd =$.md5($.trim($("#TxtRegPwd").val()));
var qq = $.trim($("#TxtRegqq").val());
var email = $.trim($("#TxtRegEmail").val());
//并做判断 if (username == "" || pwd == "") {
layer.msg("用户名或密码不能为空！");
}
else {
//cmd用做标示，判断是注册还是登录 $.post("/Handler1.ashx", {
"UserName": username, "Pwd": pwd,"qq":qq,"email":email,"cmd": "reg" }
, function (data) {
if (data == "注册成功") {
layer.msg("恭喜你，注册成功！", {
icon: 6 }
);
}
else {
layer.msg(data, {
icon:5 }
);
}
}
);
}
}

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位散列值。

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