主页采用HTML的流式布局,HTML并不是很精,用到最多的也就是浮动定位方式,和居中。当时在网上学HTML时对一个要领印象很深,说:布局就是块挨着块、块套着块,块叠着块。然后就借这个思路写网页,发现的确如此而且从大体框架开始写,脑海中定义好样式,然后给块附样式类型,最后修饰完善以及JS代码,感觉思路很清晰。
这个页面,采用上中下的基础结构,整体居中。用到的控件也不多,veido、 Menu、Button、TextBox、Datalist、、等。通过在前台对video配置数据源,让其在加载网页后可以播放指定视频。menu模块包含较多的功能,每个MunuItem都要有对应的功能,如登录、注册、查看、等都有要对应的页面,头像下的红色按钮对应编辑页面。两侧各有<a>标签的链接项。红色标签下信息栏也是由<ul><li><a>组合成的,这些属于比较简单的部分。有些难度的应该算是DataList控件,这个空间是一个服务器控件。从后台获取数据库信息,加载图片。我的数据库中保存的图片路径,并未使用,将图片转为二进制序列存储在数据库的方式。考虑到图片比较多,会占用不小内存,就是用了这种方式。网上的基本使用的是图片在网上的链接地址。
说说Datalist,这是一个功能相当强的控件,它是一个数据列表控件,也是一个数据迭代控件,可以以某种格式显示数据,而且他的格式和模板可以使用样式进行定义,可以以不同的布局显示行,而且它比我再后来的网页中使用的GridView要简单。可通过配置Datasource来配置对应的数据源;Datalist有七种模板,每种模板都有相应的样式;可以控制数据显示的方向RepeatDirection;控制每行、列显示的最大数量RepeatColums;显示页眉、脚注等ShowHeader/Footer,而且提供选择SelectIndex,编辑,更改,取消,以及删除功能。
在主页的中下部分就是用DataList控件显示的图片区域,不完美...还是有待完善。因为发现下面分页样式没做好。也说说分页吧,ASP.NET中DataList的分页要通过PagedDataSource类来实现,通过一个全局变量获取当前页的索引,再用ListBinding()绑定,设置好Datasource(指定数据源),AllowPaging(允许使用分页)CurrentPaging(设置当前索引页)、pageSize(每页显示的记录数)。最后就可以实现DataList的分页功能啦。
好啦,主页就介绍这么多,之后的其他页面及功能后续说明!