web课程设计报告任务书及模板.docx

1、web课程设计报告任务书及模板课程设计论文任务书学院专业班一、课程设计(论文)题目二、课程设计(论文)工作自2014年1月6日起至2014年1月10日止三、课程设计(论文) 地点:创新大楼四、课程设计(论文)内容要求：1本课程设计的目的1稳固和加深对网页设计根本知识的理解，提高综合运用课程知识的能力。2使学生掌握软件设计的根本内容和设计方法，并培养学生进展规X化网页设计的能力。3使学生掌握使用各种计算机资料和有关参考资料，提高学生进展网页设计的根本能力。2课程设计的任务及要求1根本要求：1对系统进展需求分析，网页中要包括哪些模块；2对界面进展分析，；3编程简练，可用，尽可能的使网页更具美观性，

2、交互性和人性化；4要求5到10X页面，表达所选的主题，通过按钮或超连接这些页面5提高学生的论文写作能力；6特别要求自己独立完成；2创新要求： 在根本要求到达后，可进展创新设计，如完善的功能、友好的网页界面。3课程设计论文编写要求1要按照书稿的规格打印与写课程设计论文；2论文包括目录、绪论、正文、小结、参考文献、附录等；3课程设计论文装订按学校的统一要求完成；4课程设计进度安排内容 天数地点构思及收集资料 1图书馆编码与调试 3实验室撰写论文 1图书馆、实验室学生签名：2013年 12 月21日课程设计(论文)评审意见1完成根本功能30分：优、良、中、一般、差； 2完成调试10分：优、良、中、一

3、般、差； 3创新设计20分：优、良、中、一般、差；4论文构造30分：优、良、中、一般、差；5答复下列问题10分：优、良、中、一般、差；6格式规X性及考勤是否降等级：是 、否评阅人： 职称：2009 年 10月9日一绪论1.1课题背景及现状(1)设计背景： Web开发与应用(2)设计目的： 稳固和掌握编写web网页的根本概念和根本技 能，提高实际动手能力，并通过实际编程和设计实现中c#.net 的运用，加深对软件的理解和掌握。主要需要掌握的软件有: Microsoft Visual Studio 2005、DIV+CSS样式排版、根底HTML语言的脚本编辑、Photoshop网页配色及排版等，本

4、可以实现对公司情况的浏览、概述，其中包含该公司地址联系方式、新闻公告、帮助留言、公司产品的概述既浏览、公司员工的一栏表等功能。(3)软件定义：计控科技XX官网(4)开发环境：Microsoft Visual Studio 2005,SQL SERVER 2005和 access20031.2开发工具介绍一个公司的商品怎么样才能让不同地区的人，更多的人去了解呢？答案是网页！ 厂商可以通过自己的官网把自己的产品信息发送到互联网去，让更多的人了解你的公司，了解你的公司生产的产品，了解产品的功能、用途、价格等，以便于扩大自己产品的销售X围和销售量，实现更好的增收目的。二需求分析前台：1能展示公司的根本

5、信息、概况等。2能展示公司的产品及产品性能指标、用途、类型、图片等。3公司内的新闻。4能浏览公司职员的部门、职位、联系方式等。帮助留言。5公司的帮助栏，和留言板，以及公司的联系方式等后台：1能对公司的根本信息、概况进展更新。2能添加和更新、删除公司的产品，以及产品的性能指标、用途、类型、上传产品的图片等。3能发布公司新的新闻，能对公司以前的新闻进展更新、删除。4能对公司职员的信息进展添加、更新和删除等。5能管理网页留言板中的内容。三 界面设计(1)数据表(2)公司介绍表公司的有关信息(3)产品图片表存储有关图片的地址(4)新闻表公司新闻及其内容(5)留言表存储帮助留言内容(6)职员表公司所以员

6、工及其联系方式(7)图片预览查询(8)E-R图主页公司介绍公司新闻公司产品公司职员帮助留言后台管理公司根本信息管理公司新闻管理公司产品管理帮助留言管理退出后台管理查看、更新查看、更新、插入、删除更新、插入、上传、删除查看、更新、插入、删除前台后台 通过登录四 编码页面产品图片展示flash实现功能如下：var focus_width=470 /设置图片区域宽度var focus_height=300 /设置图片区域高度var text_height=20 /设置底部文字高度var swf_height = focus_height+text_height /设置总高度var pics=; /声

7、明变量var links=;var texts=;document.write();document.write();document.write();document.write();document.write();document.write();主页产品图片flash展示面代码：using System;using System.Collections;using System.Configuration;using System.Data;using System.Web;using System.Web.Security;using System.Web.UI;using Syst

8、em.Web.UI.HtmlControls;using System.Web.UI.WebControls;using System.Web.UI.WebControls.WebParts;publicpartialclassindex : System.Web.UI.Pagepublicstring pics = ; /声明变量publicstring links = ;publicstring texts = ;publicstring biaoti1 = ; 声明五X图片的标题变量publicstring biaoti2 = ;publicstring biaoti3 = ;publi

9、cstring biaoti4 = ;publicstring biaoti5 = ;publicstring lianjie1 = ; 声明五X图片的超去向publicstring lianjie2 = ;publicstring lianjie3 = ;publicstring lianjie4 = ;publicstring lianjie5 = ;publicstring zhaopian1 = ; 声明五X图片的路径变量publicstring zhaopian2 = ;publicstring zhaopian3 = ;publicstring zhaopian4 = ;publi

10、cstring zhaopian5 = ;protectedvoid Page_Load(object sender, EventArgs e) AccessDataSource ads = newAccessDataSource(); ads.DataFile = /App_Data/我的公司.mdb; ads.Selectmand = select * from 公司介绍;DataView dv = (DataView)ads.Select(DataSourceSelectArguments.Empty); gongsi.Text =Convert.ToString(dv0公司名称); /

11、初始化位于顶部的公司名称变量 jiazai(); /调用函数 pics = zhaopian1 + + | + + zhaopian2 + + | + + zhaopian3 + + | + + zhaopian4 + + |+ +zhaopian5; links = lianjie1 + + | + + lianjie2 + + | + + lianjie3 + + | + + lianjie4 + + |+ + lianjie5; texts = biaoti1 + + | + + biaoti2 + + | + + biaoti3 + + | + + biaoti4 + + | + +

12、biaoti5; /对flash所用到的变量格式赋值 protectedvoid jiazai() /对flash 展示图片所要用到的变量赋值 AccessDataSource ads = newAccessDataSource(); ads.DataFile = /App_Data/我的公司.mdb; ads.Selectmand = select * from 产品预览 ORDER BY 产品日期 DESC;/按日期从新到旧排序DataView dv = (DataView)ads.Select(DataSourceSelectArguments.Empty); biaoti1 = + C

13、onvert.ToString(dv0产品名称) + ; biaoti2 = + Convert.ToString(dv1产品名称) + ; biaoti3 = + Convert.ToString(dv2产品名称) + ; biaoti4 = + Convert.ToString(dv3产品名称) + ; biaoti5 = + Convert.ToString(dv4产品名称) + ; lianjie1 = product1.aspx?nid=+Convert.ToString(dv0album_id) + ; lianjie2 = product1.aspx?nid=+Convert.T

14、oString(dv1album_id) + ; lianjie3 = product1.aspx?nid=+Convert.ToString(dv2album_id) + ; lianjie4 = product1.aspx?nid=+Convert.ToString(dv3album_id) + ; lianjie5 = product1.aspx?nid= + Convert.ToString(dv4album_id) + ; zhaopian1 = + photos/ + Convert.ToString(dv0FirstPic) + ; zhaopian2 = + photos/ +

15、 Convert.ToString(dv1FirstPic) + ; zhaopian3 = + photos/ + Convert.ToString(dv2FirstPic) + ; zhaopian4 = + photos/ + Convert.ToString(dv3FirstPic) + ; zhaopian5 = + photos/ + Convert.ToString(dv4FirstPic) + ; 实现主页面flash的图片取决于数据库中最新更新的5件产品主页面产品新产品展示动态滑行局部代码：源中:/设定高度与宽度asp:ImageButtonID=ImageButton1ru

16、nat=serverHeight=150pxImageUrl=PostBackUrl=Width=200px/asp:HyperLinkID=HyperLink5runat=serverNavigateUrl=Text= 脚本代码:var speed=40 m0.innerHTML=mtext.innerHTML function Marquee() if(m0.offsetTop-maq.scrollTop=0) maq.scrollTop-=mtext.offsetHeight else maq.scrollTop+ var MyMar=setInterval(Marquee,s

17、peed) maq.onmouseover=function() clearInterval(MyMar) maq.onmouseout=function() MyMar=setInterval(Marquee,speed) 实现产品的连续和动态的滑行。登录界面预览:登录页面采用.net自带的 配置步骤为: -配置-平安-使用平安设置向导按部就班地配置平安性。- 通过 Internet-为此启用角色。-下一步本网页的后台登录用户名为:panjiewei 密码:&%$#1产品页面及其产品图片展示:(1)产品页面目录:(2)产品详细内容页面:点击图片后:实现功能代码如下: 网页源代码内参加/调用脚

18、本图片处:ahref=rel=lightboxdwAlbumasp:ImageID=Image1runat=serverHeight=130pxImageUrl=Width=135px/产品更新页面:可以实现产品信息的更新及上传和删除产品的相片的功能.上传主要逻辑代码为:HttpPostedFile upFile = Request.Filesi;String Route = upFile.FileName.Split(Convert.ToChar();String FileName = RouteRoute.Length - 1;upFile.SaveAs(Server.MapPath(ph

19、otos) + FileName);u_FileNum += 1;u_FileName = u_FileName + + FileName + ;删除产品逻辑代码为:protectedvoid Deletebutton1_Click(object sender, EventArgs e) bool isDeleted;DataList DL = (DataList)LoginView1.FindControl(DataList1);foreach (DataListItem anItem in DL.Items) CheckBox CB = (CheckBox)anItem.FindContr

20、ol(CheckBox1); isDeleted = CB.Checked;if (isDeleted) Label LB1 = (Label)anItem.FindControl(ap_picLabel);Label LB2 = (Label)anItem.FindControl(ap_idLabel);FileInfo Files = newFileInfo(Server.MapPath(photos) + LB1.Text); Files.Delete(); ads.Deletemand = delete from 产品图片 where bianhao= + LB2.Text; ads.Delete(); Response.Redirect(ht_chanpin1.aspx?cid= + Request.QueryStringcid); 五测试结果六 小结通过对这个的设计对整个程序了解了，从整体上了解web动态的开发的步骤。从页面的设计，布局，到数据库框架,到后台的管理设置登录管理，都有所体会。起码对的根底已经牢牢掌握。但是还缺乏深入研究，我过我相信我会做好只要给我足够的时间，我能把学得更好。参考文献1 邵峰晶，于忠清数据挖掘原理与算法 ：中国水利水电20032综合性大学的学科穿插融合与新跨越.谢和平.2004中外大学校长论坛上的演讲稿摘要.