C#Web从0到1—创建一个web并从VS集成的SQLlocalDB数据库中查询数据

软件说明:

        VS2017,腾讯云服务器10元1个月,系统Win2012 R2标准版

第一步:建立第一个网页

C#Web从0到1—创建一个web并从VS集成的SQLlocalDB数据库中查询数据_第1张图片
建立工程
C#Web从0到1—创建一个web并从VS集成的SQLlocalDB数据库中查询数据_第2张图片
C#Web从0到1—创建一个web并从VS集成的SQLlocalDB数据库中查询数据_第3张图片
建好后,可以打开View选项打开项目资源浏览器和工具箱,后文会多次用到这两个版面
C#Web从0到1—创建一个web并从VS集成的SQLlocalDB数据库中查询数据_第4张图片
添加第一个网页
C#Web从0到1—创建一个web并从VS集成的SQLlocalDB数据库中查询数据_第5张图片
C#Web从0到1—创建一个web并从VS集成的SQLlocalDB数据库中查询数据_第6张图片
打开Web页面布局设计

C#Web从0到1—创建一个web并从VS集成的SQLlocalDB数据库中查询数据_第7张图片
C#Web从0到1—创建一个web并从VS集成的SQLlocalDB数据库中查询数据_第8张图片
添加控件

C#Web从0到1—创建一个web并从VS集成的SQLlocalDB数据库中查询数据_第9张图片
更改按键显示

C#Web从0到1—创建一个web并从VS集成的SQLlocalDB数据库中查询数据_第10张图片
C#Web从0到1—创建一个web并从VS集成的SQLlocalDB数据库中查询数据_第11张图片
运行测试(或者Ctrl+F5)
C#Web从0到1—创建一个web并从VS集成的SQLlocalDB数据库中查询数据_第12张图片
显示如图
C#Web从0到1—创建一个web并从VS集成的SQLlocalDB数据库中查询数据_第13张图片
这时候点击按键是没有反应的,接下来添加按键功能如图
C#Web从0到1—创建一个web并从VS集成的SQLlocalDB数据库中查询数据_第14张图片 C#Web从0到1—创建一个web并从VS集成的SQLlocalDB数据库中查询数据_第15张图片
C#Web从0到1—创建一个web并从VS集成的SQLlocalDB数据库中查询数据_第16张图片
再运行测试即可看到点击后显示ok的效果


第二部:添加数据库并从中查询数据

C#Web从0到1—创建一个web并从VS集成的SQLlocalDB数据库中查询数据_第17张图片
C#Web从0到1—创建一个web并从VS集成的SQLlocalDB数据库中查询数据_第18张图片
C#Web从0到1—创建一个web并从VS集成的SQLlocalDB数据库中查询数据_第19张图片
为数据库添加信息

C#Web从0到1—创建一个web并从VS集成的SQLlocalDB数据库中查询数据_第20张图片
C#Web从0到1—创建一个web并从VS集成的SQLlocalDB数据库中查询数据_第21张图片

C#Web从0到1—创建一个web并从VS集成的SQLlocalDB数据库中查询数据_第22张图片
C#Web从0到1—创建一个web并从VS集成的SQLlocalDB数据库中查询数据_第23张图片
C#Web从0到1—创建一个web并从VS集成的SQLlocalDB数据库中查询数据_第24张图片
C#Web从0到1—创建一个web并从VS集成的SQLlocalDB数据库中查询数据_第25张图片
C#Web从0到1—创建一个web并从VS集成的SQLlocalDB数据库中查询数据_第26张图片
添加表成功
C#Web从0到1—创建一个web并从VS集成的SQLlocalDB数据库中查询数据_第27张图片
添加数据
C#Web从0到1—创建一个web并从VS集成的SQLlocalDB数据库中查询数据_第28张图片
C#Web从0到1—创建一个web并从VS集成的SQLlocalDB数据库中查询数据_第29张图片
C#Web从0到1—创建一个web并从VS集成的SQLlocalDB数据库中查询数据_第30张图片
添加数据成功,然后添加一个显示数据的控件
C#Web从0到1—创建一个web并从VS集成的SQLlocalDB数据库中查询数据_第31张图片
C#Web从0到1—创建一个web并从VS集成的SQLlocalDB数据库中查询数据_第32张图片
C#Web从0到1—创建一个web并从VS集成的SQLlocalDB数据库中查询数据_第33张图片
C#Web从0到1—创建一个web并从VS集成的SQLlocalDB数据库中查询数据_第34张图片
测试一下,成功显示
C#Web从0到1—创建一个web并从VS集成的SQLlocalDB数据库中查询数据_第35张图片
再次运行网页,可见刚刚加入的数据
C#Web从0到1—创建一个web并从VS集成的SQLlocalDB数据库中查询数据_第36张图片
添加主动查询数据库的功能(按键按下后查询是否有输入的名字)

先在按键处理函数所在的文件中添加两个头文件
C#Web从0到1—创建一个web并从VS集成的SQLlocalDB数据库中查询数据_第37张图片
修改按键程序如下

C#Web从0到1—创建一个web并从VS集成的SQLlocalDB数据库中查询数据_第38张图片
其中的连接串在下图出可以找到(web.config中找到)

C#Web从0到1—创建一个web并从VS集成的SQLlocalDB数据库中查询数据_第39张图片
C#Web从0到1—创建一个web并从VS集成的SQLlocalDB数据库中查询数据_第40张图片
再次运行输入查找名字点击按键,效果如下

C#Web从0到1—创建一个web并从VS集成的SQLlocalDB数据库中查询数据_第41张图片
C#Web从0到1—创建一个web并从VS集成的SQLlocalDB数据库中查询数据_第42张图片
到此,数据库就成功连接,并可以查询到了

转载于:https://www.cnblogs.com/CXianRen/p/10484971.html

你可能感兴趣的:(C#Web从0到1—创建一个web并从VS集成的SQLlocalDB数据库中查询数据)