web 课程设计任务书及模板.doc

课程设计（论文）任务书 学 院 专 业 班 一、课程设计(论文)题目 二、课程设计(论文)工作自 2014 年 1 月 6 日起至 2014 年 1月 10 日止 三、课程设计(论文) 地点: 创新大楼 四、课程设计(论文)内容要求：1本课程设计的目的（1）巩固和加深对网页设计基本知识的理解，提高综合运用课程知识的能力。（2）使学生掌握软件设计的基本内容和设计方法，并培养学生进行规范化网页设计的能力。（3）使学生掌握使用各种计算机资料和有关参考资料，提高学生进行网页设计的基本能力。2课程设计的任务及要求1）基本要求：（1）对系统进行需求分析，网页中要包括哪些模块；（2）对界面进行分析，；（3）编程简练，可用，尽可能的使网页更具美观性，交互性和人性化；（4）要求5到10张页面，表达所选的主题，通过按钮或超链接连接这些页面（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）格式规范性及考勤是否降等级：是（）、否（）评阅人： 职称： 2009 年 10月9日目录一 绪论11.1 课题背景及现状11.2 开发工具介绍1二 需求分析1三 界面设计2四 编码9五 测试结果19六 小结20参考文献20一 绪论1.1 课题背景及现状(1) 设计背景： Web开发与应用(2) 设计目的： 巩固和掌握编写web网页的基本概念和基本技 能，提高实际动手能力，并通过实际编程和设计实现中c#.net 的运用，加深对软件的理解和掌握。主要需要掌握的软件有: Microsoft Visual Studio 2005、DIV+CSS样式排版、基础HTML语言的脚本编辑、Photoshop网页配色及排版等，本网站可以实现对公司情况的浏览、概述，其中包含该公司地址联系方式、新闻公告、帮助留言、公司产品的概述既浏览、公司员工的一栏表等功能。(3) 软件定义：计控科技有限公司官网(4) 开发环境：Microsoft Visual Studio 2005,SQL SERVER 2005和 access20031.2 开发工具介绍一个公司的商品怎么样才能让不同地区的人，更多的人去了解呢？答案是网页！ 厂商可以通过自己的官网把自己的产品信息发送到互联网去，让更多的人了解你的公司，了解你的公司生产的产品，了解产品的功能、用途、价格等，以便于扩大自己产品的销售范围和销售量，实现更好的增收目的。二 需求分析前台：（1）能展示公司的基本信息、概况等。（2）能展示公司的产品及产品性能指标、用途、类型、图片等。（3）公司内的新闻。（4）能浏览公司职员的部门、职位、联系方式等。帮助留言。（5）公司的帮助栏，和留言板，以及公司的联系方式等后台：（1）能对公司的基本信息、概况进行更新。（2）能添加和更新、删除公司的产品，以及产品的性能指标、用途、类型、上传产品的图片等。（3）能发布公司新的新闻，能对公司以前的新闻进行更新、删除。（4）能对公司职员的信息进行添加、更新和删除等。（5）能管理网页留言板中的内容。三 界面设计(1) 数据表(2) 公司介绍表（公司的有关信息）(3) 产品图片表（存储有关图片的地址）(4) 新闻表（公司新闻及其内容）(5) 留言表（存储帮助留言内容）(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=; /声明变量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 System.Web.UI.HtmlControls;using System.Web.UI.WebControls;using System.Web.UI.WebControls.WebParts;public partial class index : System.Web.UI.Page public string pics = ; /声明变量 public string links = ; public string texts = ; public string biaoti1 = ; 声明五张图片的标题变量 public string biaoti2 = ; public string biaoti3 = ; public string biaoti4 = ; public string biaoti5 = ; public string lianjie1 = ; 声明五张图片的超链接去向 public string lianjie2 = ; public string lianjie3 = ; public string lianjie4 = ; public string lianjie5 = ; public string zhaopian1 = ; 声明五张图片的路径变量 public string zhaopian2 = ; public string zhaopian3 = ; public string zhaopian4 = ; public string zhaopian5 = ; protected void Page_Load(object sender, EventArgs e) AccessDataSource ads = new AccessDataSource(); ads.DataFile = /App_Data/我的公司.mdb; ads.SelectCommand = select * from 公司介绍; DataView dv = (DataView)ads.Select(DataSourceSelectArguments.Empty); gongsi.Text =Convert.ToString(dv0公司名称); /初始化位于顶部的公司名称变量 jiazai(); /调用函数 pics = zhaopian1 + + | + + zhaopian2 + + | + + zhaopian3 + + | + + zhaopian4 + + |+ +zhaopian5; links = lianjie1 + + | + + lianjie2 + + | + + lianjie3 + + | + + lianjie4 + + |+ + lianjie5; texts = biaoti1 + + | + + biaoti2 + + | + + biaoti3 + + | + + biaoti4 + + | + + biaoti5; /对flash所用到的变量格式赋值 protected void jiazai() /对flash 展示图片所要用到的变量赋值 AccessDataSource ads = new AccessDataSource(); ads.DataFile = /App_Data/我的公司.mdb; ads.SelectCommand = select * from 产品预览 ORDER BY 产品日期 DESC;/按日期从新到旧排序 DataView dv = (DataView)ads.Select(DataSourceSelectArguments.Empty); biaoti1 = + Convert.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.ToString(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/ + Convert.ToString(dv1FirstPic) + ; zhaopian3 = + photos/ + Convert.ToString(dv2FirstPic) + ; zhaopian4 = + photos/ + Convert.ToString(dv3FirstPic) + ; zhaopian5 = + photos/ + Convert.ToString(dv4FirstPic) + ; 实现主页面flash的图片取决于数据库中最新更新的5件产品主页面产品新产品展示动态滑行部分代码：源中:/设定高度与宽度 asp:ImageButton ID=ImageButton1 runat=server Height=150px ImageUrl= PostBackUrl= Width=200px / asp:HyperLink ID=HyperLink5 runat=server NavigateUrl= 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,speed) maq.onmouseover=function() clearInterval(MyMar) maq.onmouseout=function() MyMar=setInterval(Marquee,speed) 实现产品的连续和动态的滑行。登录界面预览:登录页面采用.net自带的 配置步骤为: 网站-配置-安全-使用安全设置向导按部就班地配置安全性。- 通过 Internet-为此网站启用角色。-下一步本网页的后台登录用户名为:panjiewei 密码:&%$#1产品页面及其产品图片展示:(1) 产品页面目录:(2) 产品详细内容页面:点击图片后:实现功能代码如下: 网页源代码内加入 /调用脚本图片处:a href= rel=lightboxdwAlbum asp:Image ID=Image1 runat=server Height=130px ImageUrl= Width=135px /产品更新页面:可以实现产品信息的更新及上传和删除产品的相片的功能.上传主要逻辑代码为: HttpPostedFile upFile = Request.Filesi;String Route = upFile.FileName.Split(Convert.ToChar();String FileName = RouteRoute.Length - 1;upFile.SaveAs(Server.MapPath(photos) + FileName);u_FileNum += 1;u_FileName = u_FileName + + FileName + ;删除产品逻辑代码为:protected void Deletebutton1_Click(object sender, EventArgs e) bool isDeleted; DataList DL = (DataList)LoginView1.FindControl(DataList1); foreach (DataListItem anItem in