资源描述
web课程设计报告任务书及模板.docx
《web课程设计报告任务书及模板.docx》由会员分享，可在线阅读，更多相关《web课程设计报告任务书及模板.docx（20页珍藏版）》请在冰点文库上搜索。
web课程设计报告任务书及模板
课程设计〔论文〕任务书
学院专业班
一、课程设计（论文）题目
二、课程设计（论文）工作自2014年1月6日起至2014年1月10日止
三、课程设计（论文）地点:
创新大楼
四、课程设计（论文）内容要求：
1．本课程设计的目的
〔1〕稳固和加深对网页设计根本知识的理解，提高综合运用课程知识的能力。
〔2〕使学生掌握软件设计的根本内容和设计方法，并培养学生进展规X化网页设计的能力。
〔3〕使学生掌握使用各种计算机资料和有关参考资料，提高学生进展网页设
计的根本能力。
2．课程设计的任务及要求
1〕根本要求：
〔1〕对系统进展需求分析，网页中要包括哪些模块；
〔2〕对界面进展分析，；
〔3〕编程简练，可用，尽可能的使网页更具美观性，交互性和人性化；
〔4〕要求5到10X页面，表达所选的主题，通过按钮或超连接这些页面
〔5〕提高学生的论文写作能力；
〔6〕特别要求自己独立完成；
2〕创新要求：
在根本要求到达后，可进展创新设计，如完善的功能、友好的网页界面。
3〕课程设计论文编写要求
〔1〕要按照书稿的规格打印与写课程设计论文；
〔2〕论文包括目录、绪论、正文、小结、参考文献、附录等；
〔3〕课程设计论文装订按学校的统一要求完成；
4〕课程设计进度安排
内容天数地点
构思及收集资料1图书馆
编码与调试3实验室
撰写论文1图书馆、实验室
学生签名：
2013年12月21日
课程设计（论文）评审意见
〔1〕完成根本功能〔30分〕：
优〔 〕、良〔 〕、中〔 〕、一般〔 〕、差〔 〕；
〔2〕完成调试 〔10分〕：
优〔 〕、良〔 〕、中〔 〕、一般〔 〕、差〔 〕；
〔3〕创新设计 〔20分〕：
优〔 〕、良〔 〕、中〔 〕、一般〔 〕、差〔 〕；
〔4〕论文构造 〔30分〕：
优〔 〕、良〔 〕、中〔 〕、一般〔 〕、差〔 〕；
〔5〕答复下列问题 〔10分〕：
优〔 〕、良〔 〕、中〔 〕、一般〔 〕、差〔 〕；
〔6〕格式规X性及考勤是否降等级：
是〔〕、否〔 〕
评阅人：
职称：
2009年10月9日
一绪论
1.1课题背景及现状
（1）设计背景：
Web开发与应用
（2）设计目的：
稳固和掌握编写web网页的根本概念和根本技能，提高实际动手能力，并通过实际编程和设计实现中c#.net的运用，加深对软件的理解和掌握。
主要需要掌握的软件有:
MicrosoftVisualStudio2005、DIV+CSS样式排版、根底HTML语言的脚本编辑、Photoshop网页配色及排版等，本可以实现对公司情况的浏览、概述，其中包含该公司地址联系方式、新闻公告、帮助留言、公司产品的概述既浏览、公司员工的一栏表等功能。
（3）软件定义：
计控科技XX官网
（4）开发环境：
MicrosoftVisualStudio2005,SQLSERVER2005和access2003
1.2开发工具介绍
一个公司的商品怎么样才能让不同地区的人，更多的人去了解呢？
答案是网页！
厂商可以通过自己的官网把自己的产品信息发送到互联网去，让更多的人了解你的公司，了解你的公司生产的产品，了解产品的功能、用途、价格等，以便于扩大自己产品的销售X围和销售量，实现更好的增收目的。
二需求分析
前台：
〔1〕能展示公司的根本信息、概况等。
〔2〕能展示公司的产品及产品性能指标、用途、类型、图片等。
〔3〕公司内的新闻。
〔4〕能浏览公司职员的部门、职位、联系方式等。
帮助留言。
〔5〕公司的帮助栏，和留言板，以及公司的联系方式等
后台：
〔1〕能对公司的根本信息、概况进展更新。
〔2〕能添加和更新、删除公司的产品，以及产品的性能指标、用途、类型、上传产品的图片等。
〔3〕能发布公司新的新闻，能对公司以前的新闻进展更新、删除。
〔4〕能对公司职员的信息进展添加、更新和删除等。
〔5〕能管理网页留言板中的内容。
三界面设计
（1）数据表
（2）公司介绍表〔公司的有关信息〕
（3）产品图片表〔存储有关图片的地址〕
（4）新闻表〔公司新闻及其内容〕
（5）留言表〔存储帮助留言内容〕
（6）职员表〔公司所以员工及其联系方式〕
（7）图片预览查询
（8）E-R图
主页
公司介绍
公司新闻
公司产品
公司职员
帮助留言
后台管理
公司根本信息管理
公司新闻管理
公司产品管理
帮助留言管理
退出后台管理
查看、更新
查看、更新、插入、删除
更新、插入、上传、删除
查看、更新、插入、删除
前
台
后
台
通过登录
四编码
页面产品图片展示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-0"codebase="fpdownload.macromedia./pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0"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="";声明五X图片的标题变量
publicstringbiaoti2="";
publicstringbiaoti3="";
publicstringbiaoti4="";
publicstringbiaoti5="";
publicstringlianjie1="";声明五X图片的超去向
publicstringlianjie2="";
publicstringlianjie3="";
publicstringlianjie4="";
publicstringlianjie5="";
publicstringzhaopian1="";声明五X图片的路径变量
publicstringzhaopian2="";
publicstringzhaopian3="";
publicstringzhaopian4="";
publicstringzhaopian5="";
protectedvoidPage_Load（objectsender,EventArgse）
{
AccessDataSourceads=newAccessDataSource（）;
ads.DataFile="~/App_Data/我的公司.mdb";
ads.Selectmand="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.Selectmand="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>
升级会员 