手机版

一步一步创建漂亮的新闻列表(无刷新分页 内容预览)第一步

时间:2021-11-24 来源:互联网 编辑:宝哥软件园 浏览:

没有分页。如果数据量大,情况就变得非常糟糕,打开一个网页往往需要很长时间,大大降低了用户体验。分页也很讲究。不同的数据库通常对应不同的分页方法。这里没有讨论。下面,我们只使用简单访问作为新闻列表非刷新分页的数据库。不刷新意味着使用ajax技术。当然,不刷新不仅仅是ajax,还有其他方法可以实现不刷新,比如一次读出所有数据,根据页数显示不同的内容。这只能通过JavaScript来实现,但这无疑是一种止渴解渴,和上面没有分页有异曲同工之妙。只是换汤不换药的感觉很好。如果你想使用ajax,你可以手动编写或者使用框架。我更喜欢用jquery写ajax,vs2010非常支持jQuery。对于分页,jQuery已经有现成的插件供我们使用。创造美好新闻的第一步是:需求分析。当你做任何事情时,你必须知道你的需求是什么。否则工作久了,你会发现根本不符合需求,会浪费时间。我们的需求如下:1。动态新闻列表(这个很简单)2。你可以逐页阅读新闻列表(这并不难)。你可以在不刷新页面的情况下阅读新闻列表(这有点困难)4。可以预览新闻内容(这个也有点难)5。友好的界面(这是必须的)我们来详细说说我们的要求:1、2、5就不解释了,网上可以查到很多信息。解释第三和第四点。事实上,如果你懂一点ajax,这些都是小儿科。3.==《不刷新页面阅读新闻列表,点击下一页时触发事件,调用ajax在数据库中搜索下一页的数据并返回,然后显示在页面上。4=="预览新闻内容,鼠标移过连接时触发事件,获取新闻id并使用ajax在数据库中找到对应的新闻内容,截取一部分在div中显示。这里有一点需要注意,就是如果拦截的内容中有html标签,要特别注意。好,需求分析完成后,我们开始做。准备以下环境:vs2010 access jquery开发环境vs也可以用2008sp1,因为上面这个版本对jquery有智能提示,当然其他版本也可以用,就是没有智能提示效果。access数据库的版本为2003jquery:1.3.2或以上。当然,还有其他文件可以使用。这个我以后再说。我们先预览一下最终效果:(分页被预览部分覆盖了.)

注意:本文的对象主要是ajax新手,或者说是完全没有接触过,但是想用ajax快速制作东西的人。

版权声明:一步一步创建漂亮的新闻列表(无刷新分页 内容预览)第一步是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。