asp.net

位置:IT落伍者 >> asp.net >> 浏览文章

ASP.NET项目开发指南:文章管理页面


发布日期:2018年05月31日
 
ASP.NET项目开发指南:文章管理页面

管理员界面文章管理

文章管理页面

单击ST_adminaspx页面中的文章管理超链接将显示出文章管理的相关信息这部分内容是由ST_mainaspx页面来实现的如图所示

文章管理页面

此页面用了一个GridView控件用来向用户展示已有的文章信息同时提供修改和删除文章信息的操作

ST_mainaspx的HTML主要代码

ST_mainaspx的HTML主要代码如程序所示

程序 ST_mainaspx

<form id=main method=post runat=server>

<table cellSpacing= cellPadding= width=% align=center

border=>

<TBODY><tr>

<td bgColor=#fff height=>后台管理&gt;文章查看</td>

</tr>

<tr>

<td><font face=宋体>

<!GridView控件>

<asp:GridView id=ArticleList runat=server

AutoGenerateColumns=False Width=%

HorizontalAlign=CenterAllowPaging=True

onpageindexchanging=ArticleList_

PageIndexChanging=Get_Page>

<Columns>

<!模板列>

<asp:TemplateField>

<HeaderTemplate>

<table Width=% border=

cellpadding= cellspacing=

class=table>

<tr><td width=% height=>

<div align=center>选项</div>

</td>

<td width=% height=>

<div align=center>标题</div>

</td>

<td width= height=>

<div align=center>人气</div>

</td>

<td width= height=>

<div align=center>评论</div>

</td>

<td width=% height=>

<div align=center>管理</div>

</td></tr>

</table>

</HeaderTemplate>

<ItemTemplate>

<table width=% border=

cellpadding= cellspacing=

class=table>

<tr>

<td height= width=%>

<div align=center>

<!将数据绑定到 input >

<input type=checkbox

name=checkbox value=<%#

Eval(ST_n_id) %>>

</div></td>

<td height= width=%>

<div align=center><a

href=ST_showaspx?id=<%#

Eval(ST_n_id) %> target=_blank><%#

Eval(ST_n_title) %></a>

</div></td>

<td height= width=>

<div align=center><%#

Eval(ST_n_hit) %></div>

</td>

<td height= width=>

<div align=center><%#

Eval(ST_n_re) %></div>

</td>

<td height=>

<div align=center><a

href=ST_editaspx?action=edit&id=<%#

Eval(ST_n_id) %>>修改</a>/<a

href=ST_editaspx?action=del&id=<%# Eval(ST_n_id) %>

onclick=return confirm(确定删除>删除</a></div>

</td></tr>

</table>

</ItemTemplate>

</asp:TemplateField>

</Columns>

<!分页设置>

<PagerSettings NextPageText=下一页

PreviousPageText=上一页

Mode=NextPrevious />

</asp:GridView></font></td>

</tr></TBODY>

</table>

<FONT face=宋体></FONT>

</form>

【代码说明】代码第~行的GridView主要用来向用户展示已有的文章信息代码第~行说明GridView同时还提供了修改和删除文章信息的操作代码第~行说明当前的GridView支持翻页操作

说明翻页模式通过Mode属性控制

后台事件处理

编写后台事件处理页面ST_ mainaspxcs用于实现修改和删除文章的功能其主要代码如程序所示

程序 ST_mainaspxcs

protected void Page_Load(object sender SystemEventArgs e)

{

//在此处放置用户代码以初始化页面

//判断登录

check_Login()

/*建立连接*/

string ST_dns = ConfigurationSettingsAppSettings[conn];

ST_myConn = new OleDbConnection(ST_dns)

//自定义ST_Article_Bind()方法加载文章的信息

ST_Article_Bind()

}

//加载文章的信息

private void ST_Article_Bind()

{

//创建查询指定文章信息的SQL语句

string ST_sql = select * from ST_news;

//创建OleDbCommand对象对SQL语句进行操作

OleDbDataAdapter ST_myCmd = new

OleDbDataAdapter(ST_sqlST_myConn)

//创建DataSet的实例

DataSet ST_ds = new DataSet()

//将信息填充到ST_ds

//GridView获得DataSet的记录

ArticleListDataSource = new DataView(ST_dsTables[])

//绑定GridView

ArticleListDataBind()

}

【代码说明】页面进行初始化时代码第行调用ST_Article_Bind()方法从数据库中获取文章信息并绑定到GridView控件~行是一段读取数据并返回数据集的常见代码从其中的第行可以看出读取的是ST_news数据表

说明使用OleDbDataAdapter不需要打开数据库连接

返回目录ASPNET项目开发指南

编辑推荐

ASPNET MVC 框架揭秘

ASPNET开发宝典

ASP NET开发培训视频教程

               

上一篇:ASP.NET项目开发指南:类型的添加

下一篇:ASP.NET项目开发指南:文章的修改和删除