收藏 分享(赏)

网站资源共享课程设计报告.doc

上传人:cjc2202537 文档编号:4661421 上传时间:2019-01-06 格式:DOC 页数:13 大小:2.09MB
下载 相关 举报
网站资源共享课程设计报告.doc_第1页
第1页 / 共13页
网站资源共享课程设计报告.doc_第2页
第2页 / 共13页
网站资源共享课程设计报告.doc_第3页
第3页 / 共13页
网站资源共享课程设计报告.doc_第4页
第4页 / 共13页
网站资源共享课程设计报告.doc_第5页
第5页 / 共13页
点击查看更多>>
资源描述

1、 设计题目: 资源共享 班 级: 学 号: 姓 名: 指导教师: 成 绩: 日期:2013-01-05课 程 设 计 报 告装订线目标与内容:目标:布局资源共享页面,实现资源共享功能。资源共享分为登录、前台、后台三个界面(省略登录界面) 。前台实现资源上传,上传至数据库,后台显示上传的资源,并且能进行修改删除。(1)学会网页页面的设计和基本布局.(2)能够使用代码布局网页.(3)使用代码实现网页功能.(4)能够将数据库和页面相连接.(5)理解网页的基本制作流程.内容:本次课程设计的我的选题是:资源共享。实现功能:1、前台界面点击“搜索”可以搜索共享资源(因页面未设计,此处省略) 。2、资源共享

2、过程:输入共享的资源名、选择专题名称、输入资源链接、选择共享资源的分类。单机“资源上传” 。完成资源上传过程。3、前台完成资源上传过程,后台显示上传的资源信息。单击“修改”可以修改上传资源的信息。单击“删除”实现删除上传资源功能。后台界面必须分页,避免页面撑破。地点与软件环境:地点:60#504 机房软件环境:Microsoft Visual Studio 2005Dreamweaver CS4Photoshop CS3SQL Server Management Studio课程设计主要内容:问题简析:一、页面设计本次课程设计的主题有资源共享,会员管理,考试生成系统,留言板等。首先每位同学确定

3、自己的主题,搜集资料,整理素材,设计出符合自己主题的页面。一般分为登录界面、前台显示界面和后台管理界面。实现前台和后台相连接的功能。系统效果图设计:需实现的资源共享的两个界面:1、前台显示界面效果图 如图 1 :图 1.前台显示界面(1) 、前台界面点击“搜索”可以搜索共享资源。(2) 、资源共享过程:输入共享的资源名、选择专题名称、输入资源链接、选择共享资源的分类。单机“资源上传” 。完成资源上传过程。2、后台管理界面效果图 如图 2:图 2.后台管理界面后台显示上传的资源信息。可以修改上传资源的信息,以及实现删除上传资源功能。页面设计结束之后,同学之间随机交换设计的界面,做接下来的功能实现

4、部分。我将要做的是资源共享系统。二、步骤简析布局资源共享页面,实现资源共享功能。资源共享分为登录、前台、后台三个界面(省略登录界面) 。前台实现资源上传,上传至数据库,后台显示上传的资源,并且能进行修改删除。系统设计:一、 切图1、首先用 Photoshop CS3 进行界面切图,将实现链接或者其他功能的文字、图片隐藏。2、利用切图工具 ,根据需要将页面切成几个小块。例如:前台显示界面根据需要可以切成如图 3、4、5、6 四个界面图 3.页面顶部图 4.显示页面 left图 5.显示页面 right图 6.页面底部3、将页面上将要用到的图片切下来。保存到 image 文件夹。二、 页面布局接下

5、来在 Dreamweaver CS4 中利用 css 将切下来的背景图片拼接在一起。具体的 css 代码如下:1、前台页面布局css代码:#a background-image: url(image/1.jpg); width:798px; height:119px;#b background-image: url(image/2.jpg); width:169px; height:441px;#c background-image: url(image/3.jpg); width:621px;height:441px; margin-left:169px; margin-top:-441px

6、;#d background-image: url(image/4.jpg); width:798px; height:40px;四个层的 id 分别为 a、b、c、d。再用链接代码将css与页面连接:2、后台页面布局与前台类似。后台页面布局css代码:#a background-image: url(images/1.jpg); width:700px; height:54px;#b background-image: url(images/2.jpg); width:535px; height:367px;#c background-image: url(images/3.jpg); wi

7、dth:151px; height:366px; margin-left:540px; margin-top:-370px;#d background-image: url(images/4.jpg); width:700px; height:24px;3、接下来再在整体的背景页面上插入层,将一些文字,图片,按钮等元素放入页面中。下面举一些例子。例:插入按钮代码:插入文字代码:我的资源3、将页面上的文字,小图标等元素逐一放入页面中,调整位置,初步完成页面布局。三、 制作数据库1、打开 SQL Server Management Studio,新建数据库,命名为“database”,保存在指定的

8、文件夹。2、新建表,在表中输入后台中需要的列名。 “序号” , “软件类型” , “软件名” 。类型都为“nachar(50) ”设置“序号”为主键。保存表为“Table_1”。如图 7图 7.数据库设计四、 实现功能1、打开 Microsoft Visual Studio 2005,新建项目,选择“其他项目类型”“Visual Studio 解决方案” 。保存到指定文件夹。将 Dreamweaver CS4中两个页面的代码分别拷贝到 Solution1 中。并且将 css 以及所用到的image 图片一并拷贝到 Solution1 中。调试运行。2、在前台“qt.aspx.cs”中插入代码实

9、现前台数据上传后保存在数据库中并能在后台显示编辑的功能。代码如下:using System;using System.Data;using System.Configuration;using System.Web;using System.Web.Security;using System.Web.UI;using System.Web.UI.WebControls;using System.Web.UI.WebControls.WebParts;using System.Web.UI.HtmlControls;using System.Data.SqlClient;using System

10、.IO;public partial class _Default : System.Web.UI.Page protected void Page_Load(object sender, EventArgs e)protected void Button1_Click(object sender, EventArgs e)if (FileUpload1.PostedFile.FileName = string.Empty)Response.Write(“alert(请选择要上传的文件!);“);else/获取要上传的文件的信息string filepath = FileUpload1.Pos

11、tedFile.FileName;/文件路径string oldfilename = filepath.Substring(filepath.LastIndexOf(“)+1);/文件名string FileExtension = Path.GetExtension(oldfilename); /文件的扩展名int filelength = (int)oldfilename.Length;/文件名长度/随机生成文件名Random Rnd = new Random();int strRnd = Rnd.Next(1, 99);string newfilename = DateTime.Now.Y

12、ear.ToString() + DateTime.Now.Month.ToString()+ DateTime.Now.Day.ToString() + DateTime.Now.Hour.ToString()+ DateTime.Now.Minute.ToString()+ DateTime.Now.Second.ToString() + strRnd.ToString() + FileExtension.ToLower();/将文件上传到以当前日期命名的文件夹中string UpLoadName = DateTime.Now.Year.ToString()+“-“+DateTime.No

13、w.Month.ToString()+“-“+DateTime.Now.Day.ToString();bool FileUploadPathExists = File.Exists(Server.MapPath(“UpLoad“+“+UpLoadName);/指定文件夹不存在,如果不存在就创建该文件夹if (!FileUploadPathExists)Directory.CreateDirectory(Server.MapPath(“UpLoad“+“+UpLoadName);/保存上传的文件string savapath = Server.MapPath(“UpLoad“ + “ + UpL

14、oadName);/保存路径string savapath1 = “UpLoad“ + “ + UpLoadName +“+ newfilename;/保存路径FileUpload1.PostedFile.SaveAs(savapath + “ + newfilename);/连接数据库字符串string connStr = “Data Source=.SQLEXPRESS;AttachDbFilename=|DataDirectory|database.mdf;Integrated Security=True;User Instance=True“;SqlConnection conn =

15、new SqlConnection(connStr);conn.Open();string cmdtext = “insert into T_UpFile(FileName,FileLength,FileType,FilePath) values(“ + newfilename + “,“ + filelength + “,“ + FileExtension + “,“+savapath1+“)“;SqlCommand cmd = new SqlCommand(cmdtext, conn);trycmd.ExecuteNonQuery();System.Text.StringBuilder s

16、trMsg = new System.Text.StringBuilder();strMsg.Append(“成功添加,详细信息:“);strMsg.Append(“文件类型:“ + this.FileUpload1.PostedFile.ContentType.ToString() + “);strMsg.Append(“文件名:“ + filepath + “);strMsg.Append(“存处文件名:“ + newfilename + “);/strMsg.Append(“文件上传到服务器的路径为:“ + savapath + “);strMsg.Append(“扩展名:“ + Fil

17、eExtension + “);strMsg.Append(“大小:“ + FileUpload1.PostedFile.ContentLength + “个字节“);this.Label1.Text = strMsg.ToString();catch (Exception error)Response.Write(error.ToString();finallyconn.Close();3、打开后台页面,在指定层中插入控件“Gradeview”配置数据源,将数据库中的数据库“database”链接到控件中。如图 8图 8.后台数据库绑定到这边为止,已经实现了前台和后台相连接的功能。前台上传的

18、资源已经能够上传至数据库中,并且能够在后台中修改删除等。资源共享功能已经实现。调试运行与结果分析:完成后的资源共享系统有以下能实现以下功能:一、前台页面完成基本布局,搜索,上传等按钮能实现,文本框内能打字。能够选择软件的分类。 如图 9:图 9.前台界面效果图二、资源共享界面的主要功能就是资源上传,点击页面“浏览”弹出对话框,选择本地资源,点击“上传”可以将选择的资源上传至数据库。上传资源界面 如图 10:图 10.资源上传三、资源上传成功,页面显示上传成功的详细信息。如图 11图 11.资源上传成功四、前台资源上传成功后,上传的文件已上传至数据库,后台从数据库中调出上传的文件信息,显示如图

19、12,并且能够进行编辑,删除。实现后台的基本功能。图 12.后台界面效果图课程设计的小结/心得:不知不觉,二个星期的网站课程设计已经结束,回顾这一段日子,学会很多东西,了解了网页制作的基本流程和制作方法。 在设计这个网站时真的体会很多东西,从一开始网页主题的确定,到主页总体的设计、前台功能设计与管理、后台功能设计与管理、每个分页面的设计等。整个设计的过程可以说是一个艰难而有充实的学习的过程,许多的知识都是第一次深入接触和学习,如 ASP 的调试工具,基本的环境配置也是第一次整体性的整合和摸索,对自己来说真的是一个极大的考验。在不断的测试和学习中遇到了很多很多的困难特别是自己一个人一组,每当有不

20、懂的地方就去网上去找资料,去图书馆借参考书。有了理论知识根本是还不够的,当遇到困难的时候都有老师的热心帮助。在老师的指导下,经过我的努力,设计如期的完成了,由于时间关系和自己的知识有限,系统在很多功能不是很完善,但是毕竟最后完成了整体的运作,这也让我感到我的付出是有收获的,让我感到十分的欣慰。作为网页设计的初学者,我对网页设计非常感兴趣,一心想完成一个美观、实用、简单的留言板管理系统,包括留言板网页、留言管理网页和留言回复页面。本学期的由以前学生单纯接受知识变为主动参与教学活动。在这样的压力和动力下,通过自己动手、动脑,通过网络资源,老师的指导,在不断发现问题和解决问题的过程中学到了很多知识,

21、也增强了我的创作能力和动手能力,在网页设计过程中,从构思到设计、完善、维护,整个过程我都全身心投入,使我真正学到了网页设计的知识。如果不规划好,想做什么就做什么,是不会做得好的。虽然以前开发过一些小软件程序,但是总是感到所学知识和所用未能真正的合二为一,通过这次课程设计,再次复习并强化了 Dreamweaver CS4 软件、数据库的基本知识,以及 ASP 的编程技术,体会模块化的设计思想。 由于时间的关系,整体的功能还不是很完善,管理员的管理模块功能还有些欠缺,特别是缺少成绩管理功能。系统开发过程前也没有作过专业的市场调查,资料也不够完善,考试系统的定位不是很明确。 总而言之,通过参考别人成功的系统,会发现自己做的系统总会和人家有差距,无论是从界面的大方美观方面还是从涉及到的内容方面,成功的作品都做的比较丰富,而自己的就显的有些单调了,因此我为体会到这一句话:“机会中属于有准备的人” 。在具体制作过程中会出现一些问题。比如,各个软件之间会有一些兼容问题,运行环境不同时要进行适当的修改;代码编写时的条理要清晰,便于以后的修改和代码插入;页面布局要合理,体现人性化的要求。虽然基本的功能已经实现,但是还是有很多地方需要完善,在以后的学习中还要不断学习网站知识。

展开阅读全文
相关资源
猜你喜欢
相关搜索
资源标签

当前位置:首页 > 实用文档 > 课程设计

本站链接:文库   一言   我酷   合作


客服QQ:2549714901微博号:道客多多官方知乎号:道客多多

经营许可证编号: 粤ICP备2021046453号世界地图

道客多多©版权所有2020-2025营业执照举报