web课程设计报告任务书及模板.docx
- 文档编号:2440131
- 上传时间:2023-05-03
- 格式:DOCX
- 页数:20
- 大小:641.61KB
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>