ASP.NET轻松实现网站动态新闻效果

ASP.NET轻松实现网站动态新闻效果

动态新闻可以理解是实时更新的新闻。重点在于“实时更新”。

最明显的例子可以参照这个。51CTO的最新博文就是最明显的“动态新闻”效果。每当有新的文章都会在这个区域显示文章的标题。





想要实现这个效果不可能使用静态网站技术，那岂不是要把网站编辑生生累到每日吐血三两升？

但是如果网站管理员给编辑用ASP.NET编写一个简单的动态新闻程序，再加上一个能够插入新闻的网页编辑器。你猜，我们网工的地位会在这位编辑的心目中提高到什么程度？

想要提高地位，那就不闲扯了。下面就跟着我来一步步的实现“动态新闻”效果。

1首先打开数据库，创建一个新的库，在新库中创建一张表。

（注意标示主键和选择数据类型）





2 打开visual studio 新建一个网站的“母版页”，注意是C#的。（母版文件后缀名是master）

（这是我随便找的一个模板页面。直接复制代码粘贴进visual studio的。）





3 在母版中编写“动态新闻”程序

1 首先在页面中选好程序的放置位置，并找出这部分的代码。然后将代码复制在文档中，以备后用。









2 复制好代码后，将原先的代码删除。（注意，只删除div标记中的内容，不要把div标记删除掉）





3 然后再div标记中添加一个Repeater控件





4 回到设计页面，将Repeater控件连接数据库。（选择新建数据源）





5 源类型为“数据库”下一步，选择“新建连接”





6 服务器名为“.”，数据库名是刚才建立的“mynews”





7 之后一路下一步，直至 配置Select语句界面。这里单击“ORDER.BY”按钮





8 因为新闻总是把最新的放在上面，所以这里选择以“ID”列“降序”排列。





9 当然，一个页面上也不可能把所有的新闻都列出来。只需列出前几条就行了。

先把下面的Select语句复制下来，然后选择上面的“指定自动以SQL语句或存储过程”选项





10 单击下一步后，把刚才复制的语句粘贴到这里，并在“*”前添加“top（5）”用以只显示前5条新闻





11 下一步直至完成。之后会出现一个对话框，点击是





12 回到源页面，会看到多出了一段代码。





打开文档，把之前粘贴进去的代码复制到源页面中。

（代码在优化一下。可以和上面的图片对比对比）





注意代码的粘贴位置和需要添加的语句



注意在这里将代码修改为“<%# Eval (“biaoti”)%>” “biaoti”是数据库表中的列名





OK，到这里动态新闻效果就有了。当然，你可不能再母版中查看效果，需要创建一个套用母版的页面才能看啊。

在新建的页面上Ctrl+F5（别忘了在这之前必须要在数据库中添加点内容出来）













每在数据库中添加一条新闻，网页上刷新后就会自动出现





动态新闻效果算是出来了。但是还不完全。如何显示新闻的内容？如何在网页添加新闻到数据库？这些还是问题。

限于篇幅问题，剩下的问题就在下一片文章中再做详细介绍吧。
本文出自 “长弓帮助” 博客，请务必保留此出处http://zhanggong.blog.51cto.com/1635261/337272