基于PHP+MySQL的美发店收银系统的设计与实现毕业设计论文文档格式.docx
《基于PHP+MySQL的美发店收银系统的设计与实现毕业设计论文文档格式.docx》由会员分享，可在线阅读，更多相关《基于PHP+MySQL的美发店收银系统的设计与实现毕业设计论文文档格式.docx（29页珍藏版）》请在冰豆网上搜索。
美发店收银系统在前台采用超文本标记语言HTML+级联样式表CSS+客户端脚本语言javascript+一个优秀的javascript框架JQuery，本系统在客服端上只需要用户计算机里有任何一款浏览器即可完成各项功能的操作。
2.3经济上可行性
本美发店收银系统运行的硬件环境只需一台廉价的电脑既可，软件环境则是安装windowsXP/windows7系统即可。
就算是小型美发店对于这个费用开支者是很小的成本支出。
因此本系统在经济上、技术上、操作上开发都是可行的。
3.技术概述
3.1B/S体系结构
B/S结构（Browser/Server，浏览器/服务器模式），是WEB兴起后的一种网络结构模式，WEB浏览器是客户端最主要的应用软件。
B/S体系结构的独特优势:
（1）开放的标准：
B/S所采用的标准都是开放的、非专用的，是经过标准化组织所确定而非单一厂商所制定，保证了其应用的通用性和跨平台性。
（2）较低的开发和维护成本：
B/S的应用只需在客户端安装通用的浏览器即可，维护和升级工作都在服务器端进行，不需对客户端进行任何改变，故而大大降低了开发和维护的成本。
（3）用户使用简单，界面友好：
B/S用户的界面都在统一的浏览器上，浏览器易于使用、界面友好，又因为它不再负责数据的存取和复杂数据计算等任务，只需要进行显示，因而大大降低了对客户端的要求。
3.2PHP概述
PHP是一种HTML内嵌式的语言，是一种在服务器端执行的嵌入HTML文档的脚本语言，语言的风格有类似于C语言，被广泛地运用。
PHP于1994年由RasmusLerdorf创建，刚刚开始是RasmusLerdorf为了要维护个人网页而制作的一个简单的用Perl语言编写的程序。
这些工具程序用来显示RasmusLerdorf的个人履历，以及统计网页流量。
后来又用C语言重新编写，包括可以访问数据库。
他将这些程序和一些表单直译器整合起来，称为PHP/FI。
PHP/FI可以和数据库连接，产生简单的动态网页程序。
1）PHP独特的语法混合了C、Java、Perl以及PHP自创的语法。
2）它可以比CGI或者Perl更快速地执行动态网页。
3）用PHP做出的动态页面与其他的编程语言相比，PHP是将程序嵌入到HTML文档中去执行，执行效率比完全生成HTML标记的CGI要高许多。
4）PHP还可以执行编译后代码，编译可以达到加密和优化代码运行，使代码运行更快。
3.3MySQL概述
MySQL是一个关系型数据库管理系统，由瑞典MySQLAB公司开发，目前属于Oracle公司。
MySQL是一种关联数据库管理系统，关联数据库将数据保存在不同的表中，而不是将所有数据放在一个大仓库内，这样就增加了速度并提高了灵活性。
MySQL的SQL语言是用于访问数据库的最常用标准化语言。
MySQL软件采用了双授权政策（本词条“授权政策”），它分为社区版和商业版，由于其体积小、速度快、总体拥有成本低，尤其是开放源码这一特点，一般中小型网站的开发都选择MySQL作为网站数据库。
由于其社区版的性能卓越，搭配PHP和Apache可组成良好的开发环境。
1）使用C和C++编写，并使用了多种编译器进行测试，保证源代码的可移植性
2）支持AIX、FreeBSD、HP-UX、Linux、MacOS、NovellNetware、OpenBSD、OS/2Wrap、Solaris、Windows等多种操作系统
3）为多种编程语言提供了API。
这些编程语言包括C、C++、Python、Java、Perl、PHP、Eiffel、Ruby和Tcl等。
4）支持多线程，充分利用CPU资源
5）优化的SQL查询算法，有效地提高查询速度
6）既能够作为一个单独的应用程序应用在客户端服务器网络环境中，也能够作为一个库而嵌入到其他的软件中。
7）提供多语言支持，常见的编码如中文的GB2312、BIG5，日文的Shift_JIS等都可以用作数据表名和数据列名。
8）提供TCP/IP、ODBC和JDBC等多种数据库连接途径。
9）提供用于管理、检查、优化数据库操作的管理工具。
10）支持大型的数据库。
可以处理拥有上千万条记录的大型数据库。
11）支持多种存储引擎。
3.4Apache概述
Apache是世界使用排名第一的Web服务器软件。
它可以运行在几乎所有广泛使用的计算机平台上，由于其跨平台和安全性被广泛使用，是最流行的Web服务器端软件之一。
Apacheweb服务器软件拥有以下特性：
支持最新的HTTP/1.1通信协议
拥有简单而强有力的基于文件的配置过程
支持通用网关接口
支持基于IP和基于域名的虚拟主机
支持多种方式的HTTP认证
集成Perl处理模块
集成代理服务器模块
支持实时监视服务器状态和定制服务器日志
支持服务器端包含指令（SSI）
支持安全Socket层（SSL）
提供用户会话过程的跟踪
支持FastCGI
通过第三方模块可以支持JavaServlets
3.5HTML概述
HTML的全拼是HTML（HypertextMarkupLanguage），中文意思是超文本标记语言。
其主要特点如下：
1）简易性：
超级文本标记语言版本升级采用超集方式，从而更加灵活方便。
2）可扩展性：
超级文本标记语言的广泛应用带来了加强功能，增加标识符等要求，超级文本标记语言采取子类元素的方式，为系统扩展带来保证。
3）平台无关性：
虽然个人计算机大行其道，但使用MAC等其他机器的大有人在，超级文本标记语言可以使用在广泛的平台上，这也是万维网（WWW）盛行的另一个原因。
3.6CSS概述
级联样式表（CascadingStyleSheet）简称“CSS”，通常又称为“风格样式表（StyleSheet）”，它是用来进行网页风格设计的。
比如，如果想让链接字未点击时是蓝色的，当鼠标移上去后字变成红色的且有下划线，这就是一种风格。
通过设立样式表，可以统一地控制HTML中各标志的显示属性。
级联样式表可以使人更能有效地控制网页外观。
使用级联样式表，可以扩充精确指定网页元素位置，外观以及创建特殊效果的能力。
3.7javascript概述
Javascript是一种由Netscape的LiveScript发展而来的原型化继承的面向对象的动态类型的区分大小写的客户端脚本语言，主要目的是为了解决服务器端语言，比如Perl，遗留的速度问题，为客户提供更流畅的浏览效果。
当时服务端需要对数据进行验证，由于网络速度相当缓慢，只有28.8kbps，验证步骤浪费的时间太多。
于是Netscape的浏览器Navigator加入了Javascript，提供了数据验证的基本功能。
3.8JQuery概述
Jquery是继prototype之后又一个优秀的Javascript框架。
它是轻量级的js库，它兼容CSS3，还兼容各种浏览器（IE6.0+,FF1.5+,Safari2.0+,Opera9.0+），jQuery2.0及后续版本将不再支持IE6/7/8浏览器。
jQuery使用户能更方便地处理HTMLdocuments、events、实现动画效果，并且方便地为网站提供AJAX交互。
jQuery还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细，同时还有许多成熟的插件可供选择。
jQuery能够使用户的html页面保持代码和html内容分离，也就是说，不用再在html里面插入一堆js来调用命令了，只需定义id即可。
3.9运行环境
硬件环境（推荐）：
CPU：
P41GHz或更高
内存：
256MB或更多
显示器分辨率:
800x600或更高
保证程序存放的介质是可被写入的
软件环境:
（推荐）
操作系统：
windowsXP/window7操作系统
服务端：
一键快速搭建APMServ5.2.6
客户端：
任务一款浏览器（推荐火狐浏览器或360极速浏览器）
文件配置：
打开“C:
\Windows\System32\drivers\etc\hosts”将“127.0.0.1”添加到最尾行
保证程序存放的目录具有所有权限
4.需求分析
4.1系统分析的任务与步骤
4.1.1系统分析的任务
首先，了解用户要求。
此用户即为网站系统的使用人员（管理员，员工，顾客）。
其次，了解他们在网站功能、性能等方面的要求及用户在硬件配置等方面的意向与打算。
最后，把用户的要求成文，完成网站的分析报告。
网站的模型主要由一系列的图表和文字组成。
描述了系统的目标以及所具备的功能及性能。
4.1.2系统分析的步骤
描述网站。
在详细调查的基础上，用一定的图标、文字描述。
4.2功能规划
美发店收银系统由登入/退出功能、首页、收银台、会员功能、信息台、报表、美发店介绍。
1）首页：
首页将本店的公告、最活动信息、流行发型、以及优秀员工的表扬等展示给顾客、员工浏览。
主要以图片形式展示，若有必要可以对图片<
imgalt=“”/>
标签中的alt属性进行设置文字说明。
2）收银台：
收银台有结账、找零、打折、账单入库功能。
3）会员功能：
会员注册、会员卡消费查询。
4）信息台：
账单查询、会员信息查询、员工信息查询。
5）报表：
日营业额报表、月营业额报表。
6）美发店简介：
对美发店的介绍。
7）登录退出功能：
进入、退出本系统。
4.3模块功能分析
4.3.1权限模块
1）会员：
只可访问首页，美发店简介，关于我们三个模块，且不可进行登录。
2）员工：
具有会员所有权限，增加登入后可进行收银操作、办理会员的注册、会员消费记录查询。
3）BOSS:
可具有员工的所有权限，增加可对会员信息查询、员工信息查询、员工业绩查询、报表查询。
4）超级管理员：
具有所有权限，可执行所有操作。
4.3.2收银模块
1）结账功能：
对顾客的消费费用结账。
2）打折功能：
对会员的消费进行打折，吸引顾客。
3）找零功能：
顾客付款时对其进行找零。
4）账单入库功能：
把顾客账单入库，记录下消费各项信息，也便于美发店的查询。
5）账单各项信息分别为：
账单号：
为系统自动生成，不可更改。
消费时间：
会员卡：
可输入会员卡号，必须为6位的数字，（非会员默认会员卡号为100000）。
操作员：
为当前登录系统的用户。
发型师：
为顾客剪发的员工，系统自动列出发型名单，只需点鼠标选择此次剪发的发型师，无需输入。
折扣信息：
当前账单的打折信息。
实收金额：
应收金额*折扣。
类型：
顾客的消费类型、分别有剪发、烫染、洗头。
顾客：
顾客自愿填写，可为空。
4.3.3会员模块
1）注册功能：
办理会员注册，记录会员各项信息：
用户名：
该项必填,且只能为字母数字下划线；
密码：
该项必填，须输入两次一样的密码，且只能为字母数字下划线；
该项为会员卡的卡号为系统自动生成且不可更改；
为会员的类型，有个人、公司等之分默认为个人，可更改；
性别：
默认为男，可更改；
姓名：
会员姓名，可不填；
手机：
会员联系电话，可不填；
QQ:
会员QQ号码，可不填；
生日：
会员生日信息，默认01-01；
密保问题及密保回答：
可不填；
2）查询消费记录功能：
通过输入该会员的会员卡号即可查询会员的美发店来的历次消费。
4.3.4信息模块
账单查询：
通过输入账单号可查询账单的详细信息。
会员信息查询：
查询所有会员的信息。
员工信息查询：
查询所有员工的信息。
4.3.5报表模块
日营业额报表：
当天的营业额信息。
月营业额报表：
当月的营业额信息。
4.3.6登录模块
管理人员的登录，管理人员的权限，登录状态的识别。
4.4系统功能结构
美发店收银系统的功能结构如图1所示。
如图1：
功能结构图
4.5设计目标
本系统是根据小型美发店的实际需求而开发的，完全能够实现美发店对顾客的自动化管理，通过本系统可以达到以下目标：
1）系统运行稳定，安全可靠。
2）界面设计美观，人机交互界面友好。
3）信息查询灵活、方便、快捷、准确，数据存储安全可靠。
4）支持回车键。
5）采用多种方式查询数据。
6）对用户输入的数据，系统进行严格的数据检验，尽可能排除人为的错误。
4.6用户需求
本系统的总目标是为用户提供迅速、高效的服务，减免手工处理的繁琐与误差，及时、准确地反映美发店的工作情况、经营情况，从而提高美发店的服务质量，获得更好的经济效益。
其具体目标包括：
（1）快速完成顾客的结账。
（2）准确无误地记录顾客的每笔消费记录。
（4）方便查询顾客消费情况。
（5）方便查询美发店的营业额情况。
4.7系统框架图
图2：
系统框架图
5.网站实体设计
5.1界面设计
5.1.1总体设计概述
前台界面采用HTML+CSS+javascript+JQuery;
进行结合设计，宽度为990px,高度视内容而定，共8个页面分别为：
登录管理：
login.php
首页：
index.php
收银台：
shouyintai.php
会员功能:
member.php
信息台:
info.php
报表：
data.php
美发店简介：
jianjie.php
关于我们：
ours.php
除登录管理：
login.php页面外，其它7个页面都由有一个公共的头部文件head.php和自身文件组成。
加载head.php文件语句为：
<
?
phprequire_once（'
/head.php'
）;
?
>
5.1.2页面头部框架的内容设计
内容分为三个部分：
用编辑器打开head.php文件就可看到在最外一级共有三个div标签将它们分为三层
1）<
divid="
container"
/div>
这里面内容为欢迎词及登录字体输出。
2）<
logo"
这里面容为一张logo图片及一张美发店收银系统图片。
图片加载的HTML方式为：
imgsrc="
/images/logo.jpg"
border="
0"
height="
70"
width="
140"
/>
。
其中<
img/>
为加载图片的HTML标签，属性src为设置图片的路径，属性border为图片的边框，属性height为图片的高度，属性width为图片的宽度。
3）<
divclass="
nav1"
<
这里内容是导航菜单栏主要结构由<
ul>
li>
/li>
/ul>
组成。
5.1.3页面头部框架排版设计
对内容页面的排版文件在index.css文件里，调用CSS文件方式为：
linkrel="
stylesheet"
type="
text/css"
href="
/css/index.css"
/>
CSS文件可用编辑器打开查看，这里针对导航做分析：
1）首先设置ul,li{list-style:
none;
}将所有<
列表前默认的一个点（”•”）设置为不显示。
2）.navulli{
display:
inline-block;
margin-left:
1px;
height:
40px;
width:
121px;
float:
left;
text-align:
center;
background-image:
url（"
/images/nav_item.png"
border-bottom:
1pxsolid#ffffff;
}
这里对在含有名为.nav的样式类里<
标签下的列表元素<
进行设置了高度：
40像素、宽度:
121像素、下边框:
1像素实线颜色为白色、左边距：
1像素、背景图片:
nav_item.png、内容：
居中显示以及最重要的浮动方式的设置float:
left左浮动，这个浮动方式的设置才能将内容默认的以7行显示改成的为同一行显示。
3）.nav1{
border:
0px;
100%;
margin-bottom:
5px;
background:
/images/navbg1.png"
）repeat-x#999999;
这里是对页面中宽度最宽的一条蓝色横条进行样式设置，其中有两个关键点：
1.width:
100%,这里使横条充满一整行，并且可随着页面的变化而自动改变宽度。
2.背景图处的设置background:
这里是用一条宽1px，高40px的图片将宽大于990px的横条全部变为蓝底图片，repeat-x图片沿X轴方向无限重复，原图如下图3：
图3：
导航背景图
4）.navullia:
hover{
font-size:
16px;
color:
#ff0000;
124px;
line-height:
background:
/images/nav_over.png"
14px;
text-decoration:
在这里是对鼠标移动到首页、收银台、会员功能等模块上时，会由原先的蓝底变为白底的效果进行设置。
5.1.4首页中利用JQuery对图片自动切换设计
1）内容设计：
内容只需要6张大图片，对6张图片的命名要有规律分别为:
ad1.jpg、ad2.jpg、ad3.jpg、ad4.jpg、ad5.jpg、ad6.jpg，并且在同一目录下，这样可以减少JQuery程序语言编写的难度。
把内容通过HTML代码嵌入到页面中主要通过<
div>
三个标签具体代码查看index.php，之后需要在<
中自定义一个”data”属性，每一个<
中data属性的值按顺序为0、1、2、3、4、5因为在程序中将它们存入一个数组中方便调用。
2）排版设计：
大体分左右两部分。
因为两个部分都各自放在一个<
中处于同级，这样对两个<
容器进行CSS中浮动设置便可让内容分为左右两部分。
再给两个容器及容器中图片进行大小设置以到达规定效果
3）设计思想：
a）图片能够自动的按顺序自上而下循环切换。
b）当鼠标移动到左边图片时，图片切换必须停止。
c）当鼠标移动到右边图片时，必须切换至相应的图片，切换之后立即停止。
d）当切换至下一张图片时，左部分图片也要同时更新。
e）当某张图片成为当前图片时，通过程序对右边的图片设置成特殊CSS样式，将其加以突出，同时其它图片设置成普通的CSS样式。
运用JQuery必须将程序写在$（function（）{}）;
的
升级会员 