目录
3.创建连接编辑编辑编辑编辑编辑编辑编辑编辑编辑编辑
注意:此文主要针对西南林业大学的课程
一、安装Visual Studio Community
1.下载Visual Studio Community
2.双击安装
3.配置
二、项目创建
1.创建新项目
如果没有怎么办?不好办啊,得加钱。这里因为少装一个东西,不要卸载重装,有的话跳过到步骤2
2.配置新项目
好吧,等待创建,可能有一丢丢卡
3.创建web窗体
4.代码分部
(1)html,这里可以自己建立一个文件夹,把html页面放里面,也可以放在外面,也可以写在WebForm1.aspx里面,演示我就不放了
(2)web窗体
5.文件打开问题
(1)文件打开是这样的,注意,这是运行不了的,会报错哦!只要点击后缀为sln的文件就可以了
错误信息:
三、数据库访问
1.自己先装一个sql server
推荐使用navicat作为管理工具。
创建数据库和表:
create database StudManage;
CREATE TABLE [dbo].[UserInfo] (
[UserID] varchar(50) COLLATE Chinese_PRC_CI_AS NOT NULL,
[UserName] varchar(50) COLLATE Chinese_PRC_CI_AS NULL,
[Password] varchar(50) COLLATE Chinese_PRC_CI_AS NULL,
[role] varchar(50) COLLATE Chinese_PRC_CI_AS NULL
)
CREATE TABLE [dbo].[StudInfo] (
[StudNo] varchar(50) COLLATE Chinese_PRC_CI_AS NOT NULL,
[StudName] varchar(50) COLLATE Chinese_PRC_CI_AS NULL,
[StudSex] varchar(50) COLLATE Chinese_PRC_CI_AS NULL,
[Email] varchar(50) COLLATE Chinese_PRC_CI_AS NULL
)
2.创建实体数据模型 ![](https://i-blog.csdnimg.cn/direct/fb38caf1be1940cc82da341206d671de.png)
3.创建连接![](https://i-blog.csdnimg.cn/direct/d1f5b008f1294f13b9fcc2a874a19de1.png)
![](https://i-blog.csdnimg.cn/direct/0d40a66e57c14036ad755d24451f5509.png)
![](https://i-blog.csdnimg.cn/direct/a1b51af908a449769c561018da9c35d7.png)
![](https://i-blog.csdnimg.cn/direct/efaa90bc0c3b4c3f8cc8bf23ce4ef0a3.png)
![](https://i-blog.csdnimg.cn/direct/df8a51b6ee85402488ba8537617fce43.png)
![](https://i-blog.csdnimg.cn/direct/9c12b9ae7765484fb362fe8335e7297d.png)
![](https://i-blog.csdnimg.cn/direct/2def9f726f87485caf7c3543f524a0f4.png)
![](https://i-blog.csdnimg.cn/direct/fc296e5e4e2b440e99674ef4d3e1b104.png)
![](https://i-blog.csdnimg.cn/direct/b3ac20305aea4c689c94e4de545518e8.png)
![](https://i-blog.csdnimg.cn/direct/a04cdcbd76474864bf0cc9adae025304.png)
4.修改更新
(少选了,漏选了,或者表结构修改了,更新就好,不用删掉重来)
下面是个简单测试例子
四、项目实战(登录验证)
1.创建两个html
index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>登录界面</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
<h3>登录</h3>
<form id="loginForm">
<table>
<tr>
<td>用户名:</td>
<td><input type="text" id="userName" /></td>
</tr>
<tr>
<td>密码:</td>
<td><input type="password" id="password" /></td>
</tr>
<tr>
<td colspan="2" id="errorInfo" style="color: red;"></td>
</tr>
</table>
<button type="button" id="submit">登录</button>
</form>
<script>
$(document).ready(function () {
$("#submit").click(function () {
var userName = $("#userName").val();
var psw = $("#password").val();
var jsonData = '{"userName":"' + userName + '","psw":"' + psw + '"}';
if (userName.length == 0 || psw.length == 0) {
$("#errorInfo").html("*用户名和密码都不能为空").css("color", "red");
return;
}
$.ajax({
type: "POST",
url: "WebForm1.aspx/UserIsValidsjk",
contentType: "application/json; charset=utf-8",
dataType: "json",
data: jsonData,
success: function (data) {
if (data.d == "true") {
window.location.href = "welcome.html";
} else {
$("#errorInfo").html("*用户名或密码错误").css("color", "red");
}
},
error: function (err) {
alert(err.responseText);
}
});
});
});
</script>
</body>
</html>
welcome.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
<h3>Welcome</h3>
</body>
</html>
2. 创建WebForm1,写入下面代码
[WebMethod]
public static string UserIsValidsjk(string userName, string psw)
{
using (StudManageEntities1 entity = new StudManageEntities1())
{
var query = "SELECT * FROM dbo.UserInfo WHERE UserName='" + userName + "' AND Password='" + psw + "'";
List<UserInfo> list = entity.Database.SqlQuery<UserInfo>(query).ToList();
if (list.Count > 0)
return "true";
else
return "false";
}
}
3.创建数据库,写入测试信息
上面有创建数据表的代码,数据自己插入两条
4.运行测试
先输入错误信息
在输入正确的,将为跳转到welcome界面