1、中 南 民 族 大 学毕 业 论 文 (设 计 )学 院 : 计 算 机 科 学 学 院 专 业 : 网 络 工 程 年 级 :2010 题 目 : 网上手机商店的设计与实现 学 生 姓 名 : 罗 子 霜 学 号 :10066040 指 导 教 师 姓 名 : 吴 立 锋 职 称 :副 教 授 2014 年 5 月中南民族大学本科毕业论文（设计）原创性声明本人郑重声明：所呈交的论文是本人在导师的指导下独立进行研究所取得的研究成果。除了文中特别加以标注引用的内容外，本论文不包含任何其他个人或集体已经发表或撰写的成果作品。本人完全意识到本声明的法律后果由本人承担。作者签名： 年 月 日目 录引言
2、 .21 开发工具及技术简介 .21.1 HTML 语言 .21.2 CSS 语言 .21.3 JavaScript 语言 .21.4 PHP 的简介 .31.5 MySQL 的简介 .32 需求分析 .42.1 用户需求分析 .42.2 系统功能需求分析 .42.2.1 系统前台功能分析 .42.2.2 系统后台功能分析 .43 网站设计 .53.1 设计目标 .53.2 系统功能结构设计 .53.2.1 网站前台功能模块 .53.2.2 网站后台功能模块 .63.3 数据库设计 .74 详细设计 .94.1 手机商店网站主页 .94.2 用户注册模块 .94.3 用户登录模块 .104.4
3、 手机分类浏览模块 .114.5 手机搜索模块 .114.6 购物车模块 .124.7 用户中心模块 .134.8 订单查询模块 .144.9 管理登录模块 .144.10 订单管理模块 .154.11 商品管理模块 .164.12 会员管理模块 .184.13 管理员个人设置模块 .19结论 .19致 谢 .19参考文献 .201 网 上 手 机 商 店 的 设 计 与 实 现摘要：随着计算机网络技术的不断发展，互联网已成为我们收集提供信息的最佳渠道。而网站，它作为计算机发展的产物，具有信息量大、信息丰富、更新及时、便于交流的特点。本文采用表格兼 DIV 进行页面布局，CSS 样式表进行网页
4、控制，数据库 MySQL，PHP 语言，以及动态页面技术 JavaScript 设计并实现了一个简单的网上手机商店。通过本网上商店，可以让大家足不出户，就可以购买到自己心仪的手机。关键词：网上手机商店；php；JavaScript；MySQLDesign and Implementation of Mobile Phone Shop OnlineAbstract: With the continuous development of computer network technology, Internet has become the best way to collect and prov
5、ide information .As we know, website, as the conduction of computers development , it with characteristics of owning abundant information, easy to communicate, and the information is always up to date. The pages are arranged by table and DIV,while webpages are under controlled of the CSS style sheet
6、.Moreover, dynamic pages is designed by JavaScript technology, backend databases select the MySQL database . Through the website, we can buy the phone which we like keep indoors.Key words：Phone Shop Online ；Php ；JavaScript；MySQL2 引言计算机科学技术的突飞猛进把我们带进了一个信息化和数字化的社会，计算机的应用已经普及到了经济和社会生活的各个领域，网络时代的出现使人们的生
7、活发生了翻天覆地的变化，让人们足不出户就可以与世界同步，以最快的速度获得到新的消息，让人置身于一个全新的世界，尤其是网购已经成为智能生活重要的一部分 1。所谓的网购，顾名思义，就是在网上购物，即逛街、挑选、议价、购买、付款、包括售后服务等都是通过网上实现，最终达成买卖交易。快捷便利的网上购物让人足不出户，就能享受到逛街的乐趣，这就是 E 时代的产物购物 2。虽说网上的商品应有尽有，但是最受大众青睐的都是一些服饰、化妆品、书影唱片等，对于手机、相机、电视、冰箱等这些价钱比较昂贵的数码产品或家用电器，人们都还不敢下手，一方面是因为担忧互联网环境存在的安全性问题，另一方面是互联网上商品的图片给不了人
8、们商品质量上的保证。随着互联网技术的进步、环境的改善，我深信这些问题都能得以解决。随着计算机网络技术的迅速发展，人们生活水平的不断提高，使用电脑的人数也在不断的增加，网上购物在众多的销售渠道中脱颖而出，它在人们生活中的地位和重量一定会逐渐增加，因为技术革命所引发的产业结构变革、市场竞争规则变化，网络销售的出现是流通领域中的一场革命 3。而在这个人手一部手机的时代，网上手机销售必定会成为一种潮流趋势。1 开发工具及技术简介在本次设计中运用了 html 语言、css 语言、javascript 语言进行网站前端页面的设计，通过php 语言搭建了网站的管理后台，与 MySQL 数据库进行交互，实现数
9、据的插入、提取、删除以及管理。在此过程中使用了 Dreamwaver CS5 平台进行 html 语言、css 语言、javascript 语言的编写，以及对页面的布局、美工。在搭建后台的过程中，使用了 EclipsePHP Studio v1.2.2 平台，实现了与数据库之间的交互，实现了从静态页面到动态网站的跨越。在数据库的使用中，本次设计使用的是 MySQL 数据库对数据进行管理。网站服务器使用了 Apach 服务器，它是当下最流行的 Web 服务器端软件之一。下面将对设计中涉及的开发工具以及语言进行介绍。1.1 HTML 语言网页文档也称为 HTML 源文件，它是用超文本标记语言（Hy
10、perText Markup Language，HTML）编写而成的。HTML 语言是一种顺序符号标记语言。20 世纪 80 年代初，HTML 由万维网联盟（World Wide Web Consortium，W3C ）制定。由于制作网页与编写文档很相似，所以 HTML 包括一些定义页面内容和格式的符号，称为标记。HTML 是使用 SGML 定义的网页设计语言，或者可以说 HTLM 是 SGML 的一个应用程式，但 HTML 不是程式语言，它只是标示语言，它能够将文本、图片、声音和动画结合在一个网页文档中。后来，这些文档可以使用 Web 浏览器显示，还可以使用超链接以访问其他的资源 4。1.2
11、 CSS 语言CSS（Cascading Stype Sheet）,中文译为层叠样式表，它是用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。CSS 是 1996 年由 W3C 审核通过，并且推荐使用的。简单地说，CSS 的引入就是为了使得 HTML 语言能够更好地适应页面的美工设计。它以 HTML 语言为基础，提供了丰富的格式化功能，如字体、颜色、背景和整体排版等，并且网页设计者可以针对各种可视化浏览器设置不同的样式风格，包括显示器、打印机、打字机、投影仪和 PDA 等。CSS 的引入随即引发了网页设计一个又一个的新高潮，使用 CSS 设计的优秀页面层出不穷 5。1.3 Jav
12、aScript 语言3 JavaScript 是由 Netscape 公司开发并随 Navigator（导航者）浏览器一起发布的，它介于Java 与 HTML 之间，是基于对象事件驱动的编程语言 6。由于其开发环境简单，不需要 Java编译器，而是直接在 Web 浏览器中运行，因此备受 Web 设计者的喜爱。虽然 HTML 可以实现文字、表格、声音、图像、动画等多媒体信息的检索，但是这种技术存在一定的缺陷，即它只能提供一种静态的信息资源，缺少客户端与服务端的动态交互 7。虽然可以通过 CGI 实现一定的交互，但采用这个方法的编程比较复杂，而 JavaScript 的出现，使得信息和用户之间不再
13、只是显示和浏览的关系，而是实现了一种实时的、动态的、可互交的表达能力，用可提供动态实时信息并对客户操作进行反应的 Web 页面取代了静态的 HTML 页面 8。JavaScript 是众多脚本语言中非常优秀的一种，它与 WWW 的结合有效地实现了网络计算机和网络计算机的蓝图，这必将在飞速发展的信息时代占据重要的一席之地 9。1.4 PHP 的简介PHP，一个嵌套的缩写名，它最初只是 Personal Home page (个人主页)的缩写，但是后来经过修改，采用了 GNU 命名惯例（GNU=Gnus Not UNIX）,如今它是超文本预处理编程（Hypertext Preprocessor）的
14、缩写 10。PHP 是一种服务器端脚本语言，它是专门为 Web 而设计的。在一个 HTML 页面中，你可以嵌入 PHP 代码，这些代码在每次页面被访问时执行。PHP 代码将在 Web 服务器中被解释并且生成 HTML 或者访问者看到的其他输出 11。PHP 于 1994 年出现，最初只是 Rasmus Lerdorf 一个人的工作成果。其他的天才改进了这种语言，它经历了四次非常重要的重新编写，才变成了我们今天所看到的广为使用的、成熟的PHP12，Lerdorf 在 1995 年发布了 PHP1.0，开始对外发表了第一版本。在第一版本中，只提供了用户留言板，用户计数等简单的功能，后来越多越多的网
15、站使用了 PHP，对 PHP 的功能也有了进一步的要求，在新成员加入开发团队之后，有了 PHP2.0 的产生。第二版本的 PHP 加入了对数据库 MySQL 的支持，从此就建立起了 PHP 在网站开发上的地位。 1997 年，开发小组开始了第三版的开发计划，第三版 PHP 加入了 Zeev Suraski 及 Andi Gutmans，被定名为PHP3，2000 年，发布了第四版 PHP4.0， PHP4.0 具有开源免费、语法简单、跨平台、功能强大等优点。而目前，PHP 的主要版本是第五版，该版本的 Zend 引擎经过了完全的重写，具有许多新的特征 13。PHP 的主要竞争对手是 Perl、
16、Microsoft ASP.NET、Ruby （on Rails 或其他） 、JavaServer Pages(JSP)和 ColdFusion。与这些产品相比，PHP 具有高性能、可扩展性等优点 14。1.5 MySQL 的简介MySQL 是一个小型关系型数据库管理系统，开发者为瑞典 MySQL AB 公司。在 2008 年 1月 16 号被 Sun 公司收购。而 2009 年，Sun 又被 Oracle 收购 15。MySQL 是一种关联数据库管理系统，关联数据库将数据保存在不同的表中，而不是将所有数据放在一个大仓库内。这样就增加了速度并且提高了灵活性。MySQL 的 SQL 为“结构化查
17、询语句” 。SQL 是用于访问数据库的最常用标准化语言。MySQL 软件采用了 GPL（GNU 通用公共许可证） 16。由于其体积小、速度快、成本低，尤其是具有开发源码这一特点，许多中小型网站为了降低网站成本而选择了MySQL 作为网站数据库 17MySQL 的历史可以追溯到 1979 年，当时它只是一个很底层的面向报表的存储引擎，经过了十多年的发展，在 1996 年，MySQL1.0 终于问世了，但它面向的对象只是一小部分人，相当于内部发布，同年 10 月份，MySQL3.11.1 发布，但是它只提供 Solaris 下的二进制版本。直到MySQL3.22 发布后，MySQL 开始得到广泛的
18、应用，它是一个标志性的版本，因为它提供了基本的 SQL 支持。2003 年 3 月，MySQL4.0 发布，它使新的基于 MySQL 的应用程序得到了更广4 泛的应用，但在该版本中，MySQL 并不支持视图、存储过程、触发程序、游标等 18。而MySQL5.0 的出现，它弥补了 4.0 的不足 19。MySQL 的主要竞争产品包括 PostgreSQL、Microsoft SQL Server 和 Oracle。与这些产品相比 MySQL 具有高性能、低成本等优点 20。2 需求分析需求分析的任务就是通过详细的调查现实世界中要处理的对象，充分的了解系统的工作概况，根据用户的各种需求，在此基础上
19、确定系统的功能。一个系统必须要充分的考虑到今后可能的扩展和改变。2.1 用户需求分析本系统的用户需求主要分为三种，即游客用户需求，会员用户需求，管理员用户需求。（1）游客用户需求分析游客可以在本网站浏览各类手机商品，搜索手机商品，还可以进行注册成为本网站的会员，只有注册成为会员，才可以在本网站购买优惠的手机商品。（2）会员用户需求分析会员用户对本网站的需求是会员通过输入用户名、密码和验证码登录到本网站后，可以浏览各类商品，搜索所需要的商品，下订单和查询订单，购物车管理，修改会员的个人资料。（3）管理员用户需求分析管理员对本网站的主要职责是对整个网站的数据进行管理和维护，包括对数据的添加、修改和
20、删除。管理员维护管理员和会员的登录信息及权限、维护网站信息、维护会员个人信息，对手机商品进行添加、修改和删除，查询和处理会员订单，还可以删除会员。2.2 系统功能需求分析首先要对现有的购物网站进行分析，现有的购物网站是信息的重要来源，了解购物网站的一些基本功能，从而明确新网站的设计目标和模型。从整个网站系统来看，其功能主要可以分为两个方面，即前台方面要实现的功能和后台方面要实现的功能2.2.1 系统前台功能分析（1）用户注册和登录：只有成为注册用户之后，才能在购买商品的时候享受优惠条件， 因此需要提供用户注册功能以及相关的用户信息修改、密码维护等。（2）商品浏览 搜索功能：以列表的方式显示商品
21、信息，这样可以在页面显示大量的商品信息，同时可以提供更多的商品浏览方式，例如分类浏览最新手机、热销手机、推荐手机和特价手机等。（3）购物车：当用户找到需要的手机时，可以将手机加入购物车，然后继续寻找其他的手机，购物车中存储当前用户打算购买的所有手机。（4）下 查询订单：当用户找到需要的手机后决定购买，可以下订单，管理员会定期处理用户下达的订单，并根据用户订单的信息向用户送货；用户可以查询自己提交的订单， 包括订单详情和订单中每一款手机的状态，例如是否发货、是否已处理。（5）会员个人信息管理：会员可以查看自己的资料信息，修改个人信息，还可以修改登录密码。2.2.2 系统后台功能分析（1）订单处理
22、：在用户下达订单之后，管理员需要对用户订单进行处理，为用户准备订购的手机，并组织送货、收取货款等。（2）商品管理：管理员可以添加、修改和删除手机商品。管理员还需要能够维护商品的信息，5 同时也需要维护与其相关的商品的信息。（3）会员管理：管理员可以查看会员资料信息，查看会员订单，还可以删除会员。（4）管理员个人设置：管理员可以查看自己的资料信息，修改资料信息，还可以修改管理员登录密码。3 网站设计3.1 设计目标现在流行的购物网站不仅要有简单漂亮的页面，更要有严谨的逻辑规划，注意到每一个细小的环节，这样才能避免在电子交易时发生不必要的错误。本设计使用了HTML、 CSS、JavaScript等
23、技术来编辑页面，并运用了PHP语言将数据库和动态网页相关联。完成了一个动态网站的制作。本系统要求要有较高的实用性，在完成的过程中努力让系统符合实际操作流程的习惯，并且尽量的减少用户的输入，容易学习和使用的简单直观的网页，能够满足各种用户使用的需求。使用比较先进的软件编程，能够延长其生命周期，便于管理员的维护与管理。使用了模块化设计的方法，使系统具有良好的扩展性，以适应今后发展的需要，便于以后的分析和维护。因为本系统的每个子系统都有相对独立的维护功能，对变化的项目可自行维护，使得系统操作起来比较简单，维护比较方便。要具有强大的查询功能，对手机商品查询，用户查询，订单查询等都可以形成表格的形式显示
24、出来。3.2 系统功能结构设计通过用户需求分析和网站功能分析，结合实际情况本网站功能模块设计主要分为两部分，即前台功能模块和后台功能模块。3.2.1 网站前台功能模块（1）用户注册模块：在这里游客可以填写个人信息注册成为本网站的会员，其中填写的联系方式和地址尤其重要，因为管理员需要根据这些信息以方便对用户的付款和邮购进行处理。（2）用户登录模块：游客只有先注册成为会员后才能进入用户登录模块，用户成功登录后才可以进行购物流程。（3）手机分类浏览模块：手机浏览模块分为四类，分别是最新手机，特价手机，热销手机和推荐手机，成功登录的用户可以选择所需要的类型进行手机商品浏览。（4）手机商品搜索模块;用户
25、可以在搜索框中输入手机牌子或手机牌子和型号获得相关的手机商品信息。（5）用户中心模块：用户只有成功登录后才可以进入用户中心模块，在该模块中，用户可以查看个人信息资料，更改个人信息资料，还可以修改登录密码。（6）订单查询模块：用户只有成功登录后才可以进入订单查询模块，在该模块中，你可以通过输入下订单人姓名或者是订单号查询订单。（7）购物车模块：用户只有成功登录后才可以进入购物车模块，购物车模块存放用户想要订购的手机商品，在购物车模块中，用户可以更改订购手机的数量，选择确定要购买的手机，然后去收银台填写相关信息进行结算，这样就形成一个订单。用户还可以对购物车里的商品进行清空处理。网站前台功能模块图
26、如图 3-1 所示。图 3-1 前台功能模块图3.2.2 网站后台功能模块（1）订单管理模块：订单管理模块主要包括编辑订单和查看订单，在该编辑订单中，管理员可6 以查看全部订单，并且处理订单。在查看订单中，管理员可以通过输入下订单姓名或这是订单号查看订单。（2）商品管理模块：商品管理模块主要是包括添加手机，修改手机，手机类别管理和添加手机类别四个模块。管理员可以在添加手机模块中添加手机商品；在修改商品模块中查看和修改商品信息；在手机类别管理模块中查看手机类别或删除手机类别；在添加手机类别模块中添加手机类别。（3）会员管理模块：在该模块中，管理员可以查看全部会员的信息资料，还可以删除会员。（4）
27、管理员个人设置模块：在该模块中，管理员可以查看和更改个人信息资料，还可以更改管理员登录密码。网站前台功能模块图如图 3-2 所示。网站后台订单管理 商品管理 会员管理 管理员个人设置编辑订单 查看订单 添加手机 修改手机 手机类别管理添加手机类别图 3-2 后台功能模块图3.3 数据库设计本系统采用 Mysql 5.0 数据库，根据系统分析，数据库中包含 5 张如下表：手机分类表设计（tb_type ） 、手机基本信息表设计（tb_shangpin ） 、手机订单表设计（dingdan） 、会员基本信息表设计（tb_user ） 、管理员基本信息表设计（tb_admin） 。下面对每一张表进行
28、详细介绍。（1）手机类别信息表该表设计存放手机类别的信息，表中字段 2 个：手机类别 id（id ） 、手机名称（mingcheng） 。其详细设计如表 3-1 所示：表 3-1 手机类型信息表字段名 数据类型 是否为空 是否主键 默认值 描述id int(4)unsigencd No Yes ID(自动编号)typename varchar(16) Yes Null 手机类型名称（2）手机商品信息表该表设计存放手机商品的信息，表中字段 13 个：手机商品 id（id ） 、手机名称（mingcheng） 、手机简介（jianjie） 、手机上市时间（addtime ） 、手机图片路径（tupian ） 、手机数量（shuliang） 、手机类别（bt_type ） 、会员价（huiyuanjia ） 、市场价（shichangjia） 、卖出数量（maichu ） 、手机尺寸（size ） 、手机像素（px） 、核心数（core ） 。其详细设计如表 3-2 所示：表 3-2 手机商品信息表
