商城新闻系统首页的设计Word文件下载.docx
- 文档编号:21360284
- 上传时间:2023-01-30
- 格式:DOCX
- 页数:12
- 大小:266.12KB
商城新闻系统首页的设计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代码、换行等符号在修改和显示时的状态,在文本框中显示新闻时,换行的处理方法是将<
替换成回车,这样才能在文本框中到达换行的效果,这和直接输出到网页中不一样,而在添加到数据库前,要将回车符反向替换成<
,这样在页面中显示新闻时才能正常换行。
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 商城 新闻 系统 首页 设计