asp.net 上传html标签,两种方法实现asp.net方案的前后端数据交互(aspx文件、html+ashx-站长资讯中心...

本文详细介绍了如何在ASP.NET项目中与SQLServer数据库进行交互,包括创建数据库、添加App_Data文件夹、复制数据库文件到项目、配置Web.config以连接数据库,以及使用aspx文件实现前后端数据交互。通过aspx文件,利用事件驱动编程和控件实例,实现增删改查功能。
摘要由CSDN通过智能技术生成

c4468b3f4df77e96b0a416fa2a870fba.png

一个HTML页面只能显示HTML代码信息,不能与数据库进行数据的交互。asp.net方案提供了网页与数据库交互的方法,这里举出两种:①aspx文件 ②ashx文件+ajax技术

一、创建数据库

这里以SQL Server数据库为例,打开SSMS,创建一个数据库,注意数据库的保存路径,后面要将数据库复制到Visual Studio的工程项目中。

0f620a8b6cd913767461e7a0d4776f7d.png

打开Visual Studio,创建一个基于.NET Framework的空项目(不创建.NET Core项目)。

8645c810f77e928547ba554ad7812767.png

在右侧的Solution Explorer(解决方案管理器)下只显示出这么几个文件。

0cd0066cada007d96ce29dc10c50c5d0.png

右键项目,选择Add-Add ASP.NET Folder-App_Data。这个文件夹就是存放数据库的文件夹,注意它的名字不能改变,只能是App_Data。

c9e1948cc8312997d2c366a9348605e1.png

在SSMS中将数据库分离。找到刚才创建的数据库的路径,复制。如果出现权限的错误不能复制,右键数据库-属性-安全,更改权限为完全控制。

c7efbe4208734100a0be523b148d2346.png

将Authenticated User的权限更改为完全控制。如果权限还是错误,将其他用户的权限也更改为完全控制。

cbcd798746d35284ecb24612644da440.png

复制mdf和ldf文件,在Visual Studio的App_Data文件夹下粘贴。(如果有ndf数据库文件,一起复制)。打开App_Data文件夹下的数据库,如果Visual Studio的版本和SQL Server的版本不兼容,则会出现这个错误。当前Visual Studio的版本是2017,SQL Server的版本也是2017。在别人的电脑上用低版本的SQL Server创建数据库,然后复制到我们自己的电脑上即可。这里更换一个低版本的数据库。

93dc43c33693e9cc8b59f801e6c4cae8.png

双击数据库,在Server Explorer管理器中,右键Table,创建一个新的数据表,添加相应字段值,为用户名添加主键。

d0d19827211e1476c9d0b57078680f3d.png

7bedab7a581fa3b1d06fe2dd8849a97d.png

二、aspx文件实现前后端数据交互

右键项目,添加一个WebForm,后缀名为.aspx。

e5079c996fe7ed019536cf1e3064c42d.png

aspx文件的语法与普通的HTML文件不同,它使用的控件名字前会加上asp,如:asp:Button。aspx文件涉及很多方面的知识,具体信息请查看:https://app.pluralsight.com/player?author=dan-wahlin&name=webforms-01&mode=live&clip=0&course=aspdotnet-webforms4-intro。将一个普通个HTML文件的代码直接复制到aspx文件中,是可以运行的。

7785aa6ddaf68882c9516e30f66b3e3a.png

打开Web.config文件,在标签内添加数据库连接信息。

443897c982992c05b5a13e5d0061efad.png

1

2

3

4 connectionString="Data Source=(LocalDB)\MSSQLLocalDB;AttachDbFilename=|DataDirectory|\data1.mdf;Integrated Security=True"

5 providerName="System.Data.SqlClient"/>

6

其中,在标签内需要填写3个信息:①name,为这个数据库连接起个名字,可以任取,后面会用到 ②connectionString,数据库连接的相关属性设置:Data Source=(LocalDB)\MSSQLLocalDB,如果使用的是SQL Server数据库,则不用更改;AttachDbFileName=|DataDirectory|\data1.mdf,这里要将最后的数据库主文件(.mdf),更改为自己的数据库;Integrated Security=True,不用更改。 ③providerName="System.Data.SqlClient",如果使用的是SQL Server数据库,则不用更改。

aspx文件采用了微软可视化编程的机制,基于事件编程,和WinForm、WPF一致,前后端代码分离,且前端代码可以在代码视图与设计视图之前切换。从工具箱中拖拽一个控件(如Button)到设计视图时,代码视图会自动地添加相应代码;同样,在代码视图中写上代码,在布局视图中会出现相应的控件。

44134258c0bb41ea2264ecf27d6c628e.png

aspx文件的后端代码分成了两部分,一个是*.aspx.cs文件,一个是*.aspx.designer.cs文件。两个文件其实是同一个类,用partial关键字分成了两个分部类。在.*aspx.designer.cs文件中,包含的是每一个控件的字段声明。在asp.net中,WebForm里每一种控件都是一个类,具体的添加的控件是相应类的一个个实例。比如Button是一个类,拖拽一个Button到布局视图中,这个Button就是Button类的一个实例。如果再拖拽一个Button,则第二个拖拽的Button是第二个实例,两个Button名字不同。在*.aspx.cs文件中存放的是相应控件的事件响应函数。这样就实现了字段与响应函数的分离,结构更合理。

36beac2009cde377238d6de6e800a70b.png

添加控件,设计一个增删改查的页面。

b7e30f0a1c55a095664625c7733ca69b.png

f56ec34ffc7ee64d4cc5e114c384dfd5.png

4a5003178579f6794ff2cf5311ecce2e.gif

fdc4cf05ba8c0d3b7ff229c07a545d8e.gif

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17 增

18

19

20  

21

22

23  

24

25

26

27

28 删

29

30

31  

32

33

34  

35

36

37

38

39 改

40

41

42  

43

44

45  

46

47

48

49

50 查

51

52

53  

54

55

56  

57

58

59

60

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值