基于PHP和mysql的模特平台网站开发

基于PHP和mysql的模特平台网站开发计算机与信息科学学院 计算机科学与技术 2011级 罗红霞指导教师 戴政国 摘 要：本论文详细描述了一个基于PHP技术和Mysql数据库系统的模特展示平台的网页设计与实现过程。网站分为注册登录模块，个人用户中心模块，奖品兑换模块。后台则主要针对用户列表、奖品添加、奖品兑换进行系统化管理。关键词：模特;展示;php;mysql Abstract：This paper describes a PHP technology and Mysql database system model based on Webpage display design platform and implementation process. The site is divided into login module, personal user center module, prize exchange module. The background is mainly for the user list, prizes add, prizes for systematic management.Key words：model; show; php; mysql 引言在经济信息全球化的今天,各行各业呈现百家争鸣的局面。一个新兴行业在中国迅速崛起,呈良好发展态势,并且成为时装、传媒等一系列产业部门的纽带-中国模特行业。时光荏苒,岁月如梭,在1989年至1999年十年时间里,中国模特行业伴随改革开放和中国时装业的发展而逐渐发展起来,并开始进入行业化、专业化和市场化的开拓、整合、形成和发展时期。中国模特界以竞赛为龙头,以服务品牌为依托,逐步形成和走出具有中国特色的产业发展方式的路子。而随着模特行业的逐渐发展，以能够展示模特风采，帮助模特快速找到工作，以及方便商家快速找到模特的网络平台显得日益重要。1 平台分析1.1 需求分析1.1.1 实用性和经济性中国模特行业蒸蒸日上，传统的模特找工作的方式是通过网上资源，找到需要模特的商家，然后将自己的简历投递，之后就是等待商家面试通知。这样的方式无疑会浪费模特的大量时间去寻找满意的商家，而商家也不一定在那些投递的简历中找到自己满意的模特。这时能够供模特展示风采，显示个人信息，以达到宣传自己为目的，让商家主动找上自己的模特平台就很重要了。现在已经有很多成熟的网站技术，要实现此平台，可以借助一些成熟的网站技术。同时在满足需求的前提下，选用性价比高的网站设备和服务器。1.1.2 开放性和标准化整个网站的体系设计是采用开放性设计体系，以便网站的升级、扩展和互联。同时，在选择服务器、网站产品时，强调产品支持的网站协议的国际标准化。1.2 开发环境（1）操作系统版本：Win7。（2）本地服务器：Apache2.2。（3）PHP版本：PHP 5.3.0。（4）数据库：MySQL5.5。（5）MySQL图形化管理软件：Navicat for MySQL。（6）浏览器支持：谷歌，火狐，IE9.0浏览器。（7）编程软件：Dreamweaver。（8）图像处理软件：PhotoShop。2 设计目的 （1）学习动态网站设计所涉及的各类脚本语言：HTML、CSS、JQUERY、JAVASCRIPT、MYSQL和PHP等。（2）利用PHP和mySQL，让前端的数据能够保存在服务器上，以实现网页的交互功能，从而需要全面学习PHP以及mySQL数据库。（3）通过设计网页力求能够熟练应用制作网页软件，例如：Emeditor、PhotoShop、FireWorks等。（4）力争独立完成网站前端与后台的设计，制作出一个视觉良好、功能完善、结构清晰的动态网页。3 使用技术的介绍3.1 PHP概述PHP 是一种 HTML 内嵌式的语言，是一种在服务器端执行的嵌入HTML文档的脚本语言，语言的风格有类似于C语言，被广泛的运用。PHP独特的语法混合了 C、Java、Perl 以及 PHP 自创的语法。用PHP做出的动态页面与其他的编程语言相比，PHP是将程序嵌入到HTML文档中去执行，执行效率比完全生成HTML标记的CGI要高许多，PHP还可以执行编译后代码，编译可以达到加密和优化代码运行，使代码运行更快。PHP具有非常强大的功能，所有的CGI的功能PHP都能实现，而且支持几乎所有流行的数据库以及操作系统。最重要的是PHP可以用C、C+进行程序的扩展。3.2 XAMPP概述XAMPP（Apache + MySQL + PHP）是一个功能强大的建 XAMPP 软件站集成软件包。这个软件包原来的名字是LAMPP，但是为了避免误解，最新的几个版本就改名为 XAMPP 了。它可以在Windows、Linux、Solaris、MacOSX 等多种操作系统下安装使用，支持多语言：英文、简体中文、繁体中文、韩文、俄文、日文等。XAMPP 的安装和使用非常简单：只需在网上下载，本地解压缩，启动即可。但是XAMPP也容易和本地服务器IIS冲突。3.3 Navicat for MySQL的简介Navicat for MySQL是一套专为MySQL设计的强大数据库管理及开发工具。它可以用于任何4.0或以上的MySQL数据库服务器，并支持大部份MySQL最新版本的功能，包括触发器、存储过程、函数、事件、检索、权限管理等等。Navicat for MySQL 使用了极好的图形用户界面，可以用一种安全和更为容易的方法快速和容易的创建、组织、存取和共享信息。4 系统规划4.1 网站前端功能模块为了能够使模特展示自己，模特必须有自己的个人空间，可以上传漂亮的头像，上传多张图片，能够让其他用户浏览，根据此需求系统实现的主要功能如下。4.1.1 注册登录模块用户只有注册后，才能拥有自己的个人用户中心，用户中心是整个网站的核心的部分。用户注册后，登录用户中心，填写想要展示的资料和照片。4.1.2 用户中心用户登录后，进入到用户中心，可以填写真实的资料，留下联系方式，方便联系。同时要上传照片，将美美的照片展示出来，更容易吸引眼球，引来众人围观，机会将会自动送上门来。4.1.3 模特库模特库是模特储备室，只要是注册成为模特的用户，在这里都会被展示出来，浏览者可以通过条件选择自己想要浏览的模特。这样可以帮助需要模特的商家快速找到符合自己需求的模特。4.1.4 积分奖品兑换模特达到一定的人气后，可以获得积分，这些积分可以用来兑换奖品。此功能一是吸引用户注册此网站，成为该网站的用户，二是通过此种奖励方式，提高用户的积极性。4.2 网站后台功能模块4.2.1 用户管理模块管理员可以随时掌握注册用户，通过条件查询找到用户，查看用户信息，删除和批量删除用户。4.2.2 积分奖品管理模块管理员可以添加一些奖品，供达到一定积分的用户兑换奖品。4.2.3 奖品兑换管理奖品兑换管理，送货管理等功能。5 系统设计 功能设计如图5-1所示。 模特网站后台页面前端页面积分奖品用户管理奖品管理兑换管理首页注册登录用户中心模特浏览奖品删除奖品添加奖品编辑密码修改上传头像相册管理资料添加图5-1 系统功能图以上的“用户中心”模块在网页上又可具体划分为以下板块，如图5-2所示。相册信息查看密码修改模特资料系统信息上传头像加入数据库工作标签联络信息联络信息注册成功工作标签个人资料加入数据库个人资料用户中心 图5-2 用户中心浏览模块细化图5.1 系统流程图5.1.1 用户注册流程图用户中心是整个网站的核心。用户为了能够进入用户中心，必须成为系统的注册用户。通过点击首页头部的注册按钮，即可进入注册页面。当用户填入自己的信息并提交后，系统将对用户的用户名进行检查，如果发现用户名已被注册，页面将自动提示“该用户名已经存在”。为了防止用户输入密码时可能出现的错误，系统将检查用户二次输入密码的信息，如果两次输入的密码不一致，将会提示输入错误。同时，对于一些必要信息，如果用户不填写，系统会提醒用户填写。当所有信息完整的填写完毕之后，经系统检查正确，即将用户的信息添加到数据库中，用户注册也就成功了，用户就可以进行登录了。具体的流程如图5-3所示。账户检查注册成功注册成功开始注册 账户检查 加入数据库否是否可以注册是是是否填写完整否密码检查否必要信息检查是否符合标准是图5-3 用户注册流程图5.2.2 用户前台操作流程图，如图5-4所示。首页 登录奖品兑换模特库 用户中心奖品浏览 点击浏览否hshi 模特资料立即兑换查看模特相册相册是否登 录 录查看模特资料是hshi 修改密码 上传头像积分是否足够 信息管理是hshi 兑换奖品 图5-4 用户前台操作流程图5.2.3 管理员后台操作流程图，如图5-5所示。后台登录界面 用户名和密码是否正确否是hshi 后台管理界面奖品兑换管理奖品兑换操作送货操作奖品分类管理积分奖品管理用户管理分类列表奖品列表用户列表添加分类奖品添加用户删除编辑分类奖品编辑 奖品删除删除分类 图5-5 管理员后台操作流程图5.3 数据库分析模特动态网页能实现的关键就在于数据库能成功存取数据，因此数据库的设计是该系统设计的重要环节。5.3.1 数据库概要说明本系统采用的是MySQL数据库，用来存储注册用户信息，积分奖品信息，奖品兑换信息等。在本设计中，我将数据库命名为db_model。 5.3.2 数据库概念设计数据库概念结构设计是数据库应用程序开发中的一个至关重要的步骤，它具有一定的独立性。程序员通常采用E-R 图的方法对数据库进行设计，它可以清晰的将用户的数据表达出来。根据本系统所使用的数据库以及系统的功能结构画出 各实体的E-R图如下所示。 用户名昵称用户id 加密符密码 用户 图5-6 用户实体E-R图身高体重用户uid 三围鞋码 模特信息电话地址 工作时间工作经验模特类型图5-7 模特信息实体E-R图类型码类型名类型id 模特类型 图5-8 用户实体E-R图创建时间ming 所属用户id相册id 相册名ming 相册描述ming 相册属于所属相册id 路径 图片路径图片图片id 图片类型 路径所属用户id 路径图5-9 相册实体E-R图奖品名称奖品数量奖品id 市场价消耗积分 奖品表最多兑换个数添加时间分类id图5-10 奖品实体E-R图关键字分类名分类id 描述添加时间 奖品分类 图5-11 奖品分类实体E-R图5.3.3 数据库逻辑设计在创建的数据库中含以下张数据表，其中各数据表实现的功能如表5.1所示。 表5.1 数据功能说明表数据表名功能说明e_member用户表，存储用户信息表e_madou_info模特信息表，存储模特个人信息e_madou_type模特类型表，存储模特分类e_madou_address记录模特地址e_albums_category存储模特相册信息e_member_albums存储模特的照片信息e_goods积分奖品表e_goods_attr奖品属性表e_goods_gallery奖品图片表e_order_info订货单表e_delivery_goods送货单表，记录送货单信息根据以上系统E-R图的分析，可以得到本系统数据库中的表和其字段信息。表5.2 用户表数据表名类型是否允许为空是否主键idint否是 openidchar否否usernamevarchar否否passwordchar否否saltchar否否nikenamevarchar是否regdateint是否表5.3 模特信息表数据表名类型是否允许为空是否主键uidint否是 bwhvarchar是否heightsmallint是否weightsmallint是否brasizechar是否shoesizetinyint是否worktimetinyint是否workexptext是否wagetinyint是否mobilevarchar是否表5.4 模特类型表数据表名类型是否允许为空是否主键idint否是 namevarchar否否codechar否否numberint是否表5.5 模特地址表数据表名类型是否允许为空是否主键idint否是 uidint否否province_idint是否city_idint是否表5.6 相册信息表数据表名类型是否允许为空是否主键idint否是 uidint否否albums_namevarchar否否miaoshuvarchar是否set_timeint否否表5.7 图片信息表数据表名类型是否允许为空是否主键idint否是 uidint否否imgchar是否suffixvarchar是否cate_idint是否statustinyint是否covertinyint是否表5.8 奖品分类表数据表名类型是否允许为空是否主键idint否是 cat_namevarchar否否keywordsvarchar是否cat_descvarchar是否cate_idint是否addint是否表5.9 奖品属性表数据表名类型是否允许为空是否主键goods_idint否是 cat_idint否否goods_namevarchar否否goods_numberInt否否market_pricedecimal是否goods_descgoods_desc是否goods_imgvarchar是否add_timeint否否integralint否否表5.10 奖品图片表数据表名类型是否允许为空是否主键img_idint否是 goods_idint否否img_urlvarchar否否img_descvarchar是否thumb_urlvarchar是否img_originalvarchar是否6 系统实现 6.1 前端设计 接下来将对本系统部分模块进行介绍。6.1.1 首页模块（1）功能介绍作为模特网站，页面应该大方、清新，能突出重点，使用户在第一时间了解想访问的模块。所以我的模特网站首页布局如下，当进入模特网站首页，可以看到公共的头部和尾部，头部展现的功能导航有首页，模特库，奖品兑换，登录注册。头部下方是用jquery写的一个图片切换特效。再往下是推荐模特，人气模特和最新模特的展示，具体实现代码请参考附录1。 （2）界面实现，如图6-1所示。图6-1 首页截图6.1.2 用户中心（1）功能介绍用户中心是网站的核心，当用户注册并登录后，就可以就进入到用户中心。在此用户拥有上传头像，修改密码，管理相册，批量上传图片，填写资料，信息查看等功能，具体实现代码请参考附录2。（2）界面实现，如下图所示。图6-2 用户中心-相册管理图6-3 用户中心-头像上传功能截图图6-4 用户中心-完善个人资料功能截图6.1.3 奖品兑换页面（1） 功能介绍奖品筛选，奖品浏览，立即兑换等功能。（2） 界面实现，如图6-5所示。图6-5 奖品兑换页截图4 模特信息浏览页（1） 功能介绍模特在此可以展示她的图片以及基本信息，方便浏览者全面的了解自己，从而获取更多的工作机会。（2） 界面实现，如图6-6所示。图6-6 模特信息浏览页截图7 结束语模特网站设计项目需要设计开发前端和后台两个系统，WEB开发技术要求高，工作量大。首先需要在集成环境XAMPP下开发，使用了Apache服务器，采用PHP语言实现网页与Mysql数据库之间的数据交换，使用JavaScript技术实现网页动态交互，还运用了制作网页的各种工具和语言，如DW、PS、HTML、CSS等。模特信息的动态生成和访问则是运用了Ajax与PHP的交互技术。涉及到的技术，语言，工具甚多，但是通过老师的指导，在公司的学习，以及上网查阅各种资料，最终将此平台的功能基本实现。在系统的设计过程中遇到了很多的问题，如批量上传图片，这是一个技术难点，也是一个重点。为了实现此功能，查看了很多资料，也走了很多弯路，不过最终将问题解决。还有就是奖品的兑换管理，这也是一个难点，通过模仿Ecshop