APP下载

Asp.Net快速搭建在线图片分享网站

2018-12-17孙伟

电脑知识与技术 2018年25期
关键词:页面按钮数据库

孙伟

摘要:随着个人手机相机普及,分享好的照片和朋友交流已成为很多人的需求。利用Asp.Net动态网页技术,使用Ado.net数据库和DataList控件可以快速实现此功能。DataList控件是数据库绑定控件,可以自定义的格式显示各种数据源的字段,用户可以灵活的构建出需要的页面。

关键词:数据库;Fileupload控件;DataList控件

中图分类号:TP393 文献标识码:A 文章编号:1009-3044(2018)25-0057-02

Asp.net Quickly Builds an Online Photo Sharing Site

SUN Wei

(Dept. (Teacher's college) of XiShuangBanNa Vocational and Technical College, Jinghong 666100, China)

Abstract: With the popularization of personal mobile phone cameras, sharing good photos and communicating with friends has become the demand of many people.With Asp.Net dynamic web technology, you can do this quickly using the Ado.net database and DataList controls.DataList controls are database-bound controls that display fields from a variety of data sources in a custom format, giving users the flexibility to build the required pages.

Key words: database;fileupload control;dataList control

现如今随着手机相机等拍照设备的普及,分享拍到的照片已成为大多数用户的习惯,而使用Asp.net加上数据库,就能快速搭建一个可供用户分享照片的网站。

网站由一个网页一个数据库文件和一个上传图片存放文件夹组成,其功能分别如下:

首页提供浏览图片上传图片管理图片功能。数据库文件存放上传的图片文件名,以供首页读取。上传图片文件夹用于存放上传的图片文件。数据库翻用sqlserver数据库,只有一张表Tb1,其中两个字段,一个字段为id字段、主键、类型为bigint、设置标识规范增量种子为1,让其自动增加,用来记录上传图片的序号;一个字段为mz类型为varchar(50),用来记录上传图片名。

新建网站,在网站根目录下web.config配置信息文件中添加代码用于连接数据库:

首页文件页面部分拖入一个上传控件Fileupload1,一个按钮button1,一个数据控件DataList1。源代码如下,“//”后为注释内容:

//用按钮单击来触发图片上传事件

onitemcommand="DataList1_ItemCommand" DataKeyField="id">//设置DataList控件的控件生成事件和数据库绑定关键字,样式设置代码略。

图片显示

图片编号:

//绑定id字段,显示文件序号

//綁定mz字段,显示文件名

//显示缩略图

//删除按钮事件,先弹出提示确认用户是否要删除图片

登录APP查看全文

猜你喜欢

页面按钮数据库
这些按钮能随便按吗?
大狗熊在睡觉
当你面前有个按钮
刷新生活的页面
数据库
数据库
数据库
数据库
内心不能碰的按钮
同一Word文档 纵横页面并存