1、 江西科技师范大学 毕业设计（论文） 题目（中文）： 个人商业网站的创作与实现 （外文）： Individual Commercial Website System 院（系）： 数学与计算机科学学院 专 业： 09级计算机科学与技术（ 1）班 学生姓名： 学 号： 288 指导教师： 漆 强 2013 年 5 月 14 日 成 绩： 目 录 1. 引言 . 1 1.1. 课题来源 . 1 1.2. 系统现状及发展趋势 . 1 1.3. 系统开发的目的和意义 . 2 2. 关键技术介绍 . 2 2.1. MVC 模式介绍 . 3 2.2. ASP 介绍 . 3 2.3. Dreamweaver
2、介绍 . 3 2.4. PHOTOSHOP 介绍 . 4 2.5. CSS+DIV 介绍 . 4 3. 系统需求分析 . 5 3.1. 系统目标 . 5 3.2. 系统可行性分析 . 6 3.2.1. 系统可行性分析方法 . 6 3.2.2. 技术可行性分析 . 6 3.2.3. 经济可行性分析 . 6 3.2.4. 可行性分析结论 . 6 3.3. 系统需求分析 . 6 3.3.1. 系统需求分析概述 . 6 3.4. 系统功能需求分析 . 7 4. 系统总体设计 . 7 4.1. 系统总体设计方法 . 7 4.2. 系统整体框架图 . 7 4.3. 整个系统功能模块图 . 8 4.3.1.
3、 数据库逻辑结构设计 . 10 4.4. 开发环境 . 13 5. 系统设计和实现 . 13 5.1. 系统模块设计 . 13 5.1.1. Flash 特色页面的实现 . 13 5.1.2. 周杰伦相册的实现 . 16 5.1.3. 音乐试听功能的实现 . 18 5.1.4. 视频观看功能的实现 . 19 5.1.5. 新闻浏览功能的实现 . 21 5.1.6. 自动变化隐现功能的实现 . 22 5.1.7. 主页友情链接 排行榜以及新闻自动浮动功能的实现 . 23 5.2. 网站测试 . 25 5.2.1. 网站运行环境 . 25 5.2.2. 链接测试 . 25 5.2.3. 检查布局的
4、一致性 . 25 6. 总结与展望 . 25 6.1. 关于网站建设的总结 . 25 6.2. 关于网站建设的展望 . 26 7. 结束语 . 26 致 谢 . 27 参考文献 . 28 个人商业网站的创作与实现 摘要 ： 为了推动未来 未来个人网站 的快速形成 ,我们的社会 应该降低文化创意领域的创业门槛。最近关于 个人商业网站甚至偶像个人网站 的议论非常多 ,其中对此最敏感的当属 偶像网站 个人站长。 为个人偶像创作的商业网站体现的是对个人偶像明星的崇拜与致敬 ,大多数的明星商务论坛都是 是以个人网站的形态开始的。 本文就个人偶像商业网站的设计与制作，以软件工程的方法对全过程进行了分析与研
5、究 . Web 站点是向用户或潜在客户提供信息 (包括产品和服务 )的一种方式 ，其多代表 的是大部分个人对偶像的信息掌握的欲望与期望，它所代表的一般就是信息提供与功能实现，所以一般体现在偶像明星的音乐试听实现与视频功能实现，如果还要加一句的话，那可能就是通过后台登陆实现商业购买音乐版权以及实现最新音乐试听以及下载时所体现的商业购买行为，这种行为所代表的是个人通过商业网站的一种自给自足的方式，实现了自我欲望的实现，也有自我价值的实现，是一个很好的双向或单向的音乐交流与购买网站实现。 所以个人商业网站，我们也可以称其为“音乐主题网站”，围绕着周杰伦先生的个人图片及音乐的展播投入了大量的设计与创作
6、，能够 很好体现个人商业网站的特点与优势。 关键词 ： ASP； 个人商业网站的创作与实现 ； HTMl 纯文本网页 ； Dreamweaver； CSS； 系统的设计与开发 ； Hyper text 1 1. 引言 在线听音乐适合年轻一代以及潮流的一代 .它给人们提供了查找音乐的便利和下载音乐的快速 ,尤其对于喜爱各种音乐的人来说 ,可以省掉很多时间 . 音乐网站的设计有动态与静态之分还有可简可繁 .本人制作的是静态音乐网站。而本网站使用了 CSS+DIV 网页布局。外加了 js 特效而成的原创作品。 这个音乐网站体 现的主要特色是在运用的技术 HTML 文本创作网站和 css 方式以及DI
7、V 布局，在接下来的论文分析中，我会主要的 介绍这些技术的产生与成功运用。关于 js 特效也会有较大篇幅教科书式的介绍，让读者能够更好的了解分析一篇成功的论文的意义或重要性。 1.1. 课题来源 World Wide Web 是 Internet 上发展最快的领域，最初 WWW 的发展目的碍于通过网络来传输，一个可以同时显示文字，声音，图形及影响的多媒体系统，是得网络上的信息实现交换，不仅仅局限于文字模式， Web 是在超文本基础上面形成的巨大信息网，Web 时有许多的站点 构成。在这种背景下各种企业，公司，学校等的网站诞生了，这种网站一般都体现与表达了这个企业或单位的基本信息与 环境。 在
8、21 世纪的今天，越来越凸显出来的网站泛滥问题引起了社会的思考，个人网站的出现更加体现了网站的普及以及技术的公众化。青少年会在青春期特别迷恋或者说喜欢自己所向往的偶像明星或者对象。本课题的出现体现的当下最流行的偶像明星周杰伦的一个个人音乐网站，并不是想通过这个网站来达到宣传个人主义的目的而是通过个人明星的网站的建设更加体现 js 特效以及 asp 语言的特殊应用，让网页不止停留在 HTML这种古老的年代 。 1.2. 系统现状及发展趋势 个人商业网站，即 Individual Commercial Website System 。它利用计算机技术，使各种音乐与偶像爱好者能够更好的与偶像接触，从
9、而形成由计算机网络技术构成的服务于普通的音乐爱好者的一个商业网站系统。 明星个人商业网站在国内外很多地方使用已经相当的普遍，国外的该类网站系统发展的相对比较成熟。在国内，计算机使用比较盛行，有一些名人的个人网站发展的比较2 成熟。 如现在让大家耳熟能详的黄晓明，周杰伦，以及许嵩 等 明星的个人网站或论坛。这些 给粉丝或者音乐或者电影爱好者（ 潜在消费者）带来极大的方便。但由于人们的生活水平越来越高，对自己关注的各类偶像明星的信息也越来越在意与要求具体，现行的许多综合型网站或论坛已经无法满足各类社会网民的需要与要求，许多功能还亟待完善与更新。虽然国内的 大部分个人商业网站维护与保持较不完善，但在
10、我国科技迅速发展的今天，其发展前景将十分令人期待 。尤其是在近几年，伴随着计算机网站建设技术在社会上的高速普及，越来越多的人能够单独的完成一个网站的建立与维护，让明星个人网站的更新与升级的呼声也越来越高，在这种背景与氛围下面一个良好界面，功能齐全，互动方式齐全 的网站是对一个明星艺人形象的维护与基本尊重。对于专业方向出现的HTML， css， div，以及 jsp 技术要求也越来越高。 1.3. 系统开发的目的和意义 伴随着 21 轰炸性量信息时代的到来，信息的种类、数量越来越多，容量也越来越大。对于出现的各类网络瘫痪与拥挤问题当今社会越来越凸显出来，这就尤其体现在了社会名人的个人网站对于网络
11、网民所造成的困扰与担忧。在竞争越来越激烈的今天，随着科学技术的不断提高 ,计算机科学日渐成熟，其强大的功能已为人们深刻认识。 计算机已进入人类社会的各个领域并发挥着越来越重要的作用。而使用计算机对 网络信息管理已经成为一种趋势，使用计算机软件编辑名人个人商业网站，搭建个人网站的优良框架与形式已经成为必然。周杰伦中文网就是在这样环境下应运而生，其开发的整体任务是实现明星个人信息的系统化、规范化、科学化，从而达到有效名人生活信息公开的目的。因此，开发这样一个网站是非常有必要的。 在制作网页的过程中，使用了 js 特效，产生的一些图片切换特效，使用了 csss+div的方式为主体，使用了行为这一功能
12、，能够以最好的方式回敬社会上面支持个人明星的群众与团体。 2. 关键技术介绍 本设计构架采用 MVC 分层设计思想，分别为模型 层、视图层、与控制层，这样的目的是使项目耦合度低、可扩展性高，便于维护。 Valerie Morse Archives and Museum Informatics, Volume 13, Number 1 / 1999 年 3 月 ： 17-18 页 3 其中模型层则表示现实事物所抽象出的代码数据库模型，由于本设计所设计的数据量较小，所以后台数据库采用 Access 数据库。 2.1. MVC 模式介绍 MVC（ Model、 View、 Controller），是
13、一种软件设计的思想典范 ， 是把数据显示与业务逻辑分离的方法。如图 2.1 所示： 图 1 MVC 设计思想 MVC 思想把 WEB 项目分成三层， 视图 层、模型层、控制器： 2.2. ASP 介绍 ASP是一种服务器端脚本编写环境，可以用来创建和运行动态网页或 Web应用程序。ASP 网页可以包含 HTML 标记、普通文本、脚本命令以及 COM 组件等 。利用 ASP 可以向网页中添加交互式内容（如在线表单），也可以创建使用 HTML 网页作为用户界面的 web 应用程序。 2.3. Dreamweaver 介绍 Dreamweave r 是唯一提供 Roundtrip HTML、视觉化编
14、辑与 原始码编辑同步的设计工具。它包含 HomeSite 和 BBEdit 等主流文字编辑器。帧 (frames)和表格的制作速度快的令人无法想象。进阶表格编辑功能使用户简单的选择单格、行、栏或作不连续的选取。 杨惠 ASP.NET 程序设计专家门诊 清华大学出版社 2005年 5月第 1 版 马云 ASP 网络编程技术与实例 人民邮电出版社 2004 年 5月第 1版 4 甚至可以排序或格式化表格群组。 Dreamweaver 支持精准定位，可轻易转换成表格的图层以拖、拉、置、放的方式进行版面配置。所见即所得 Dreamweaver 成功整合动态式视觉编辑及电子商务功能，提供超强的支持能力给
15、 Third-party 厂商，包含 ASP， Apache，BroadVision， Cold Fusion， iCAT， Tango 与自行发展的应用软件。当使用 Dreamweaver设计动态网页时，所见即所得的功能，使得不需要透过 浏览器 就能预览网页。 梦幻模版和 XML Dreamweaver 将内容与设计分开，应用于快速网页更新和 团队合作 网页编辑。建立网页外观的模版，指定可编辑或不可编辑的部份，内容提供者可直接编辑以样式为主的内容。即使不小心改变既定的样式，也可以使用样版正确地输入或输出 XML 内容。 全方位的呈现利用 Dreamweaver 设计的网页，可以呈现在任何平台
16、的热门浏览器上。对于 cascading style sheets 的动态 HTML 支持和鼠标换图效果，声音和动画的 DHTML 效果资料库可在 Netscape 和 Microsoft 浏览器上执行。使用不同浏览器指示功能， Dreamweaver 可以告知在不同浏览器上执行的效果如何。当有新的浏览器上市时，只要从 Dreamweaver 的网站上下载它的描述档，便可得知详尽的成效报告。 2.4. PHOTOSHOP 介绍 Adobe Photoshop，简称 “PS”，是一个由 Adobe Systems 开发和发行的图像处理软件。Photoshop 主要处理以像素所构 成的数字图像 。
17、使用其众多的编修与绘图工具，可以更有效的进行图片编辑工作。 2003 年， Adobe 将 Adobe Photoshop 8 更名为 Adobe Photoshop CS。因此，最新版本 Adobe Photoshop CS6 是 Adobe Photoshop 中的第 13 个主要版本。 2.5. CSS+DIV 介绍 级联样式表（ Cascading Style Sheet）简称 “CSS”，通常又称为 “风格样式表（ Style Sheet），它是用来进行网页风格设计的。比如，如果想让链接字未点击时是蓝色的，当鼠标移上去后字变成红色的且有下 划线，这就是一种风格。通过设立样式表，可以统
18、一地控制 HTML 中各标志的显示属性。级联样式表可以使人更能有效地控制网页外观。使用级联样式表，可以扩充精确指定网页元素位置，外观以及创建特殊效果的能力。 当我们把 CSS-P 用到 DIV 中去以后，我们就可以严格设定它的位置。首先我们需要给这个可以被 CSS-P 控制的 DIV 一个 ID 或说是它的名字。比如说我们给下面这个 DIV 的名字是 truck。给名字的目的是我们以后可用 JavaScript 来控制它， 比如 牛丽 .NET 设计规范人民邮电出版社 徐文琦 ASP 网络编程技术与实例 人民邮电出版社 2004 年 5月第 1 版 5 说移动它或改变它的一些性质等等。 给层次
19、取什么名字是随意的，名字可以是任何英文字母和数字，但第一个必须是字母。有两种把 CSS-P 应用到 DIV 的方法。当我们把 CSS-P 用到 DIV 中去以后，我们就可以严格设定它的位置。首先我们需要给这个可以被 CSS-P 控制的 DIV 一个 ID 或说是它的名字。比如说我们给下面这个 DIV 的名字是 truck。给名字的目的是我们以后可用 JavaScript 来控制它， 比如说移动它或改变它的一些性质等等。 给层次取什么名字是随意的，名字可以是任何英文字母和数字，但第一个必须是字母。有两种把 CSS-P 应用到 DIV 的方法 3. 系统需求分析 在 软件工程 中，需求分析指的是在
20、建立一个新的或改变一个现存的 电脑系统 时描写新系统的目的、范围、定义和功能时所要做的所有的工作。 3.1. 系统目标 个人商业网站可为各种不同的明星歌迷或影迷建立登录页面，本网站主要实现以下几个功能： 周杰伦的信息浮动与显示，提高各类商业或者纯理论性信息提供的效率，克服传统论坛带来的各类信息冗余以及重复率高的问题，减少纸张浪费，实现低碳环保。 周杰伦音乐赏析，能够为明星本人的音乐信息提供较新的查询与应用，试听音乐在这种情景下面 的产生也能算是适时逢时。音乐歌曲的自动排行也算得上是一种较为前沿的功能与总用。 系统界面简洁美观、易使用、易维护，能够适用于非计算机人员使用。能够完成对周杰伦新闻与信
21、息 存储和查询，并提供数据数据下载功能，可以查找、下载、试听与浏览最近最新的官方信息。从而使面对一个庞大的名人信息数据库时，依然可以全面、准确、有效的了解到名人出席或缺席各种信息，及时掌握 名人信息的动态变化，更方便地对网站商业的运作进行铺垫。 可靠运行，技术成熟。超级文本标记语言文档制作不是很复杂，但功能强大，支持不同数据格式的 文件 镶入，这也是名人个人网站盛行的原因之一，超级文本标记语言 版本升级 采用 超集 方式，从而更加灵活方便。可扩展性：超级文本标记语言的 广泛应用带来了加强功能，增加 标识符 等要求，超级文本标记语言采取子类元素的方6 式，为系统扩展带来保证。 3.2. 系统可行
22、性分析 3.2.1. 系统可行性分析方法 互联网商业的普及应用已经成为网络经济的大势所趋。本章介绍的周杰伦中文网站是建立在用户和明星信息之间的，用户可以方便、快捷地查找到自己所需要了解的有关于周杰伦的信息。 3.2.2. 技术可行性分析 技术性上面网站提供给客户了了解周杰伦的基本信息和各种音乐信息 ，使客户能够更好的在本站内了解周杰伦。 技术可行性研究的任务，是从总体上鉴别和选择技术系统，是研究现有的技术条件能否顺利完成开发工作，软、硬件配置能否满足开发的需求等等。本系统的开发使用 ACCESS+ASP+Dreamweaver+IIS 作为系统开发工具和环境。 综述，技术上面的众多建立网站技术
23、已经成熟，可以投入开发。 3.2.3. 经济可行性分析 经济可行性分析需要估算新系统的成本效益分析，其中包括估计项目开发的成本，开发费用和今后的运行、维护费用；估计新系统将获得的效益，估算开发成本是否回高于项目预期的全部经费。所 以可行性分析中非常重要的一环便是经济可行性分析，因为这种分析体现出了很好的实际应用能力。 本次所做网站 -周杰伦中文网的开发成本非常低，除了部分版权的问题的支付以外，成本代价仅体现在程序员对技术学习的前期投入与加深。而且运行要求环境也非常的低，本次开发在 win7 系统下面进行。但是总体来说运行环境仅为 win98 以上版本即可。 3.2.4. 可行性分析结论 综上所述，开发的周杰伦名人信息管理网站非常的具有实用性，在经济，系统，技术方面都体现了很好的可行性。所以，本系统可以进行设计与开发。 3.3. 系统需求分析 3.3.1. 系统需求分析概述 将要做 的是一个个人网站，主要做网站设计，因此建设网站的目的主要有两个：一是使浏览者或潜在的客户迅速了解明星个人大部分已经完成或正在进行的通告新闻及
