ASP动态网站课程设计.docx
- 文档编号：10904535
- 上传时间：2023-02-23
- 格式：DOCX
- 页数：27
- 大小：1.43MB
ASP动态网站课程设计.docx
《ASP动态网站课程设计.docx》由会员分享，可在线阅读，更多相关《ASP动态网站课程设计.docx（27页珍藏版）》请在冰豆网上搜索。
ASP动态网站课程设计
马鞍山职业技术学院
《动态网站》课程设计
题目：
时尚家私网站设计
学号：
121151
姓名：
魏元超
班级：
12计网2班
专业：
计算机网络技术
系别：
电子信息系
指导教师：
黎元彪
2013—2014学年第2学期
《动态网站》课程设计任务书及成绩评定
系别：
计算机系日期：
2014年2月7日
课题名称
时尚家私网站
学生姓名
费晓庆
学号
121161
指导教师
黎元彪
设计任务：
设计一网站，网站名称与主题自定。
网站中必须包含新闻栏目，所有新闻存放在数据库中，实现对数据库新闻的浏览、增、删、改操作。
设计要求：
浏览新闻：
●新闻列表
●新闻详情
客户留言
●提交客户留言
后台管理
●登录
●添加新闻
●编辑新闻
●查看客户留言
●修改密码
数据库采用Access，服务器技术采用ASP.NET。
起止时间：
2014.6.1——2014.6.20
成绩：
服装搭配网设计
需求分析
背景描述
企业在没有网站时的情况，有了网站的好处及作用。
系统功能
1．首页
导航条、企业小公告（滚动）、企业新闻（前10条）、产品展示（显示主要产品的小图片、名称、价格、单位，单击后在另一页显示大图片及相关内容介绍）、企业联系方式、企业产品网上调查、网站访问量。
2．关于我们
以文字和图片的方式介绍企业的起源、发展史、企业性质、经营情况、获奖证书等。
3．企业新闻
按新闻发布日期顺序分页显示所有新闻的日期和标题，最近的新闻排列在最前。
点击某一新闻标题后，在另一面显示该新闻的详细内容，包括新闻图片。
4．食品展示
以小图标方式分类显示本店各食品，并在每一图标下方标有该食品的名称、单价等信息，类别分为肉食类、素食类和小包装类。
单击小图标后在另一页显示大图片及相关内容介绍。
5．店面位置
在当涂县地图上标出各分店的位置。
6．客户留言
该板块提供了网站客户与公司进行交流的平台。
用户可在此页面中输入留言主题、留言内容、Email等信息并提交到网站服务器。
7．后台管理
管理员通过帐号、密码登录后进入后台管理页面。
后台管理有编辑新闻、查看留言和修改密码三个页面组成，各页面之间可相互链接。
网站文件及网站方框图
网站方框图
网站文件
1．首页：
Index.aspx
2．关于我们：
AboutUs.htm
3．企业新闻：
News.aspx
4．新闻详情：
NewsDetails.aspx
5．食品展示：
Products.htm
6．店面位置：
Location.htm
7．客户留言：
Message.aspx
8．后台管理登录：
Login.aspx
9．添加新闻：
AddNews.aspx
10．编辑新闻：
EditNews.aspx
11．查看、编辑留言：
EditMessage.aspx
12．修改密码：
ModifyPassword.aspx
13.产品详情：
ProductDetails.aspx
14.添加产品：
AddProduct.aspx
15.编辑产品：
EditProduct.aspx
页面布局图
主页布局图
主页布局图有如下部分组成：
●头部：
公司徽标、公司名称、横幅图片；
●导航栏：
首页、关于我们、企业新闻、食品展示、店面位置、客户留言；
●左侧：
联系方式、企业产品网上调查、网站访问量；
●主体：
公告栏、联系方式、企业新闻前5条、主要食品展示；
●底部：
版权说明、ICP备案号、后台管理入口。
主页布局图：
子页面布局图
详细设计
首页包含文件及代码
DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http:
//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
//www.w3.org/1999/xhtml">
body{
}
$（document）.ready（function（）{
$（"#nav_10001"）.addClass（"downnav"）;
$（"#navli"）.hover（
function（）{
$（this）.addClass（"hover"）;
},
function（）{
$（this）.removeClass（"hover"）;
}
）;
}）;
#top{
background:
url（）no-repeat;
}
20px;height: 25px;margin-top: 8px;"> 25px;"> |
#navli.class1{min-width:
80.5px;_width:
80.5px;}
652px;">
《Java程序设计》考试大纲及样题试行.docx
