Web课程设计报告.docx
- 文档编号：16993693
- 上传时间：2023-07-21
- 格式：DOCX
- 页数：20
- 大小：803.28KB
Web课程设计报告.docx
《Web课程设计报告.docx》由会员分享，可在线阅读，更多相关《Web课程设计报告.docx（20页珍藏版）》请在冰点文库上搜索。
Web课程设计报告
课程设计报告书
设计名称：
ASP.NET动态网站开发
题目：
计控科技有限公司官网
学生姓名：
专业：
计算机控制技术
班别：
计控081
学号：
指导老师：
日期：
2011年1月12日
一、概述
1、设计背景：
Web开发与应用
2、设计目的：
巩固和掌握编写web网页的基本概念和基本技能，提高实际动手能力，并通过实际编程和设计实现中c#.net的运用，加深对软件的理解和掌握。
主要需要掌握的软件有:
MicrosoftVisualStudio2005、DIV+CSS样式排版、基础HTML语言的脚本编辑、Photoshop网页配色及排版等，本网站可以实现对公司情况的浏览、概述，其中包含该公司地址联系方式、新闻公告、帮助留言、公司产品的概述既浏览、公司员工的一栏表等功能。
3、软件定义：
计控科技有限公司官网
4、开发环境：
MicrosoftVisualStudio2005,SQLSERVER2005和access2003
二、系统需求分析报告
1、问题的提出：
一个公司的商品怎么样才能让不同地区的人，更多的人去了解呢？
答案是网页！
厂商可以通过自己的官网把自己的产品信息发送到互联网去，让更多的人了解你的公司，了解你的公司生产的产品，了解产品的功能、用途、价格等，以便于扩大自己产品的销售范围和销售量，实现更好的增收目的。
2、需完成的功能：
前台：
（1）能展示公司的基本信息、概况等。
（2）能展示公司的产品及产品性能指标、用途、类型、图片等。
（3）公司内的新闻。
（4）能浏览公司职员的部门、职位、联系方式等。
帮助留言。
（5）公司的帮助栏，和留言板，以及公司的联系方式等
后台：
（1）能对公司的基本信息、概况进行更新。
（2）能添加和更新、删除公司的产品，以及产品的性能指标、用途、类型、上传产品的图片等。
（3）能发布公司新的新闻，能对公司以前的新闻进行更新、删除。
（4）能对公司职员的信息进行添加、更新和删除等。
（5）能管理网页留言板中的内容。
三、数据逻辑结构设计
1、数据表
（1）公司介绍表（公司的有关信息）
（2）公司产品表（产品有关信息）
（3）产品图片表（存储有关图片的地址）
（4）新闻表（公司新闻及其内容）
（5）留言表（存储帮助留言内容）
（6）职员表（公司所以员工及其联系方式）
（7）图片预览查询
2、E-R图
五、程序模块设计与调试
1.网站由十九个页面构成：
其中后台11个页面前台8个页面。
2.页面介绍：
主页面：
页面产品图片展示flash实现功能如下：
varfocus_width=470//设置图片区域宽度
varfocus_height=300//设置图片区域高度
vartext_height=20//设置底部文字高度
varswf_height=focus_height+text_height//设置总高度
varpics=<%=pics%>;//声明变量
varlinks=<%=links%>;
vartexts=<%=texts%>;
document.write（' d27cdb6e-ae6d-11cf-96b8-444553540000"codebase="width="'+focus_width+'"height="'+swf_height+'">'）; document.write（' document.write（' document.write（' document.write（' document.write（''）;
主页产品图片flash展示面代码：
usingSystem;
usingSystem.Collections;
usingSystem.Configuration;
usingSystem.Data;
usingSystem.Web;
usingSystem.Web.Security;
usingSystem.Web.UI;
usingSystem.Web.UI.HtmlControls;
usingSystem.Web.UI.WebControls;
usingSystem.Web.UI.WebControls.WebParts;
publicpartialclassindex:
System.Web.UI.Page
{
publicstringpics="''";//声明变量
publicstringlinks="''";
publicstringtexts="''";
publicstringbiaoti1="";声明五张图片的标题变量
publicstringbiaoti2="";
publicstringbiaoti3="";
publicstringbiaoti4="";
publicstringbiaoti5="";
publicstringlianjie1="";声明五张图片的超链接去向
publicstringlianjie2="";
publicstringlianjie3="";
publicstringlianjie4="";
publicstringlianjie5="";
publicstringzhaopian1="";声明五张图片的路径变量
publicstringzhaopian2="";
publicstringzhaopian3="";
publicstringzhaopian4="";
publicstringzhaopian5="";
protectedvoidPage_Load（objectsender,EventArgse）
{
AccessDataSourceads=newAccessDataSource（）;
ads.DataFile="~/App_Data/我的公司.mdb";
ads.SelectCommand="select*from[公司介绍]";
DataViewdv=（DataView）ads.Select（DataSourceSelectArguments.Empty）;
gongsi.Text=Convert.ToString（dv[0]["公司名称"]）;//初始化位于顶部的公司名称变量
jiazai（）;//调用函数
pics=zhaopian1+"+'|'+"+zhaopian2+"+'|'+"+zhaopian3+"+'|'+"+zhaopian4+"+'|'+"+zhaopian5;
links=lianjie1+"+'|'+"+lianjie2+"+'|'+"+lianjie3+"+'|'+"+lianjie4+"+'|'+"+lianjie5;
texts=biaoti1+"+'|'+"+biaoti2+"+'|'+"+biaoti3+"+'|'+"+biaoti4+"+'|'+"+biaoti5;
//对flash所用到的变量格式赋值
}
protectedvoidjiazai（）//对flash展示图片所要用到的变量赋值
{
AccessDataSourceads=newAccessDataSource（）;
ads.DataFile="~/App_Data/我的公司.mdb";
ads.SelectCommand="select*from[产品预览]ORDERBY[产品日期]DESC";//按日期从新到旧排序
DataViewdv=（DataView）ads.Select（DataSourceSelectArguments.Empty）;
biaoti1="'"+Convert.ToString（dv[0]["产品名称"]）+"'";
biaoti2="'"+Convert.ToString（dv[1]["产品名称"]）+"'";
biaoti3="'"+Convert.ToString（dv[2]["产品名称"]）+"'";
biaoti4="'"+Convert.ToString（dv[3]["产品名称"]）+"'";
biaoti5="'"+Convert.ToString（dv[4]["产品名称"]）+"'";
lianjie1="'product1.aspx?
nid="+Convert.ToString（dv[0]["album_id"]）+"'";
lianjie2="'product1.aspx?
nid="+Convert.ToString（dv[1]["album_id"]）+"'";
lianjie3="'product1.aspx?
nid="+Convert.ToString（dv[2]["album_id"]）+"'";
lianjie4="'product1.aspx?
nid="+Convert.ToString（dv[3]["album_id"]）+"'";
lianjie5="'product1.aspx?
nid="+Convert.ToString（dv[4]["album_id"]）+"'";
zhaopian1="'"+"photos/"+Convert.ToString（dv[0]["FirstPic"]）+"'";
zhaopian2="'"+"photos/"+Convert.ToString（dv[1]["FirstPic"]）+"'";
zhaopian3="'"+"photos/"+Convert.ToString（dv[2]["FirstPic"]）+"'";
zhaopian4="'"+"photos/"+Convert.ToString（dv[3]["FirstPic"]）+"'";
zhaopian5="'"+"photos/"+Convert.ToString（dv[4]["FirstPic"]）+"'";
}
}
实现主页面flash的图片取决于数据库中最新更新的5件产品
主页面产品新产品展示动态滑行部分代码：
源中:
hidden;height: 800px;width: 200px;">//设定高度与宽度 200px;padding: 00010;"> DataListID="DataList1"runat="server"DataSourceID="AccessDataSource1"> ImageButtonID="ImageButton1"runat="server"Height="150px" ImageUrl='<%#Eval（"FirstPic","photos/{0}"）%>' PostBackUrl='<%#Eval（"album_id","product1.aspx? nid={0}"）%>'Width="200px"/> HyperLinkID="HyperLink5"runat="server" NavigateUrl='<%#Eval（"album_id","product1.aspx? nid={0}"）%>' Text='<%#Eval（"产品备注"）%>'> HyperLink> groove;border-bottom-width: 2px;border-bottom-color: #008000;">
DataList>
《财政学》期末习题.docx
