1、广州市广播电视大学 增城分校论文题目吉他介绍网 作 者 姓 名： QQ529614773 专 业 班 级：计算机信息管理 学 号： 指 导 教 师： 2014年 6月吉他介绍网2摘要在网络飞速发展的时代，网络的重要性越来越强。而国内关于吉他的网站仅有屈指可数的几个，好的只有一两个。所以建立发展吉他介绍网是非常重要的。建设“吉他介绍网”的主要目的是为了广大的用户能够在网络了解更多的吉他，让人们知道关于吉他方面的更多知识。在购买或学习的时候能够更加的清楚自己目前需要什么样的吉他。在互联网飞速发展的时代，Internet 成为人们快速获取、发布和传递信息的渠道。人们更注重兴趣爱好，其中吉他是大多数人
2、喜欢的一种乐器，而且还是入门音乐的垫脚石。所以让我们更加了解吉他。本论文旨在详细说明如何在基于 PHP+MYSQL的环境下，完成的一个网站，主要内容是介绍吉他的各种分类、吉他的配置、吉他的价钱、还有一些关于吉他的历史和教程等等。关键字：乐器 吉他 PHP 吉他网 吉他介绍网3目录第 1 章 前言 5第 2 章 需求分析 62.1.用户需求分析 62.2.网站前台功能分析 62.3.网站后台功能分析 7第 3 章 吉他介绍网的整体设计 83.1. 吉他介绍网的整体风格设计 83.2. 网站的总体结构设计 83.3. 吉他介绍网系统流程 93.4. 吉他介绍网系统模块设计 93.4.1 前台界面
3、.93.4.2.后台页面 .103.5. 数据库设计 12第 4 章 吉他介绍网的实现 14吉他介绍网44.1. 方案选择 144.1.1.系统模式比较 .144.1.2.系统技术平台 .144.1.3.开发环境搭建 .154.2. 页面的实现制作 184.2.1.页面布局 .184.2.2.网站模版设计过程 .184.2.3.网站的首页设计 .194.2.4.网站导航设计 .204.2.5.网站内容页 .214.2.6.管理员登陆界面 .214.2.7.修改密码实现过程 .224.2.8.发布信息功能 .234.2.9.修改信息功能 .264.3. 图片上传模块 294.3.1.图片上传模块
4、 .294.3.2.图片上传模块部分代码 .29吉他介绍网54.4.退出模块实现代码 30第 5 章 系统测试 325.1. 系统测试的目的 325.2. 乱码问题解决 325.3. 网页结构乱问题解决 335.4. 连接处的 sql 注入 .335.5. 浏览器兼容测试 335.6. 系统存在的问题 335.7. 运行模块测试 345.7.1.网站首页 .345.7.2.前台详细内容页 .345.7.3.管理员登陆 .355.7.4.发布文章功能 .355.7.5.图片上传功能 .36第 6 章 总结与展望 37参考文献 38致谢 39吉他介绍网6第 1 章 前言在今天，全球已有 2000
5、万个网站使用 PHP，包括最流行的雅虎、Google、百度、 YouTube、Digg，也包括像汉莎航空电子订票系统、德意志银行的网上银行、华尔街在线的金融信息发布系统，甚至军队系统这类五花八门和苛刻的环境。然而在 PHP 成功的两大秘诀中，第一条就是简单。PHP 简单到让喜欢卖弄技巧的程序员感到羞愧，但让那些渴望进入 Web 开发领域的初学者欣喜若狂。PHP 像是一条鲶鱼，与 XML、Web Services 融合无间。即使历次的版本升级，也无需担心 PHP 会丧失这种简单的特性。无疑，这个特点给需要快速开发、交互应用的 Web2.0 潮流极大的带来了方便，有超过半数的 Ajax-enabl
6、ed 和Web2.0 站点都选择了 PHP。PHP 的第二个秘诀，就是“Community（强大的社区） ”。Discuz!软件的开发者，25 岁的康盛创想公司 CEO 戴志康就是这个特性的受益者。他说，不像其他的开发者需要从零开始，大量的 PHP 程序都有开放源代码可供学习，后人站在前人的肩膀上加以改进，又将这种知识积累的结果回馈给社区。这曾被比喻为“大教堂和集市” ，在集市中，知识得到了最大化的利用，效率提高、错误减少、成本降低。而大教堂只能越垒越高，不断延迟发布时间。所以我就以 PHP 为基础，建设一个“吉他介绍网”其中主要目的是为了使广大的用户能够在网络了解更多的吉他。如何以更快更详细
7、的了解吉他，而且还是我自己的兴趣之一吉他介绍网7第 2 章 需求分析2.1.用户需求分析在 21 世纪的今天互联网高速发展的时代，网络成为人们快速获取、发布和传递信息的渠道。而每个人都有各种的兴趣爱好，其中吉他是大多数人喜欢的一种乐器，而且还是入门音乐的垫脚石。但是目前国内的吉他网站少之又少，能获取有价值信息的网站更是寥寥无几。因此，我将浏览网站的用户和网站管理员作为系统服务的主要目标，建设一个具有用户注册、用户登录、信息浏览、用户管理、发表信息等功能的一个吉他介绍网站。2.2.网站前台功能分析网站首页：网站首页是集中各种人气高受大众欢迎的各类吉他乐器的介绍。民谣吉他：介绍国内外各品牌的民谣吉
8、他价钱吉他的配置和吉他的图片显示等功能。古典吉他：介绍国内外各品牌的古典吉他价钱吉他的配置和吉他的图片显示等功能。电声吉他：介绍国内外各品牌的电声吉他价钱吉他的配置和吉他的图片显示等功能。低音吉他：介绍国内外各品牌的低音吉他价钱吉他的配置和吉他的图片显示等功能。Uklele：介绍国内外各品牌的 Uklele 吉他价钱吉他的配置和吉他的图片显示等功能。吉他入门：介绍一些基础的吉他知识吉他介绍网8网站后台登陆：通过登录来进入后台的管理界面。2.3.网站后台功能分析信息发布：如今的网站信息不能只有管理员发布，更多的是需要用户的信息共享，所以信息发布时非常重要的文档管理：管理网站所有内容的修改、删减用
9、户信息：显示所有管理员用户的信息吉他介绍网9第 3 章 吉他介绍网的整体设计3.1. 吉他介绍网的整体风格设计现在的商业门户网站在几乎都是三栏，上面是 logobanner 。其实门户网站因为信息大，更新频繁，太过于平凡的设计打动不到用户浏览的激情，我认为可以充分利用吉他的优势，充分利用用户对吉他的认识，所以网站整体采用了摇滚风格。以黑色为主色调进行开发，网站的 banner 采用了一张摇滚音乐会的图片，更加明显的突出了网站的风格和表明了这是一个关于吉他的网站。3.2. 网站的总体结构设计吉他介绍网主要功能模块结构示意图：吉他介绍网103.3. 吉他介绍网系统流程3.3.1.前台页面用户根据搜
10、索引擎或者收藏夹等方式访问到网站用户通过首页点击首页中的内容链接到内容的详细页面浏览完网页以后通过导航链接到其他目录下的页面选择喜欢的内容然后连接到详细页面。3.3.2.后台页面管理员通过登录界面登录到后台管理首页然后选中需要的功能进行操作最后进行发布信息，文档管理，和用户的信息管理3.4. 吉他介绍网系统模块设计吉他介绍网，主要完成信息的添加，删除以及信息的修改功能。以及对多用户的管理以及在后台对用户的信息进行管理。以下是页面划分以及各模块的功能介绍。3.4.1 前台界面吉他介绍网11前面页面-网站首页网站的首页是每个网站的必需品，他的作用是吸引用户访问设计者想让用户最先看到的内容，主要完成
11、用户的引导作用。前台页面-网站内容页网站的内容页是显示所属模块的所有数据，他的作用是当用户进入到改页面的时候按照事先设计好的排序方法显示所属数据的所有数据3.4.2.后台页面吉他介绍网12后台页面子模块-信息发布信息发布作为后台管理的一个重要部分，管理员通过登录后用于发布网站显示的信息后台页面子模块-文档管理文档管理，主要是用于已经发布的信息来修改，管理员通过登录后选中要修改的信息 然后进去修改，最后就保存。管理员管理，主要是用于设置能够对当前系统后台的功能进行操作的用户，以及设置这些用户可以使用后台哪些功能。该功能使得后台管理更为灵活，可以方便的进行权限托管。并且可以设置对某个功能专门进行操
12、作的管理人员，简化了管理的复杂程度。吉他介绍网133.5. 数据库设计上图是根据网站的需求设计出九个数据表，分别是：系统管理员表（admin） ，低音吉他表（bass）,电声吉他表（dian） ，古典吉他表（gudian） ，没分类吉他表（guitar） ，吉他入门表（ jiaocheng） ，民谣吉他表(minyao) ，uklele 表（uklele） ，吉他资讯表(zixun)。数据表主要分为以下几个部分：系统管理员表：低音吉他表：吉他介绍网14电声吉他表：古典吉他表：吉他入门表：民谣吉他表：uklele 表：吉他介绍网15吉他资讯表：第 4 章 吉他介绍网的实现4.1. 方案选择4.1
13、.1.系统模式比较目前比较流行的两种开发模式主要有 C/S 结构和 B/S 结构：C/S 结构，即 Client/Server(客户机/服务器)模式，是大家熟知的软件系统体系结构，通过将任务合理分配到客户端和服务器端，降低了系统的通讯开销，可以充分利用两端硬件环境的优势。 B/S 结构，即 Browser/Server(浏览器/服务器)模式，是随着 Internet 技术的兴起，对 C/S 结构的一种变化或者改进的结构。在这种结构下，用户界面完全通过 WWW 浏览器实现，一部分事务逻辑在前端实现，但是主要事务逻辑在服务器端实现。B/S 结构利用不断成熟和普及的浏览器技术实现原来需要复杂专用软件
14、才能实现的强大功能，并节约了开发成本，是一种全新的软件系统构造技术。4.1.2.系统技术平台开发环境：WindowsServer2013 Datacenter Edition、MySql 4.2、Apache2；开发工具：Dreamweaver8、PhotoShop 、记事本；系统构架：PHP+MySql4.2；吉他介绍网16开发语言：PHP5。4.1.3.开发环境搭建1. 配置 PHP 5将从网络上下载下来的文件解包，然后需要以下操作：打开 php.ini 文件，修改以下内容：max_execution_time = 600;max_input_time = 600;memory_limit
15、 = 16Mpost_max_size = 20Mfile_uploads = Onupload_max_filesize = 20Mdefault_socket_timeout = 60以上选项避免由于用户上传过大的图片导致 PHP 处理超时。register_globals = Offmagic_quotes_gpc = On以上选项为防止用户恶意提交。extension_dir = “D:PHPPHPext“以上选项用于设定 PHP 的扩展所在文件夹。extension=php_mbstring.dll该扩展用于支持长字符集extension=php_exif.dll该扩展用于支持 PH
16、P 读取图片的 EXIF 信息。extension=php_gd2.dll该扩展用于 PHP 对图片的操作以及验证码的生成操作。extension=php_mysql.dllextension=php_mysqli.dll 以上两项用于 PHP 对 MYSQL 的支持吉他介绍网17extension=php_sockets.dll该扩展用于 PHP 对 SOCKET 的支持，主要用于支持上传时显示上传进度的 UPU 库2. Apache 2.0将从网络上下载下来的文件解包，然后需要以下操作：修改 Apache 的配置文件:进入到解包根目录下的 conf 目录。打开 httpd.conf 文件，
17、修改以下内容：设置执行超时： Timeout 300设置监听 80 端口： Listen 80开启 APACHE 对 PHP 的支持：LoadModule php5_module d:/php/php/php5apache2.dll开启 URL 重写功能：LoadModule rewrite_module modules/mod_rewrite.so设定 WEB 服务的根目录： DocumentRoot “E:web“设置 URL 重写所生效的范围： Options FollowSymLinksAllowOverride ALL设置中文支持：AddLanguage zh-CN .zh-cnAd
18、dLanguage zh-TW .zh-twAddLanguage zh-cn .cn设置默认语言AddDefaultCharset GB2312设置默认索引页：DirectoryIndex index.html index.html.var index.htm index.php设置 APACHE 对 PHP 文件进行解析：AddType application/x-httpd-php .php将 APACHE 安装为服务：吉他介绍网18进入命令行，转到 APACHE 文件夹下的 BIN 文件夹，执行以下命令：apache -k install启动 APACHE 服务器执行以下命令：net
19、start apache23. mysql 安装将从网上下载的 MYSQL 解包,然后修改其配置文件如下 :default-character-set=utf8 /由于整个系统均使用 UTF-8,故数据库也统一文字编码key_buffer_size=20Mmax_allowed_packet=15M /以上设置用于处理将图片存入数据库的大量信息数据。运行 MySQLInstanceConfig.exe 对 MYSQL 进行初始化设置。安装 MYSQL 服务执行 mysql d-nt.exe install 将 MYSQL 进程作为系统服务运行。使用 MYSQLADMIN 对 MYSQL 的管理
20、员进行管理4. PHPMYADMIN 配置找到 phpmysdmin 的配置文件，修改以下地方。$cfgServers$ihost = localhost;/设置为本机（只做调试用）$cfgServers$iport = 3306;/MySQL 的端口$cfgServers$iconnect_type = tcp;/设置与 MySQL 连接的方式 $cfgServers$icompress = FALSE;/使用压缩协议进行传输 $cfgServers$iauth_type = config;/如果 PHP 安装模式为Apache，可以使用 http 和 cookie；如果 PHP 安装模式为
21、 CGI，可以使用cookie；默认为 config$cfgServers$iuser = root;/MySQL 连接用户$cfgServers$ipassword = ;/MySQL 连接密码吉他介绍网194.2. 页面的实现制作4.2.1.页面布局吉他介绍网采用了目前最流行的 DIV+CSS 的布局方式来布局。 DIV+CSS不同于传统的表格布局的方式，采用以“块” 为结构的定位形式，用最简洁的代码实现精准的定位，这样不但方便维护人员的修改和维护，更大的好处是优化了搜索引擎的搜索和网页的浏览速度，也方便了 SEO 从业人员的优化工作。4.2.2.网站模版设计过程由于网站的页面庞大，我为了
22、节约资源和开发的时间就采用了模版的方式。首先我把网页的风格确定下来。然后设计好了网页的背景、banner、导航条、和底部的版权信息。然后结合 div+css 和表格的方式将 banner、导航条和版权信息通过 iframe 的方式嵌入到模版中，最后就是存储模版。以下是模版设计过程截图：吉他介绍网204.2.3.网站的首页设计吉他介绍网的首页使用了 iframe 技术来实现，这样就可以通过网页划分了几个栏目都要在主页显示，每个栏目占用一个框架。也就是每个栏目做成了一个小网页。这样在打开主页时各栏目可以同时分别加载。如果其中一个页面有错误也不会影响其他页面，而且还可以多人一起开发，而且还不互相影响
23、。吉他介绍网21以下是首页设计过程截图：4.2.4.网站导航设计网站的导航的基本作用是为了让用户在浏览网站过程中不至迷失，并且可以方便地回到网站首页以及其他相关内容的页面。这主要是基于这样一个重要事实：绝大多数用户都不是通过一个网站的首页逐级浏览各个栏目和网页内容的，如果用户从某个网页来到一个网站，如果没有详细的导航引导，用户则很容易在网站中迷失。我的网站的导航时采用一个单独的页面专门制作导航，然后用 Iframe 的方式套入到模版中。这样做是为了方便以后可以更加容易的更新和维护的操作。吉他介绍网224.2.5.网站内容页网站的内容页是用我开始就已经做好的模版来设计，将模版套入然后设置好内容页
24、要显示的动态内容。然后设置子页面的导航。显示数据通过动态的方式显示这样就剩下了很多很多的工作量。4.2.6.管理员登陆界面网站管理员登陆界面是通向管理员功能的唯一通道。所以也是很重要，如果稍微一不注意就会导致后台给人入侵。所以为了后台的验证我在登陆页面那里设置了 SESSION 传递。吉他介绍网23以下是 SESSION 传递部分代码：$_SESSIONMM_Username = $loginUsername;$_SESSIONMM_UserGroup = $loginStrGroup; if (isset($_SESSIONPrevUrl) header(“Location: “ . $MM
25、_redirectLoginSuccess );else header(“Location: “. $MM_redirectLoginFailed );4.2.7.修改密码实现过程修改密码的实现过程是由前一个页面传递一个用户值过来，然后通过查询查出用户的 ID。最后输入要修改的密码然后提交到数据库。以下是修改密码部分代码：if (isset($_POST“MM_update“) mysql_select_db($database_conn, $conn);$Result1 = mysql_query($updateSQL, $conn) or die(mysql_error();吉他介绍网24
26、mysql_select_db($database_conn, $conn);$query_Recordset1 = “SELECT * FROM admin“;$Recordset1 = mysql_query($query_Recordset1, $conn) or die(mysql_error();$row_Recordset1 = mysql_fetch_assoc($Recordset1);$totalRows_Recordset1 = mysql_num_rows($Recordset1);$colname_Recordset2 = “-1“;if (isset($_GETid)
27、 $colname_Recordset2 = (get_magic_quotes_gpc() ? $_GETid : addslashes($_GETid);mysql_select_db($database_conn, $conn);$query_Recordset2 = sprintf(“SELECT * FROM admin WHERE id = %s“, $colname_Recordset2);$Recordset2 = mysql_query($query_Recordset2, $conn) or die(mysql_error();$row_Recordset2 = mysql
28、_fetch_assoc($Recordset2);$totalRows_Recordset2 = mysql_num_rows($Recordset2);4.2.8.发布信息功能发布文章功能，主要有 5 个字段 。分别文章的标题、正文、品牌、和图片的地址还有一个隐藏的 ID。实现的方法是直接通过 Dreamweaver 里面自带记录集和插入记录的方法过滤后然后提交到服务器直接处理，最后保存到数据库。以下是发布功能部分代码：4.2.9.修改信息功能修改文章功能，同样的有 5 个字段 。分别文章的标题、正文、品牌、和图片的地址还有一个隐藏的 ID。实现的方法是直接通过 Dreamweaver 里
29、面自带的动态文本功能和记录集、修改记录的方法过滤后然后提交到服务器进行处理，最后保存到数据库。以下是修改功能部分代码：4.3. 图片上传模块4.3.1.图片上传模块图片上传功能是这个网站里面最难的功能它的实现过程是先弹出选择框然后选择文件就到了验证文件的格式，如果不正确就退出，如果正确就验证服务器里面是否有同名的文件如果没有就进行文件的移动到最后就是命名。4.3.2.图片上传模块部分代码文件不存在！“;exit;if($filesize$max_size)echo “上传文件太大！“;exit; if(!in_array($filetype,$arrType)echo “上传文件格式不对！“;exit;
