ASP.NET的创建和数据库的连接

彭洁宁

已于 2023-12-27 23:13:54 修改

阅读量1.4k

点赞数 22

文章标签： asp.net 数据库后端

于 2023-12-27 19:22:42 首次发布

本文链接：https://blog.csdn.net/pjn20/article/details/135248705

版权

一、ASP.NET的创建

1.打开Visual Studio,选择创建新项目（N）。

2.搜索框里：ASP.NET，选择C#的，然后在选择括号内有（.NET Framework）的，然后下一步。

3.编辑好项目名称（最好是英文的），选择好存放项目的位置，创建

4.选择空和Web窗体。

5.选择项目然后右键，选择添加新建项目，选择web窗体添加。

6.创建完成后，设计就是和winfrom一样拖工具箱的控件设计，拆分是可以一边看代码一边设计窗口，源是写代码的地方。

二、数据库的连接。

1.表的创建

（1)工具箱搜索ListView,把控件拉到设计里，点击白色小三角，选择数据源那的创建数据源。

（2）选择数据库，确定。

（3）新建连接然后先选择身份验证，再填写数据库的服务器，再根据需求填写用户名和密码（windows身份验证不需要填写用户名和密码），选择需要的数据库。

（4）下一步，然后选择需要的表，选择高级（要求必须是有主键的表），选择（G）、（O）。

（5）测试是否连接成功，然后完成。

（6）然后选择配置，选择你喜欢的格式，就完成了。

（7）运行效果图：

2.源代码连接

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
<style type="text/css">
.auto-style1 {
width: 626px;
}
.auto-style2 {

}
.auto-style3 {
width: 126px;
}
.auto-style4 {
width: 186px;
}
table{
border:1px solid black;
border-collapse:collapse;
}
tr{
border:1px solid black;
border-collapse:collapse;
}
td{
border:1px solid black;
border-collapse:collapse;
}
</style>
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.0.js"></script>
</head>
<body>
<form id="form1" runat="server">
<div>
用户信息：<br />
<input id="btnSearch" type="button" οnclick="searchUserList()" value="查询"/>
<br />
<table class="auto-style1">
<thead>
<tr>
<td class="auto-style2">用户名</td>
<td class="auto-style3">性别</td>
<td class="auto-style2">id</td>
<td class="auto-style4">操作</td>
</tr>
</thead>
<tbody id="tbuserinfo" >

</tbody>
</table>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<asp:TextBox ID="TextBox1" runat="server" TextMode="Password"></asp:TextBox>
<br />
<br />
<br />
</div>
</form>
</body>
</html>

3.登录页面

namespace helloasp
{
/// <summary>
/// UserinfoHandler 的摘要说明
/// </summary>
public class UserinfoHandler : IHttpHandler, IRequiresSessionState
{

public void ProcessRequest(HttpContext context) //接口响应的方法
{
//HttpSessionState httpSession = context.Session;
context.Response.ContentType = "application/json";
string retype = context.Request["btntype"]+"";
//context.Session
switch(retype) //(retype == "cx") 这里相当于路由功能
{
case "cx":
{
userSearch(context);
break;
}
case "xz":
{
userAdd(context);
break;
}
case "xg":
{
userEdit(context);
break;
}
case "sc": //删除
{
userDelete(context);
break;
}
case "toedit":
{
context.Response.Redirect("edituser.html");
break;
}
default:
{
context.Response.Write("老铁，404错误了");
break;
}
}

}

private void userSearch(HttpContext context)
{
UserBll ub = new UserBll();
UserModel um=new UserModel();
List<UserModel> list=ub.getUserInfoList(um);
/*string restr = "{\"data\":[";
int i = 0;
foreach(UserModel user in list)
{
i++;
restr += "{\"username\":\""+user.userName+"\",\"sex\":\""+user.sex+"\"}";
if (i < list.Count)
{
restr += ",";
}
}
restr=restr+"] }";*/

string restr = "";
JavaScriptSerializer jss = new JavaScriptSerializer();
restr = jss.Serialize(list);
restr = "{\"code\":\"200\",\"data\":" + restr + "}";
context.Response.Write(restr);
}

private void userAdd(HttpContext context)
{
context.Response.Write("老铁，你执行的是新增方法！");
}

private void userEdit(HttpContext context)
{
string userid = context.Request.Form["id"];
string userName = context.Request.Form["username"];
//调用业务逻辑层代码进行修改操作
UserBll ub = new UserBll();
UserModel um = new UserModel();
um.userName = userName;
um.id = userid;
int i=ub.editUserInfo(um);
if (i > 0)
{
context.Response.Write("{\"code\":\"200\",\"msg\":\"老铁，你修改成功！\"}");
}
else
{
context.Response.Write("{\"code\":\"520\",\"msg\":\"老铁，你修改失败！\"}");
}

}

private void userDelete(HttpContext context)
{
UserBll ub = new UserBll();
int i=ub.deleteUserInfo(context.Request.QueryString["id"]);
if (i > 0)
{
context.Response.Write("{\"code\":\"200\",\"msg\":\"老铁，你删除成功！\"}");
}
else
{
context.Response.Write("{\"code\":\"999\",\"msg\":\"老铁，你删除失败！\"}");
}

}

public bool IsReusable
{
get
{
return false;
}
}
}
}

三、ASP.NET的控件

方法	描述
click()	触发、或将函数绑定到制定元素的click事件
dblclick()	触发、或将函数绑定到制定元素的double click事件
change()	触发、或将函数绑定到制定元素的change事件
mousemove()	触发、或将函数绑定到制定元素的mouse move事件
mouseout()	触发、或将函数绑定到制定元素的mouse out事件