商城新闻系统首页的设计Word文件下载.docx
《商城新闻系统首页的设计Word文件下载.docx》由会员分享，可在线阅读，更多相关《商城新闻系统首页的设计Word文件下载.docx（12页珍藏版）》请在冰豆网上搜索。
最终生成的界面如图：
图2
（3）界面源代码如下：
<
divclass="
style3"
>
<
asp:
GridViewID="
GridView1"
runat="
server"
AutoGenerateColumns="
False"
CssClass="
style1"
DataKeyNames="
id"
DataSourceID="
AccessDataSource1"
GridLines="
None"
ShowHeader="
Columns>
TemplateFieldShowHeader="
false"
ItemTemplate>
shorstyle"
HyperLinkID="
HyperLink1"
NavigateUrl='
%#Eval（"
"
show.aspx?
id={0}"
）%>
'
Text='
title"
ToolTip='
/asp:
HyperLink>
/div>
/ItemTemplate>
TemplateField>
BoundFieldDataField="
addtime"
DataFormatString="
{0:
d}"
SortExpression="
/>
/Columns>
GridView>
style2"
spanclass="
lang="
zh-cn"
br/>
ahref="
more.aspx"
更多新闻&
gt;
&
/a>
/span>
AccessDataSourceID="
DataFile="
~/App_Data/shop.mdb"
SelectCommand="
SELECT[addtime],[title],[id]FROM[news]ORDERBY[id]DESC"
AccessDataSource>
3.2单条新闻详细内容的显示
（1）当点击首页中的新闻标题链接时，会连接到一个网页show.aspx，同时根据传递过来的新闻id号，显示该编号对应新闻的详细内容。
（2）效果如图：
图3
（3）界面生成的源代码如下：
EditItemTemplate>
id:
LabelID="
idLabel1"
%#Eval（"
title:
TextBoxID="
titleTextBox"
%#Bind（"
contents:
contentsTextBox"
contents"
addtime:
addtimeTextBox"
LinkButtonID="
UpdateButton"
CausesValidation="
True"
CommandName="
Update"
Text="
更新"
&
nbsp;
UpdateCancelButton"
Cancel"
取消"
/EditItemTemplate>
InsertItemTemplate>
InsertButton"
Insert"
插入"
InsertCancelButton"
/InsertItemTemplate>
tableclass="
tr>
tdclass="
titleLabel"
/td>
/tr>
style4"
这是第<
idLabel"
条新闻，添加时间是<
addtimeLabel"
hr/>
td>
contentsLabel"
/table>
3.3更多新闻分页的实现
（1）使用GridView控件实现分页显示所有新闻，并设置分页显示的样式。
div>
AllowPaging="
CellPadding="
4"
ForeColor="
#333333"
PageSize="
8"
PagerSettingsFirstPageText="
首页"
LastPageText="
尾页"
Mode="
NextPreviousFirstLast"
NextPageText="
下一页"
PreviousPageText="
上一页"
RowStyleBackColor="
#F7F6F3"
HeaderText="
FooterStyleBackColor="
#5D7B9D"
Font-Bold="
White"
PagerStyleBackColor="
#284775"
HorizontalAlign="
Center"
SelectedRowStyleBackColor="
#E2DED6"
HeaderStyleBackColor="
EditRowStyleBackColor="
#999999"
AlternatingRowStyleBackColor="
SELECT[title],[addtime],[id]FROM[news]ORDERBY[id]DESC"
3.4新闻后台登录页的设计
（1）设计新闻后台管理的登录页，在登录时添加一个验证码，只有
管理员才能登录商城新闻系统的后台管理页面，实现新闻的添加、删除与修改。
（2）效果图如图：
图4
（3）单击“登录”按钮生成的代码：
if（TextBox3.Text!
=Request.Cookies["
CheckCode"
].Value.ToString（））
Response.Write（"
script>
alert（'
验证码错误！
）<
/script>
"
）;
else
{
stringstrSQL="
select*from[用户表]where用户名='
+TextBox1.Text+"
and密码='
+TextBox2.Text+"
;
DataTabledt=DbManger.ExecuteQuery（strSQL）;
if（dt.Rows.Count>
0）
Session["
pass"
]=1;
Response.Redirect（"
manager.aspx"
}
用户名或密码错误！
3.5商城新闻系统后台管理页面
（1）设计新闻后台管理页面，管理员可以对当前的新闻分页查看，并可以删除、修改、插入新的新闻。
（2）新建一个Web用户控件fenye.aspx，效果如图：
图5
（3）界面生成的代码如下：
tdalign="
left"
id=<
target="
_blank"
del.aspx?
删除<
edit.aspx?
修改<
3.6商城新闻的删除
（1）当点击新闻管理页mananger.aspx中的“删除”链接时，将删除有关这条新闻的所有信息。
（2）新建窗体文件del.aspx，双击后切换到del.aspx.cs,在文件中加入删除功能的相关代码即可，文件del.aspx.cs的代码如下：
protectedvoidPage_Load（objectsender,EventArgse）
if（Convert.ToInt32（Session["
]）==0）
login.aspx"
deletefromnewswhereid="
+Request.QueryString["
];
if（DbManger.ExecuteNonQuery（strSQL）>
删除成功！
location.assign（'
manager.aspx'
}
3.7商城新闻的添加
（1）在文本框中输入新闻标题和新闻征文内容，单击“添加新闻”按钮时即可完成新闻的添加。
（2）新建网页insert.aspx，设计图如图所示：
图6
3.8商城新闻的修改
（1）当在管理页中点击“修改”连接时，将跳转到edit.aspx页面，在文本框中显示该新闻的原内容，进行修改后，单击“修改完成”按钮即可完成修改，单击“恢复原样”按钮将放弃修改。
图7
（3）单击“修改完成”按钮生成的代码：
protectedvoidButton1_Click（objectsender,EventArgse）
stringstrContent=Server.HtmlDecode（txtContent.Text）;
strContent=strContent.Replace（"
\r\n"
"
br>
"
nbsp"
stringstrTitle=Server.HtmlDecode（txtTitle.Text）;
strTitle=strTitle.Replace（"
update[news]set[title]='
+strTitle+"
[contents]='
+strContent+"
addtime='
+DateTime.Now+"
whereid="
+Request.QueryString["
修改成功！
修改失败！
单击“恢复原样”按钮生成的代码如下：
]）!
=1）
if（!
IsPostBack）
select*fromnewswhereid="
txtTitle.Text=Server.HtmlDecode（dt.Rows[0]["
].ToString（）.Replace（"
））;
txtContent.Text=Server.HtmlDecode（dt.Rows[0]["
4.心得体会
本任务的难点在于处理文字、空格、html代码、换行等符号在修改和显示时的状态，在文本框中显示新闻时，换行的处理方法是将<
替换成回车，这样才能在文本框中到达换行的效果，这和直接输出到网页中不一样，而在添加到数据库前，要将回车符反向替换成<
，这样在页面中显示新闻时才能正常换行。
升级会员 