网站资源共享专业课程设计方案报告.doc
《网站资源共享专业课程设计方案报告.doc》由会员分享,可在线阅读,更多相关《网站资源共享专业课程设计方案报告.doc(14页珍藏版)》请在咨信网上搜索。
1、装订线 课程设计汇报设计题目: 资源共享 班 级: 学 号: 姓 名: 指导老师: 成 绩: 日期:-01-05 目标和内容:目标:布局资源共享页面,实现资源共享功效。资源共享分为登录、前台、后台三个界面(省略登录界面)。前台实现资源上传,上传至数据库,后台显示上传资源,而且能进行修改删除。(1) 学会网页页面设计和基础布局.(2) 能够使用代码布局网页.(3) 使用代码实现网页功效.(4) 能够将数据库和页面相连接.(5) 了解网页基础制作步骤.内容:此次课程设计我选题是:资源共享。实现功效: 1、前台界面点击“搜索”能够搜索共享资源(因页面未设计,此处省略)。 2、资源共享过程:输入共享资
2、源名、选择专题名称、输入资源链接、选择共享资源分类。单机“资源上传”。完成资源上传过程。 3、前台完成资源上传过程,后台显示上传资源信息。单击“修改”能够修改上传资源信息。单击“删除”实现删除上传资源功效。后台界面必需分页,避免页面撑破。地点和软件环境:地点:60#504机房软件环境:Microsoft Visual Studio Dreamweaver 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文件夹。二、 页面布局接下来在Dreamweaver CS4中利用css将切下来背景图片拼接在一起。具体css代码以下:1、
5、前台页面布局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;#d background-image: url(image/4.jpg); width:798px; hei
6、ght: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); width:151px; height:366px; margin-left:540px; margin-top:-37
7、0px;#d background-image: url(images/4.jpg); width:700px; height:24px;3、接下来再在整体背景页面上插入层,将部分文字,图片,按钮等元素放入页面中。下面举部分例子。例:插入按钮代码: 插入文字代码:我资源3、将页面上文字,小图标等元素逐一放入页面中,调整位置,初步完成页面布局。三、 制作数据库1、打开SQL Server Management Studio,新建数据库,命名为“database”,保留在指定文件夹。2、新建表,在表中输入后台中需要列名。“序号”,“软件类型”,“软件名”。类型全部为“nachar(5
8、0)”设置“序号”为主键。保留表为“Table_1”。图7 图7.数据库设计四、 实现功效 1、打开Microsoft Visual Studio ,新建项目,选择“其它项目类型”“Visual Studio处理方案”。保留到指定文件夹。将Dreamweaver CS4中两个页面代码分别拷贝到Solution1中。而且将css和所用到image图片一并拷贝到Solution1中。调试运行。 2、在前台“qt.aspx.cs”中插入代码实现前台数据上传后保留在数据库中并能在后台显示编辑功效。 代码以下:using System;using System.Data;using System.Con
9、figuration;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.IO;public partial class _Default : System.Web.UI.Page protected void Page_Load(
10、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.PostedFile.FileName;/文件路径 string oldfilename = filepath.Substring(filepath.LastInd
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 网站 资源共享 专业课程 设计方案 报告
1、咨信平台为文档C2C交易模式,即用户上传的文档直接被用户下载,收益归上传人(含作者)所有;本站仅是提供信息存储空间和展示预览,仅对用户上传内容的表现方式做保护处理,对上载内容不做任何修改或编辑。所展示的作品文档包括内容和图片全部来源于网络用户和作者上传投稿,我们不确定上传用户享有完全著作权,根据《信息网络传播权保护条例》,如果侵犯了您的版权、权益或隐私,请联系我们,核实后会尽快下架及时删除,并可随时和客服了解处理情况,尊重保护知识产权我们共同努力。
2、文档的总页数、文档格式和文档大小以系统显示为准(内容中显示的页数不一定正确),网站客服只以系统显示的页数、文件格式、文档大小作为仲裁依据,平台无法对文档的真实性、完整性、权威性、准确性、专业性及其观点立场做任何保证或承诺,下载前须认真查看,确认无误后再购买,务必慎重购买;若有违法违纪将进行移交司法处理,若涉侵权平台将进行基本处罚并下架。
3、本站所有内容均由用户上传,付费前请自行鉴别,如您付费,意味着您已接受本站规则且自行承担风险,本站不进行额外附加服务,虚拟产品一经售出概不退款(未进行购买下载可退充值款),文档一经付费(服务费)、不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
4、如你看到网页展示的文档有www.zixin.com.cn水印,是因预览和防盗链等技术需要对页面进行转换压缩成图而已,我们并不对上传的文档进行任何编辑或修改,文档下载后都不会有水印标识(原文档上传前个别存留的除外),下载后原文更清晰;试题试卷类文档,如果标题没有明确说明有答案则都视为没有答案,请知晓;PPT和DOC文档可被视为“模板”,允许上传人保留章节、目录结构的情况下删减部份的内容;PDF文档不管是原文档转换或图片扫描而得,本站不作要求视为允许,下载前自行私信或留言给上传者【二***】。
5、本文档所展示的图片、画像、字体、音乐的版权可能需版权方额外授权,请谨慎使用;网站提供的党政主题相关内容(国旗、国徽、党徽--等)目的在于配合国家政策宣传,仅限个人学习分享使用,禁止用于任何广告和商用目的。
6、文档遇到问题,请及时私信或留言给本站上传会员【二***】,需本站解决可联系【 微信客服】、【 QQ客服】,若有其他问题请点击或扫码反馈【 服务填表】;文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“【 版权申诉】”(推荐),意见反馈和侵权处理邮箱:1219186828@qq.com;也可以拔打客服电话:4008-655-100;投诉/维权电话:4009-655-100。