一步步打造漂亮的新闻列表(无刷新分页、内容预览)第二步
1。动态的新闻列表（这个很简单）
2。可以分页读取新闻列表（这个也不难）
3。可以无刷新的分页读取新闻列表（这个稍微有点难度）
4。可以预览新闻的内容（这个也稍微有点难度）
5。界面友好（这个是必须的）
按照软件工程的顺序，我们应按照这样的顺序开发软件：可行性分析===》需求分析===》概要设计===》详细设计===》编码===》测试
由于我们仅仅是项目中的一个小部分，但也差不多按照以上的顺序进行开发，这是一个良好的习惯。我们将概要设计和详细设计放在一起。
下面我们来设计数据库，由于采用的是Access数据库，而且字段也相对简单。就一张表tb_news，数据库名为news。
列
名称 类型 长度
news_id 长整型 4
news_title 文本 255
news_content 内存 -
news_time 日期/时间 8
news_readtimes 长整型 4
当然，你可以根据自己的需要增加字段或减少字段。其中news_content尽可能的长一些，符合新闻的长度。
数据库设计完毕后，我们可以开始编码了。首先建立asp.net项目（我比较偏向于web application，而不是website），将其命名为MyNewsList。如下图所示：
如果是用vs2010正式版，创建好后会发现会生成很多文件，它是vs2010自带的有些样式的页面（母版页），有点类似于asp.net mvc。这里我们不需要，将他们删除并且将一些文件夹重命名，将Account文件夹、About.aspx、Default.aspx、Global.asax和site.Mater删掉，并且将Scripts文件夹重命名为js文件夹；将Styles重命名为css文件夹，这样更符合我们的习惯，当然你也可以不改。并且将news数据库文件拷贝至App_Data文件夹。（如果你是vs2008或者其他版本，做类似的操作）最后的列表如下图：
ok，地基我们已经搭建好了，现在我们要筑房子了。建立NewsList.aspx页面，这就是我们的新闻列表页面。
在编辑NewsList.aspx之前，我们来先配置一下web.config文件，建立于数据库的连接。将<connectionStrings/>改为：
<connectionStrings>
<add name="NewsConnection" connectionString="provider=Microsoft.Jet.OLEDB.4.0 ; Data Source=|DataDirectory|\news.mdb;"/>
</connectionStrings>
我们注意到：Data Source=|DataDirectory|\news.mdb;中的DataDirectory，这就是为什么我们要将数据库文件拷贝到App_Data文件夹下，这样就很方便的调用数据库了，不必为路径的问题而烦恼了。
配好web.config文件后，我们开始设计前台。NewsList.aspx页面前台body的代码如下：
<body>
<form id="form1" runat="server">
<div>
<div id="tableData">
<table cellpadding="5" cellspacing="1" width="90%" id="productTable" align="center">
<tr>
<th style="width: 60%">
<a style="cursor: pointer;">新闻的标题</a><span id="productid"></span>
</th>
<th style="width: 10%">
<a style="cursor: pointer;">阅读次数</a><span id="UnitPrice"></span>
</th>
<th style="width: 30%">
<a style="cursor: pointer;">发表</a><span id="Discontinued"></span>
</th>
</tr>
</table>
</div>
<div id="pagination" class="digg">
</div>
</div>
</form>
</body>
我们看到这是一个table，但里面并没有绑定或者写一些代码，这是为了以后使用ajax添加上去。同时我们注意到有这样的一些id
<span id="productid"></span>这是以后使用json绑定是需要的。
现在，我们来写一些后台代码，尝试着连接数据库。为了简单起见，我把连接数据库的代码写到NewsList.aspx的后台代码及NewsList.aspx.cs中，其实我们在实际的项目中，往往会把数据库操作的那块封装起了，只提供接口。
后台代码如下：
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Data.OleDb;
namespace MyNewsList
{
public partial class NewsList : System.Web.UI.Page
{
//数据库连接字符串
public static string connectionString = System.Web.Configuration.WebConfigurationManager.ConnectionStrings["NewsConnection"].ToString();
public static OleDbConnection conn;
protected void Page_Load(object sender, EventArgs e)
{
if (!Page.IsPostBack)
{
TestConnection();//测试连接数据库
}
}
protected void TestConnection()
{
conn = new OleDbConnection(connectionString);//创建新的连接
try
{
conn.Open();
if (conn.State == System.Data.ConnectionState.Open)
{
Response.Write("数据库连接成功");
}
else
{
Response.Write("连接状态是关闭的");
}
}
catch (Exception e)
{
Response.Write("连接失败，错误原因："+e.Message);//如果连接失败将错误显示出来
}
finally
{
conn.Close();//一定要及时关掉conn
}
}
}
}
当我们运行页面后发现“数据库连接成功”后，我们才开始下面的code编码。
相关文章
Asp.Net 不同的OnClick事件区别小结(onserverclick,onclientclick)
下面以 HTML的按钮（ system.web.ui.htmlcontrols ） 和 ASP.NET服务端按钮 （ system.web.ui.webcontrols ) 为例2012-05-05
在.NET Core中，任务 (tasks) 是并发编程的主要抽象表述，但还有其他支撑类可以使我们的工作更容易。下面小编和大家一起学习一下吧2019-05-05
这篇文章主要介绍了.NET小常识，对于想学习.net的朋友有个参考，一些问答与基础介绍，对于刚开始接触.net的朋友很有帮助，下面大家一起了解下吧2012-05-05
这篇文章介绍了WPF引用MVVM框架与使用方法，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2022-01-01
那些年觉得看视频是很轻松的了解一个东西，但是这样的不足就是感觉太慢了，没有看书来得快，所以在有了一些了解后，还得看点书，也许书上的不一定好，但书上会把每一个应该说到的地方说到，好有个初步的认识2012-03-03
这篇文章介绍了WPF中Style样式及其触发器，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2022-01-01
方法(Method)是一个已命名的语句集。如果以前使用过其他编程语言，如C或Visual Basic等，就可以将方法视为函数或者子程序相似的东西。每个方法都有一个名称和一个主体。方法名应该是一个有意义的标识符，它应描述出方法的用途(如CalculateIncomeTax)。方法主体包含了调用方法时实际执行的语句。你可以为大多数方法提供一些数据来进行处理，并让它返回一些信息(通常是处理结果)。方法是一种基本的、功能强大的编程机制。2008-04-04
这篇文章介绍了创建ASP.Net Core MVC项目的方法，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2022-02-02
这篇文章介绍了ASP.NET Core基础之Startup类，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2022-02-02
这篇文章介绍了.Net Core微服务rpc框架GRPC通信的基础应用，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2022-01-01
最新评论