asp.net 可视化操作(二)——Sql数据库连接及简单查询功能的实现
目录
连接数据库
利用repeater控件实现数据显示
查询功能
页面CSS美化
数据插入、更新……
连接数据库
添加test.aspx
添加控件SqlDataSource,选择配置数据源
选择新建连接
选择Sql server
服务器名填写服务器ip或域名如果端口号不是默认端口需要用 ==,==分隔,如下图所示,如果服务器为本机,可以填写本机地址,计算机名或用 ==.==代替
我这里使用本机测试,选择Windows身份验证,选择数据库
注:如果无法连接,可能是没有开启Sql server服务
打开Sql server服务:管理员方式启动CMD–》输入 net start MSSQLSERVER
停止该服务:输入 net stop MSSQLSERVER
测试连接是否成功
以下两个过程,默认即可,点击下一步
选择对应表及对应数据。这里选错也不要紧,在后期都是可以更改的
点击测试查询不出意外的话会显示出数据库中的内容
如果显示对象名无效,可能是表名不全,可在后期增加构架解决
利用repeater控件实现数据显示
选择repeater控件,选择之前连接好的数据源,或者在代码中指定修改
在代码中修改
设计Reperter控件
设置数据源属性
设置属性,点击Select
编写查询语句,由于之间生成的表名不完整,需要加上完整的构架,修改如下语句为SELECT * FROM [Person].[Address]
在解决方案管理器中,选择在浏览器打开
效果如下
查询功能
增加输入框和按钮的控件
在代码也进行简单的修改
绑定输入框中的数据到Sql查询语句中
添加参数City ,参数源Control选项,根据之前的输入框ID进行绑定
编写查询语句
运行测试,在没有输入时,显示的默认值
输入Seattle测试,结果如下图
页面CSS美化
通过
中增加样式,改变页面显示效果
显示效果
需要注意的是,CSS样式文件存放在Content目录下,使用前需应用CSS文件,不过我们创建.aspx网页时选择的含有母版的web页面,所以无需手动添加。
如果是普通页面,如下所示为普通web网页
添加CSS样式文件
数据插入、更新……
设计插入的文本框及按钮
数据源属性–》insert
回到设计页面–》双击插入按钮,进入.cs文件,编写(数据源ID对应之前建立好连接的数据源,一个页面可建立多个数据源,所以数据源ID唯一确定使用的是哪一个连接的数据源)
运行
输入数据,点击添加
查询刚插入的城市
其他,更新、删除的操作与插入操作大同小异,步骤基本相同,这里不再做过多赘述。
最新文章
- 帕雷托最优(Pareto optimality)、帕雷托效率(Pareto efficiency)
- Redis事件管理(二)
- PowerDesigner概念数据模型 CDM
- 安装CocoaPods流程及常见问题(Xcode->;homebrew->;RVM->;Ruby->;CocoaPods)
- 进入BIOS SHELL DUMP 命令
- 【转】使用ThinkPHP必须掌握的调试方法
- HTML5 — Wed SQL 本地数据库示例
- Asp.net MVC4高级编程学习笔记-模型学习第四课基架与模型绑定20171027
- 高并发下,log4j日志打印行数导致的内存溢出问题
- how tomcat works读书笔记 七 日志记录器
- Oracle 备份与恢复
- MySQL 字符集utf8和utf-8的关系
- maven+eclipse创建web项目
- 微信小程序swiper制作内容高度不定的tab选项卡
- WebView 5.0+闪烁以及白屏问题完美解决
- Business Cards
- docker创建image方法以及常用指令介绍
- 用javascript编写地区表单ES6
- 从零开始的Python学习Episode 9——集合
- Bean的装配