软件说明:
VS2017,腾讯云服务器10元1个月,系统Win2012 R2标准版
第一步:建立第一个网页

建立工程


建好后,可以打开View选项打开项目资源浏览器和工具箱,后文会多次用到这两个版面

添加第一个网页


打开Web页面布局设计


添加控件

更改按键显示


运行测试(或者Ctrl+F5)

显示如图

这时候点击按键是没有反应的,接下来添加按键功能如图



再运行测试即可看到点击后显示ok的效果
第二部:添加数据库并从中查询数据



为数据库添加信息







添加表成功

添加数据



添加数据成功,然后添加一个显示数据的控件




测试一下,成功显示

再次运行网页,可见刚刚加入的数据

添加主动查询数据库的功能(按键按下后查询是否有输入的名字)
先在按键处理函数所在的文件中添加两个头文件

修改按键程序如下

其中的连接串在下图出可以找到(web.config中找到)


再次运行输入查找名字点击按键,效果如下


到此,数据库就成功连接,并可以查询到了