《数据库课程设计报告公司网站的构建.doc》由会员分享，可在线阅读，更多相关《数据库课程设计报告公司网站的构建.doc（23页珍藏版）》请在三一办公上搜索。
1、管理学院数据库课程设计报告题目：关于金鑫利公司网站的构建姓 名:蒋自永学 号:060360201指导老师:李明星二九年一月第一章 提前工作（可行性分析）1可行性分析1第二章 开发工具1第三章 网站开发流程2第四章 网页设计制作规范以及制作后的效果4基本要求4脚本要求4一般原则7文件命名原则7第五章 数据库开发9第六章 网站域名申请、空间申请以及网站推广9第七章 页面代码10关于金鑫利公司网站的构建一、提前工作（可行性分析）接手金鑫利网站建设后，首先进行可行性分析，然后收集关于此公司的资料，包括模具的图片，在和公司的沟通下，设计公司logo，准备一些应用软件等相关工作。构建网站的可行性分析：（1
2、）、 充分利用网络资源Internet是强有力的工具，能以低代价却很方便的把产品或服务的信息发向全世界的每个角落。全世界所有客户都能通过网站，了解企业。Intemet已经连接了相当多的网民、企业、机构和政府，而且向着更广阔的范围发展。Intemet在中国正以几何级数速度发展，因此，任何一家企业，都不应置身于Intemet之外，那会脱离企业发展最基本的资源和环境：人类社会。 （2）、开展电子商务电子商务（EC，也就是E-Commerce的缩写），关于电子商务的定义世人众说纷纭，从不同的角度出发有不同的定义。可以理解为以Internet为依托，借助一定的信用支付手段，在网络上进行产品的购销、费用支
3、付及其他商务活动等。按交易对象不同进行分类，可以分为：BtoB（常简称为B2B，商业机构对商业机构的电子商务）、BtoC（常简称为B2C，商业机构对消费者的电子商务）、CtoC（常简称为C2C，即消费者对消费者的电子商务）、CtoB（常简称为C2B，即消费者对商家的电子商务）等。二、开发工具Web开发工具主要分为3部分，第一部分是网站前台开发工具，第二部分是网站后台开发环境，第三部分是项目管理和辅助软件。下面分别简单介绍这三部分需要使用的软件。 网站前台开发主要是指Web界面设计。包括网站整体框架建立、常用图片、Flash动画设计等等，主要使用的相关软件是： Adodbe Photoshop、
4、Dreamweaver MX、Flash MX等。网站后台开发主要指网站动态程序开发、数据库建模，主要使用的相关软件是： SQL2000（数据库软件），SQL2000在数据库设计方面应用非常强大，用它可以快速创建数据库概念和物理模型，设计数据库强烈推荐用它。 网页设计主要采用Dreamweaver CS3。三、网站开发流程 在项目开始实施之前应该有一个工作步骤也就是工作流程，在项目开发中最需要时间的是总体设计和系统测试，而程序编写代码所占的时间并不多，但有的团队就急于开发写代码，先把程序写出来再说，没有注重评审和测试这2个环节，结果造成返工，我在一家比较大的公司中都遇到多次这种情况。所以项目来
5、了不要急于开工写代码，应该一步一步慢慢来，只有走的慢才能走得稳走得远。图1的开发流程比较好地体现开发的整个环节。 图 1-1从图11可以看到2条主线，这2条主线分别是前台开发和后台开发。前后台开发在项目开发早期互相没有交叉，当然不是绝对没有，Web策划和需求分析都是互相有关系的，一个是网站表现形式和风格的策划另一个是网站功能的策划，它们是衣服和躯干的关系。到了开发后期就需要把界面和功能模块结合起来形成一个统一，也就即将发布的网站。四、网页设计制作规范以及制作后的效果基 本 要 求 1. 在网站根目录中开设images common temp 三个子目录，根据需要再开设media 子目录，ima
6、ges目录中放不同栏目的页面都要用到的公共图片，例如公司的标志、banner 条、菜单、按钮等等；common 子目录中放css、js,、php、include 等公共文件；temp 子目录放客户提供的各种文字图片等等原始资料；media 子目录中放flash, avi, quick time 等多媒体文件 。 2. 在根目录中原则上应该按照首页的栏目结构，给每一个栏目开设一个目录，根据需要在每一个栏目的目录中开设一个images 和media 的子目录用以放置此栏目专有的图片和多媒体文件，如果这个栏目的内容特别多，又分出很多下级栏目，可以相应的再开设其他目录。3. temp 目录中的文件往往
7、会比较多，建议以时间为名称开设目录，将客户陆续提供的资料归类整理。 4. 除非有特殊情况，目录、文件的名称全部用小写英文字母、数字、下划线的组合，其中不得包含汉字、空格和特殊字符；目录的命名请尽量以英文为指导，不到万不得已不要以拼音作为目录名称，经验证明，用拼音命名的目录往往连一个月后的自己都看不懂， 脚 本 编 写1. Html 文件的通用模板： 文档标题 其他meta 标 记 样式表定义 客户端Javascript 函数定义及初始化操作 补充： 为了保证网站能够与下一代的web 语言xml 标准兼容，所有的HTML 标签的属性都要用单引号或者双引号括起，即我们应该写 而不 是 . 2. 允
8、许全文检索的页面，为了使Internet 上的搜索引擎能够有效检索，在频道的首页的html的之间应该加入Keywords 和Description 元标记，例如 ： 3. CSS 文件的格式样例代码 ： 这里尤其要注意的是a:link a:visited a:hover a:actived 的排列顺序一定要严格照上面的样例代码，否则或多或少会出问题。另外我们规定重定义的最先，伪类其次，自定义最后，便于自己和他人阅读！ 为了保证不同浏览器上字号保持一致，字号建议用点数pt和像素px来定义，pt一般使用中文宋体的9pt和11pt，px一般使用中文宋体12px 和14.7px 这是经过优化的字号，黑
9、体字或者宋体字加粗时，一般选用11pt和14.7px 的字号比较合适。 在写 互相嵌套时，严格按照的规范，对于单独的一个来说，对齐， 缩进两个半角空格， 中如果还有嵌套的表格，也缩进两个半角空格，如果中没有任何嵌套的表格， 结束标记应该与 处于同一行，不要换行， 如我们注意在源代码中不应有这样的代码： 而应该是这样的： 这是因为浏览器认为换行相当于一个半角空格，以上不规范的写法相当于无意中增加一个半角空格，如果确实有必要增加一个半角空格，也应该这样写： 属于同一个级别 的 一定是左首对齐的，另外不允许没有任何内容的空的单元格存在，高度大于等于12px 的单元格应该 在 和 之间写
10、一 个 如果高度小于12px, 则应该 在 和 之间插入一个1*1 大小的透明的gif 图片，这是因为某些浏览器认为空单元格非法而不会予以解释。如果代码顺序较乱，在DW3中可以通过command-apply souce formatting进行重新整理！ 5. Width 和height 的写法也有统一的规范，一般情况下只有一列的表格，width 写在 的标签内，只有一行的表格，height 写在 的标签内，多行多列的表格，width 和height 写在第一行或者第一列的 标签内。总之遵循一条原则：不出现多于一个的控制同一个单元格大小的height 和width, 保证任何一个
11、width 和height 都是有效的，也就是你改动代码中任何一个width 和height 的数值，都应该在浏览器中看到变化。做到这一条不容易，需要较长时间的练习和思考。 一 般 原 则 1. 在排布表格之前，一定要好好思考一个最佳的方案，表格的嵌套尽量控制在三层以内，并且应该尽量避免 两个标记，经验表明，这两个标记会带来许多麻烦。 2. 一个网页要尽量避免用整个一张大表格，所有的内容都嵌套在这个大表格之内，因为浏览器在解释页面的元素时，是以表格为单位逐一显示，如果一张网页是嵌套在一个大表格之内，那么很可能造成的后果就是，当浏览者敲入网址，他要先面对一片空白很长时间，然后所有的网页内容同时出
12、现。如果必须这样做，请使用 标记，以便能够使这个大表格分块显示。 3. 排版中我们经常会遇到需要进行首行缩进的处理，不要使用 或者全角空格来达到效果，规范的做法是在样式表中定义 p text-indent: 2em; 然后给每一段加上 标记，注意，一般情况下，请不要省略 结束标记 。 4. 原则上，禁止用 来人为干预图片显示的尺寸，而且建议 标签中不要带上width 和height 两个属性，这是因为制作过程中，图片往往需要反复的修改，这样可以避免人为干预图片显示的尺寸，尽可能的发挥浏览器自身的功能；但是这样的一个副作用是当网页还未加载图片时，不会留出图片的站位大小，可能会造成网
13、页在加载过程中抖动（如果图片是插在一个固定大小的表格里的，不会有这个现象），尤其是当图片的尺寸较大时，这种现象会很明显，所以当预料到这种会明显导致网页抖动的情况会发生时，请大家务必在最后给 附上 width 和 height 属性。 5. 为了最大程度的发挥浏览器自动排版的功能，在一段完整的文字中请尽量不要使用 来人工干预分段。 6. 不同语种的文字之间应该有一个半角空格，但避头的符号之前和避尾的符号之后除外汉字之间的标点要用全角标点，英文字母和数字周围的括号应该使用半角括号。 7. 所有的字号都应该用样式表来实现，禁止在页面中出现 标记。 8、“网页大小”定义为网页的所有文件大小的总和，包括
14、HTML文件和所有的嵌入的对象。用户喜欢快的而不是新奇的站点。对于解调器用户，网页大小保持在34K以下为合适。 文 件 命 名 原 则 1. 每一个目录中应该包含一个缺省的html 文件，文件名统一用index.htm 2文件名称统一用小写的英文字母、数字和下划线的组合。 3. 命名原则的指导思想一是使得你自己和工作组的每一个成员能够方便的理解每一个文件的意义，二是当我们在文件夹中使用“按名称排例”的命令时，同一种大类的文件能够排列在一起，以便我们查找、修改、替换、计算负载量等等操作 。 （主页效果图）五、数据库开发数据文件命名采用系统名+_+文件类型，比如系统名为kupage,则数据库文件命
15、名为kupage_database.mdf，有的数据库文件有多个，比如SQL Server就有2个，一个是数据库文件，另一个是日志文件，那么他们的文件命名分别为kupage_database.mdf，kupage_log.log。文件名全部采用小写。数据库表命名规范，表名长度不能超过30个字符，表名中含有单词全部采用单数形式，单词首写字母要大写，多个单词间不用任何连接符号。若库中有多个系统，表名采用系统名称+单词或多个单词，系统名是开发系统的缩写，系统名称全部采用小写英文字符,如bbsTitle,bbsForumType。若库中只含有一个系统，那么表名仅用一个单词或多个单词。单词选择能够概括表
16、内容的一个或多个英文单词，如UserInfo,UserType。关连表命名规则为Re_表A_表B,Re是Relative的缩写，如：Re_User_ArticleType, Re_User_FormType。数据库字段命名规范，数据库字段名全部采用小写英文单词，单词之间用”_”隔开，命名规则是表别名+单词，如：user_name,user_pwd。表别名规则，如果表名是一个单词，别名就取单词的前4 个字母；如果表名是两个单词，就各取两个单词的前两个字母组成4 个字母长的别名；如果表的名字由3 个单词组成，你不妨从头两个单词中各取一个然后从最后一个单词中再取出两个字母，结果还是组成4 字母长的别
17、名。视图名采用规则View_表A_表B_表C,View表示视图。这个视图由几个表产生就用”_”连接几个表的名，如果表过多可以将表名适当简化，但一定要列出所有表名。 存储过程命名规则P_表名_存取过程名(缩写)，比如P_User_Del，P_ArticleType_AddData。 SQL语句编写规则，关键字必须大写，其他书写按上述命名规则，比如：SELECT user_id, user_name FROM User WHERE user_id = tom六、网站域名申请、空间申请以及网站推广1、域名注册网络域名，形式如，是一个企业或机构在互联网上的名字，是企业在互联网上的标识。一个企业如果想在
18、互联网上出现，只有通过注册域名，才能在互联网里确定自己的一席之地。国际顶级域名注册： 国内顶级域名注册：www. 2、虚拟主机每位浏览者都希望短时间内看到网站的内容，选择优质的虚拟主机空间提供商，将让您的网站具有更快访问速度的同时又能享受到优质服务。目前，许多企业建立网站都采用这种方法，这样不仅大大节省了购买机器和租用专线的费用，同时也不必为使用和维护服务器的技术问题担心，更不必聘用专门的服务器管理人员。3、站点建设首页、辅页设计，脚本编程，Web数据库开发，论坛，留言薄，聊天室，用户反馈表，用户访问验证.网上主页不仅是公司宣传产品和服务的窗口，同时，也代表了公司的形象，美观大方，条理清楚，内
19、容翔实，富于创意的主页能给访问者留下深刻的印象，使更多的人认识，了解，进而喜爱你的公司，大大增强了公司在信息时代的竞争力。4、网站推广网站建设完以后，推广工作是必不可少的，除对网站内容的不断丰富和定期更新外,还要不断的扩大网站的知名度增加网站的交互功能,以使网站更好的发挥其优势。七、页面代码1、主页面无标题文档!-function MM_swapImgRestore() /v3.0 var i,x,a=document.MM_sr; for(i=0;a&ia.length&(x=ai)&x.oSrc;i+) x.src=x.oSrc;function MM_preloadImages() /v
20、3.0 var d=document; if(d.images) if(!d.MM_p) d.MM_p=new Array(); var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i0&parent.frames.length) d=parent.framesn.substring(p+1).document; n=n.substring(0,p); if(!(x=dn)&d.all) x=d.alln; for (i=0;!x&id.forms.length;i+) x=d.formsin; for(i=0;!x&d.l
21、ayers&id.layers.length;i+) x=MM_findObj(n,d.layersi.document); if(!x & d.getElementById) x=d.getElementById(n); return x;function MM_swapImage() /v3.0 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i 2、副页面无标题文档!-function MM_swapImgRestore() /v3.0 var i,x,a=document.MM
22、_sr; for(i=0;a&ia.length&(x=ai)&x.oSrc;i+) x.src=x.oSrc;function MM_preloadImages() /v3.0 var d=document; if(d.images) if(!d.MM_p) d.MM_p=new Array(); var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i0&parent.frames.length) d=parent.framesn.substring(p+1).document; n=n.substring(0,p); i
23、f(!(x=dn)&d.all) x=d.alln; for (i=0;!x&id.forms.length;i+) x=d.formsin; for(i=0;!x&d.layers&id.layers.length;i+) x=MM_findObj(n,d.layersi.document); if(!x & d.getElementById) x=d.getElementById(n); return x;function MM_swapImage() /v3.0 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i img src=head.jpg width=963 heig
