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

在上一篇文章中，我们做了需求分析，具体如下：1 .动态新闻列表(这个很简单)2。你可以逐页阅读新闻列表(这并不难)。你可以在不刷新页面的情况下阅读新闻列表(这有点困难)4。可以预览新闻内容(这个也有点难)5。友好的界面(这是必须的)按照软件工程的顺序，我们应该按照以下顺序开发软件：可行性分析===>需求分析===>概要设计==>详细设计===>编码===>测试。因为我们只是项目的一小部分，所以我们也按照上面的顺序发展，这是一个好习惯。我们把概要设计和详细设计放在一起。下面我们来设计一下数据库，因为采用的是Access数据库，字段比较简单。只有一个表tb_news，这个数据库叫做news。列型长度news_id长整数4 news_title正文255 news _ content memory-news _ time日期/时间8 news_readtimes长整数4Of当然，你可以根据自己的需要加减字段。其中news_content越长越好，符合新闻的长度。设计好数据库后，我们就可以开始编码了。首先，我建立了一个ASP.NET项目(比起网站，我更喜欢网络应用)，并将其命名为我的新闻列表。如下图所示：

如果您使用vs2010的官方版本，您会发现许多文件会在创建后生成。这是vs2010附带的带有一些样式的页面(母版页)，有点类似于ASP.NET的MVC。我们不需要在这里删除它们，重命名一些文件夹，删除帐户文件夹，关于. aspx，默认. aspx，全局. asax和网站。Mater，并将脚本文件夹重命名为js文件夹。将Styles重命名为css文件夹，这样更符合我们的习惯。当然，你不必改变它。并将新闻数据库文件复制到App_Data文件夹。(如果您是vs2008或其他版本，请执行类似的操作。)最终名单如下：。

好吧，地基我们已经搭建好了，现在我们要筑房子了。建立NewsList.aspx页面，这就是我们的新闻列表页面。在编辑NewsList.aspx之前，我们来先配置一下网络。配置文件，建立于数据库的连接。将connectionStrings/改为：复制代码代码如下：连接字符串添加名称=' new connection ' connectionString='提供程序=微软.喷气机。OLEDB.4.0数据源=| DataActiVe | \ news。' MDB'//连接字符串我们注意到：数据源=|数据目录| \ news.mdb中的数据目录，这就是为什么我们要将数据库文件拷贝到应用数据文件夹下，这样就很方便的调用数据库了，不必为路径的问题而烦恼了。配好网络。配置文件后，我们开始设计前台新闻列表。aspx页面前台身体的代码如下：复制代码代码如下：正文表单id=' form 1 ' runat=' server ' div id=' tableData '表格单元格填充=' 5 '单元格间距=' 1 '宽度=' 90% ' id=' ProductTable ' align=' center ' tr th style=' width : 60% ' a style=' cursor 3360 pointer；'新闻的标题/aspan id=' product id '/span/th style=' width : 10% ' a style=' cursor : pointer；'阅读次数/aspan id=' UnitPrice '/span/th style=' width : 30% ' a style=' cursor : pointer；'发表/aspan id='停产/span /th /tr /table /div div id='分页class='digg' /div /div /form /body我们看到这是一个桌子，但里面并没有绑定或者写一些代码，这是为了以后使用创建交互式、快速动态网页应用的网页开发技术添加上去。同时我们注意到有这样的一些id span id='productid'/span这是以后使用json绑定是需要的。现在，我们来写一些后台代码，尝试着连接数据库。为了简单起见，我把连接数据库的代码写到NewsList.aspx的后台代码及NewsList.aspx.cs中，其实我们在实际的项目中，往往会把数据库操作的那块封装起了，只提供接口。后台代码如下：复制代码代码如下：使用系统；使用系统。集合。通用；使用系统Linq .使用系统网络.使用系统网络。用户界面使用系统。网络控件；使用系统。数据。OleDb命名空间我的新闻列表{公共分部类新闻列表：系统.网络。UI.Page { //数据库连接字符串公共静态字符串连接字符串=系统网络。配置。webconfigurationmanager。connectionstrings['新连接'].ToString()；公共静态OleDbConnection连接器受保护的无效页面_加载(对象发送方，事件参数e) { if(！页面IsPostBack){ test connection()；//测试连接数据库} }受保护的void test connection(){ conn=new oledb连接(connectionString)；//创建新的连接尝试{ conn . Open()；if (conn.State==System .数据。连接状态。打开){响应。写('数据库连接成功');} else { Response .写('连接状态是关闭的');} }捕获（异常e){ 0响应。写('连接失败，错误原因：' e。消息);//如果连接失败将错误显示出来}最后{ conn . Close()；//一定要及时关掉conn } } } }当我们运行页面后发现"数据库连接成功"后，我们才开始下面的密码编码。