欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

一步步打造漂亮的新聞列表(無刷新分頁(yè)、內(nèi)容預(yù)覽)第二步

 更新時(shí)間:2010年07月18日 22:42:19   作者:  
由于我們僅僅是項(xiàng)目中的一個(gè)小部分,但也差不多按照以上的順序進(jìn)行開發(fā),這是一個(gè)良好的習(xí)慣。我們將概要設(shè)計(jì)和詳細(xì)設(shè)計(jì)放在一起。
 在上一篇文章中,我們進(jìn)行了需求分析,如下:

1。動(dòng)態(tài)的新聞列表(這個(gè)很簡(jiǎn)單)

2??梢苑猪?yè)讀取新聞列表(這個(gè)也不難)

3??梢詿o刷新的分頁(yè)讀取新聞列表(這個(gè)稍微有點(diǎn)難度)

4??梢灶A(yù)覽新聞的內(nèi)容(這個(gè)也稍微有點(diǎn)難度)

5。界面友好(這個(gè)是必須的)

    按照軟件工程的順序,我們應(yīng)按照這樣的順序開發(fā)軟件:可行性分析===》需求分析===》概要設(shè)計(jì)===》詳細(xì)設(shè)計(jì)===》編碼===》測(cè)試

    由于我們僅僅是項(xiàng)目中的一個(gè)小部分,但也差不多按照以上的順序進(jìn)行開發(fā),這是一個(gè)良好的習(xí)慣。我們將概要設(shè)計(jì)和詳細(xì)設(shè)計(jì)放在一起。

    下面我們來設(shè)計(jì)數(shù)據(jù)庫(kù),由于采用的是Access數(shù)據(jù)庫(kù),而且字段也相對(duì)簡(jiǎn)單。就一張表tb_news,數(shù)據(jù)庫(kù)名為news。

      名稱                                 類型                長(zhǎng)度

      news_id                               長(zhǎng)整型                       4

      news_title                             文本                       255

      news_content                           內(nèi)存                         -

      news_time                              日期/時(shí)間                     8

      news_readtimes                          長(zhǎng)整型                       4

 

當(dāng)然,你可以根據(jù)自己的需要增加字段或減少字段。其中news_content盡可能的長(zhǎng)一些,符合新聞的長(zhǎng)度。

數(shù)據(jù)庫(kù)設(shè)計(jì)完畢后,我們可以開始編碼了。首先建立asp.net項(xiàng)目(我比較偏向于web application,而不是website),將其命名為MyNewsList。如下圖所示:

 

 

 如果是用vs2010正式版,創(chuàng)建好后會(huì)發(fā)現(xiàn)會(huì)生成很多文件,它是vs2010自帶的有些樣式的頁(yè)面(母版頁(yè)),有點(diǎn)類似于asp.net mvc。這里我們不需要,將他們刪除并且將一些文件夾重命名,將Account文件夾、About.aspx、Default.aspx、Global.asax和site.Mater刪掉,并且將Scripts文件夾重命名為js文件夾;將Styles重命名為css文件夾,這樣更符合我們的習(xí)慣,當(dāng)然你也可以不改。并且將news數(shù)據(jù)庫(kù)文件拷貝至App_Data文件夾。(如果你是vs2008或者其他版本,做類似的操作)最后的列表如下圖:

 

ok,地基我們已經(jīng)搭建好了,現(xiàn)在我們要筑房子了。建立NewsList.aspx頁(yè)面,這就是我們的新聞列表頁(yè)面。
在編輯NewsList.aspx之前,我們來先配置一下web.config文件,建立于數(shù)據(jù)庫(kù)的連接。將<connectionStrings/>改為:

復(fù)制代碼 代碼如下:

<connectionStrings>
<add name="NewsConnection" connectionString="provider=Microsoft.Jet.OLEDB.4.0 ; Data Source=|DataDirectory|\news.mdb;"/>
</connectionStrings>

我們注意到:Data Source=|DataDirectory|\news.mdb;中的DataDirectory,這就是為什么我們要將數(shù)據(jù)庫(kù)文件拷貝到App_Data文件夾下,這樣就很方便的調(diào)用數(shù)據(jù)庫(kù)了,不必為路徑的問題而煩惱了。

配好web.config文件后,我們開始設(shè)計(jì)前臺(tái)。NewsList.aspx頁(yè)面前臺(tái)body的代碼如下:
復(fù)制代碼 代碼如下:

<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;">新聞的標(biāo)題</a><span id="productid"></span>
</th>
<th style="width: 10%">
<a style="cursor: pointer;">閱讀次數(shù)</a><span id="UnitPrice"></span>
</th>
<th style="width: 30%">
<a style="cursor: pointer;">發(fā)表</a><span id="Discontinued"></span>
</th>
</tr>
</table>
</div>
<div id="pagination" class="digg">
</div>
</div>
</form>
</body>

我們看到這是一個(gè)table,但里面并沒有綁定或者寫一些代碼,這是為了以后使用ajax添加上去。同時(shí)我們注意到有這樣的一些id
<span id="productid"></span>這是以后使用json綁定是需要的。

現(xiàn)在,我們來寫一些后臺(tái)代碼,嘗試著連接數(shù)據(jù)庫(kù)。為了簡(jiǎn)單起見,我把連接數(shù)據(jù)庫(kù)的代碼寫到NewsList.aspx的后臺(tái)代碼及NewsList.aspx.cs中,其實(shí)我們?cè)趯?shí)際的項(xiàng)目中,往往會(huì)把數(shù)據(jù)庫(kù)操作的那塊封裝起了,只提供接口。
后臺(tái)代碼如下:
復(fù)制代碼 代碼如下:

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
{
//數(shù)據(jù)庫(kù)連接字符串
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();//測(cè)試連接數(shù)據(jù)庫(kù)
}
}
protected void TestConnection()
{
conn = new OleDbConnection(connectionString);//創(chuàng)建新的連接
try
{
conn.Open();
if (conn.State == System.Data.ConnectionState.Open)
{
Response.Write("數(shù)據(jù)庫(kù)連接成功");
}
else
{
Response.Write("連接狀態(tài)是關(guān)閉的");
}
}
catch (Exception e)
{
Response.Write("連接失敗,錯(cuò)誤原因:"+e.Message);//如果連接失敗將錯(cuò)誤顯示出來
}
finally
{
conn.Close();//一定要及時(shí)關(guān)掉conn
}
}
}
}

當(dāng)我們運(yùn)行頁(yè)面后發(fā)現(xiàn)“數(shù)據(jù)庫(kù)連接成功”后,我們才開始下面的code編碼。

相關(guān)文章

  • Asp.Net 不同的OnClick事件區(qū)別小結(jié)(onserverclick,onclientclick)

    Asp.Net 不同的OnClick事件區(qū)別小結(jié)(onserverclick,onclientclick)

    下面以 HTML的按鈕( system.web.ui.htmlcontrols ) 和 ASP.NET服務(wù)端按鈕 ( system.web.ui.webcontrols ) 為例
    2012-05-05
  • .NET Core 中的并發(fā)編程

    .NET Core 中的并發(fā)編程

    在.NET Core中,任務(wù) (tasks) 是并發(fā)編程的主要抽象表述,但還有其他支撐類可以使我們的工作更容易。下面小編和大家一起學(xué)習(xí)一下吧
    2019-05-05
  • 答你所問 .NET小常識(shí) 方便學(xué)習(xí)asp.net的朋友

    答你所問 .NET小常識(shí) 方便學(xué)習(xí)asp.net的朋友

    這篇文章主要介紹了.NET小常識(shí),對(duì)于想學(xué)習(xí).net的朋友有個(gè)參考,一些問答與基礎(chǔ)介紹,對(duì)于剛開始接觸.net的朋友很有幫助,下面大家一起了解下吧
    2012-05-05
  • WPF引用MVVM框架與使用方法

    WPF引用MVVM框架與使用方法

    這篇文章介紹了WPF引用MVVM框架與使用方法,對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2022-01-01
  • 那些年,我還在學(xué)習(xí)asp.net(二) 學(xué)習(xí)筆記

    那些年,我還在學(xué)習(xí)asp.net(二) 學(xué)習(xí)筆記

    那些年覺得看視頻是很輕松的了解一個(gè)東西,但是這樣的不足就是感覺太慢了,沒有看書來得快,所以在有了一些了解后,還得看點(diǎn)書,也許書上的不一定好,但書上會(huì)把每一個(gè)應(yīng)該說到的地方說到,好有個(gè)初步的認(rèn)識(shí)
    2012-03-03
  • WPF中Style樣式及其觸發(fā)器

    WPF中Style樣式及其觸發(fā)器

    這篇文章介紹了WPF中Style樣式及其觸發(fā)器,對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2022-01-01
  • C#聲明方法實(shí)例說明

    C#聲明方法實(shí)例說明

    方法(Method)是一個(gè)已命名的語句集。如果以前使用過其他編程語言,如C或Visual Basic等,就可以將方法視為函數(shù)或者子程序相似的東西。每個(gè)方法都有一個(gè)名稱和一個(gè)主體。方法名應(yīng)該是一個(gè)有意義的標(biāo)識(shí)符,它應(yīng)描述出方法的用途(如CalculateIncomeTax)。方法主體包含了調(diào)用方法時(shí)實(shí)際執(zhí)行的語句。你可以為大多數(shù)方法提供一些數(shù)據(jù)來進(jìn)行處理,并讓它返回一些信息(通常是處理結(jié)果)。方法是一種基本的、功能強(qiáng)大的編程機(jī)制。
    2008-04-04
  • ASP.Net?Core?MVC基礎(chǔ)系列之項(xiàng)目創(chuàng)建

    ASP.Net?Core?MVC基礎(chǔ)系列之項(xiàng)目創(chuàng)建

    這篇文章介紹了創(chuàng)建ASP.Net?Core?MVC項(xiàng)目的方法,對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2022-02-02
  • ASP.NET?Core基礎(chǔ)之Startup類

    ASP.NET?Core基礎(chǔ)之Startup類

    這篇文章介紹了ASP.NET?Core基礎(chǔ)之Startup類,對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2022-02-02
  • .Net?Core微服務(wù)rpc框架GRPC通信基礎(chǔ)

    .Net?Core微服務(wù)rpc框架GRPC通信基礎(chǔ)

    這篇文章介紹了.Net?Core微服務(wù)rpc框架GRPC通信的基礎(chǔ)應(yīng)用,對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2022-01-01

最新評(píng)論