基于php技术的网站建设设计的开发与实现.docx
《基于php技术的网站建设设计的开发与实现.docx》由会员分享，可在线阅读，更多相关《基于php技术的网站建设设计的开发与实现.docx（52页珍藏版）》请在冰点文库上搜索。
基于php技术的网站建设设计的开发与实现
摘要
本论文主要阐述了企业网站从前台UI设计到页面布局再到后台各个功能的实现。
首先，对整个互联网行业进行分析，再从中小型企业网站入手，再讲述网站设计时需要注意的细节问题以及所采用的技术。
本论文中的实例网站郑州福瑞源智控，前台主要实现了用户在线注册、登录、新闻发布、企业简介、在线申请友情链接，在线留言、网站地图等功能，后台提供强大的内容发布系统，多用户、多权限管理员角色注册，数据库在线备份、导入，表单向导等功能。
前台主要采用了div+css布局和javascript技术实现部分特效，开发技术为完全面向对象的PHP语言，数据库采用了目前最流行的MYSQL数据库，PHP和MYSQL的完美结合，是中小型企业建设网站的首要选择。
关键字：
网站设计，PHP和MYSQL，数据库
Abstract
Inthisthesis,themaincorporatewebsitefromthefrontUIdesigntothelayoutofthepagetothebackground.Firstofall,theentireInternetindustryanalysis,startingfromtheSMEwebsite,needtopayattentiontothedetailsaboutthesitedesignandtechnology.InstancesofsiteinthispaperZhengzhouFuruisourceintelligentcontrol,fronttoachieveon-lineregistration,log,pressreleases,corporateprofiles,onlineapplicationlink,Feedback,Sitemap,andotherfunctions,thebackgroundtoprovideapowerfulcontentpublishingsystem.multi-user,multi-administratorroleRegisterdatabaseonlinebackup,import,formWizard,andotherfunctions.Thefrontmaindiv+csslayoutandjavascripttechnologytoachievesomespecialeffects,developingtechnologyforacompletelyobject-orientedPHPlanguage,thedatabaseusestheMYSQLdatabase,PHPandMYSQLperfectcombinationofthemostpopularsmallandmedium-sizedenterprisestobuilditswebsitefirstchoice.
Keywords:
websitedesign,PHPandMYSQL,database
第一章绪论1
1.1互联网现状1
1.2企业门户的定义1
1.2.1企业信息门户1
1.2.2企业知识门户1
1.2.3企业应用门户2
1.3建立企业门户的必要性2
1.4企业网站常用的开发技术3
1.4.1ASP技术3
1.4.2JSP技术4
1.4.3PHP技术4
1.4.4三种技术比较分析4
1.5企业门户建设流程5
1.5.1前期准备工作5
1.5.2产品与技术的选择5
1.5.3企业门户的建设5
1.5.4推广使用企业门户5
第二章网站设计要点7
第三章网站的具体实现技术12
3.1开发工具及环境12
3.1.1操作系统平台：
Windows200312
3.1.2开发技术：
PHP5.012
3.1.3数据库系统：
MySQL13
3.1.4程序运行环境：
Apache13
3.1.5安装配置WAMP14
3.2PHP+MYSQL介绍16
3.3应用div+css与HTML的结合设计网页16
3.3.1什么是div+css16
3.3.2CSS与HTML的结合方式17
3.3.3CSS在网站中的应用实例18
3.4应用JavaScrip设计网页19
第四章网站前台分析22
4.1网站前台模块分析22
4.1.1企业板块22
4.1.2产品板块22
4.1.3新闻中心23
4.1.4互动板块24
4.2结构设计分析25
第五章网站后台功能实现26
5.1创建数据库26
5.1.1实现后台管理员注册与登录27
5.1.2用户后台登陆界面32
5.2内容管理模块34
5.3数据库工具35
5.4附件管理功能37
5.5生成XX/谷歌地图38
5.6表单向导功能40
5.7友情连接管理42
结束语44
致谢45
参考文献46
第一章绪论
1.1互联网现状
互联网的快速发展使企业可以实现快捷的信息传送以及直接的客户介入，但企业中各个系统的相对独立性使信息渠道比较混乱。
企业系统中各类人员的信息渠道多种多样，互不兼容，没有一个统一的应用界面让系统使用者可以根据自己的需要获得想要的信息，这不利于电子商务应用模式的建立和开展。
如何通过建立一个单独的界面给企业遍布全球的现实客户、潜在客户、供应商、雇员和合作伙伴提供全面的企业信息和应用呢？
于是企业门户（EnterprisePortal）诞生了，并成为一个新的热点。
1.2如何定义企业门户
目前，尚不能准确地对企业门户下一个完整的定义，企业门户与IT业有些名词一样，不同的专业人士和机构对之有不同的理解，并有很多术语用于描述企业为其客户、合作伙伴和员工的方便而采用的"门户"，如企业门户、社团门户、员工门户等。
同时根据应用的具体功能不同又把企业门户细分为信息门户、知识门户和应用门户等，并且这种划分方法已逐渐得到认可。
下面介绍一下这3类门户。
1.2.1企业信息门户
企业信息门户（EnterpriseInformationPortal，EIP）的基本作用是为人们提供企业信息。
企业信息门户提供了一个了解企业的访问入口，所有访问者都可以通过这个入口获得个性化的信息和服务。
对企业来说，信息门户既是一个展示企业的窗口，又可以无缝地集成企业的内容、商务活动及社区等，动态地发布存储在企业内部和外部的各种信息，同时还可以支持网上的虚拟社区。
企业信息门户强调对结构化与非结构化数据的收集、访问、管理和无缝集成，这类门户必须提供数据查询、分析和报告等基本功能，企业员工、合作伙伴、客户及供应商都可以通过企业信息门户方便地获取自己所需的信息。
1.2.2企业知识门户
企业知识门户（EnterpriseKnowledgePortal，EKP）是一个平台，该平台是知识加工平台、决策平台、知识发布与获取平台的集成，它使企业各部门职员之间的信息共享和交流更加流畅。
这里的"知识"不仅包括数据库、文档、企业政策方针和过程手续等，甚至包括存在于员工头脑中的工作经验与专业技能等非具体化的信息资源。
企业知识门户是企业信息门户的延伸与发展。
信息门户的重点是信息的收集、整理及传输，有效利用企业已有的信息、知识和公共关系，并能收集、分析、增值、共享信息和知识。
企业知识门户的重点是企业信息的加工与处理。
企业知识门户的目的是使恰当的人在恰当的时间使用恰当的知识，企业信息门户主要通过数据挖掘、数据加工技术使零散的信息成为知识，供决策支持服务。
1.2.3企业应用门户
企业应用门户（EnterpriseApplicationPortal，EAP）实际上是对企业业务流程的集成。
它以商业流程和企业应用为核心，把商业流程中功能不同的应用模块通过门户技术集成在一起。
从某种意义上说，我们可以把企业应用门户看成是企业信息系统的集成界面，企业员工和合作伙伴可以通过企业应用门户访问相应的应用系统，实现移动办公，进行网上交易等。
以上3类门户虽然在侧重点有所不同，但随着企业信息系统复杂程度的增加，越来越多的企业需要能够将以上3类门户有机地整合在一起的通用型企业门户，这已是一种趋势，我们在这里把它们统一称为企业门户。
最后，让我们试图通过企业门户的作用来帮助读者理解企业门户的定义。
维持客户的最基本战略因素是企业整体强大、互利关系网，包括客户、供应商、合作伙伴和员工本身。
这些关系的培养主要通过各方之间的相互沟通和信任感--即各方及时收到相关信息、信息准确并且服务最优。
企业门户被认为能够满足这种需要，通过使用户利用方便、可靠的工具接入实现有效的信息交换。
或者说，企业门户能为用户提供建设信息型企业网站的应用，包括网站生成、信息发布、信息管理、信息反馈、网站管理等系统，实现企业网上形象展示及对外沟通的需求。
1.3建立企业门户的必要性
在国外，特别是在美国，实施企业门户战略已经被列入了许多大企业的日程表中。
与国外相比，国内了解企业门户概念的企业十分少，而计划建立企业门户的企业就更加微乎其微。
但是，互联网在国内的发展速度相当迅速，中国企业建立自己的门户网站，为自己的客户、员工和代理商提供综合性服务的重要性不言而喻。
从网络经济的特点来看，速度和知识是网络经济的两大支柱。
首先，企业只有借助于网络才能获得发展的先机，这就要看谁能够以最迅捷的动作联系客户、供应商和代理商，组织生产和销售。
毫无疑问，企业门户是实现上述目标最有力的手段。
从资源利用的角度来看，企业门户是以最小可能成本，实现最大程度开发利用现有资源目标的可行途径。
首先，企业门户将本需要占用多台不同硬件系统的应用集成到较少的系统设备上，从而节约硬件的投入。
其次，减少了多种未经集成的应用软件的总体维护成本。
除了新设立的企业，其他实施企业门户的企业都已有多种应用系统和以数据库、文档等形式存储的信息资源。
这些资源往往条块分割，分散维护成本高昂。
新的企业门户将现有的资源加以整合，并经过一定的处理，最后集成到企业门户这样一个统一的平台上，提供给更多的用户。
由于它的继承和集成，企业可以实现集中维护，从而降低维护成本。
第三，企业门户采用高效的互联网作为信息传输的工具，相比建设或租用线路价格低廉，同时减少了人力投入。
第四，企业门户的实施可以改进企业的供应链管理，企业门户能够帮助企业实现真正意义上的零库存。
由此看来，企业尤其是大中型企业，不论是从节约成本角度还是从提高竞争力角度考虑，建立企业门户都是有效的方法。
1.4企业网站常用的开发技术
目前，企业早已经将网站的定位，由简单的形象展示，提高到具体商务功能的应用。
网站类型也大部分都采用了动态网站，主要的开发技术有ASP、JSP以及PHP三种，下面对这三种技术做简要介绍。
1.4.1ASP技术
ASP是微软公司开发的代替CGI（（CommonGatewayInterface，通用网关接口）脚本程序的一种应用，并且可以与数据库和其他程序进行交互，是一种简单、方便的编程工具。
ASP的程序是在Web服务器端运行，运行后再降运行的结果以HTML的格式传送至客户端的浏览器，比HTML更方便而且更具有灵活性，而且最大的特点是安全性高于一般的脚本语言。
ASP是一种脚本语言，它基本局限于微软的操作系统平台，主要的工作环境是微软的IIS应用程序结构，所以ASP技术不是很容易地实现跨平台Web服务器上工作。
1.4.2JSP技术
JSP是一种动态网页常用的技术之一。
JSP技术是开放的、跨平台的结构，其最大的特点是可以几乎运行所有的服务器系统上。
在JSP技术下，当第一次请求JSP文件的时候，该文件被编译为JavaServlet并且由Java虚拟机执行，之后访问就不再需要编译，很大的程度上提高了执行效率。
因此，JSP也被业内人士称为Server-sideLanguage,因其开放性、安全性和健壮性，被认为未来最有发展前途的动态技术之一。
JSP也并非人们想象的那般完美无缺，它也存在着令开发人员头疼无比的一些缺点。
JSP页面发生错误的时候，显示的出错行，不是JSP页面的行数，而是编译后的Servlet的行数，查错极其不便；还有就是JSP嵌入HTML中，不便阅读和查错，还有一个缺点是中文问题。
1.4.3PHP技术
PHP是一种HTML内嵌式的语言，是一种在服务器端执行的嵌入HTML文档的脚本语言，大量采用C、Java和Perl语言的语法，并且融入其自身的特点，很大的程度上使WEB开发者快速方便的编写出动态页面。
PHP技术提供了标准的数据库接口，存取数据库也比较方便，兼容性更强。
使用过PHP技术开发网站的人员都知道，PHP对组件的支持不够，导致扩展性极差，所以现在都基本用它与免费的数据库系统MySQL协同一起用作构建中小型网B/S应用大网站或者信息系统。
1.4.4三种技术比较分析
JSP是一种较新的技术，应用的还不是较广泛。
主要是在国外，JSP已经是比较流行的一种技术，尤其是电子商务类的网站，多采用JSP技术来开发。
国内采用的较少，目前在国内还是使用ASP与PHP应用最为广泛。
采用PHP的网站如新浪网（sina）、中国人（Chinaren）等，由于PHP缺乏规模支持，缺乏多层结构支持，并且提供的数据库接口支持不统一等自身缺点，使得它不适合应用于大型电子商务站点，而更适合一些小型的商业站点。
ASP和JSP则没有以上缺陷，ASP可以通过COM/DCOM获得ActiveX规模支持，通过DCOM（MicrosoftDistributedComponentObjectModel，分布式组件对象模型）和TranscationServer获得结构支持；JSP可以通过SUNJava的JavaClass和EJB（EnterpriseJavaBean,Java企业柄）获得规模支持，通过EJB/CORBA以及众多厂商的ApplicationServer获得结构支持。
三者中，JSP应该是未来发展的趋势。
世界上一些大的电子商务解决方案提供商都采用JSP/Servlet。
比较出名的如IBM的E－business，它的核心是采用JSP/Servlet的WebSphere。
总之，ASP，PHP,JSP三者各有各优缺点，也都拥着有相当数量的企业和个人支持者，不同的类型企业则根据自己的需求而选择使用符合企业的开发技术。
1.5企业门户建设流程
既然企业门户功效如此之大，各个企业想要建立企业门户一定要按照如下几个流程，才会让网站建设的过程更加简单顺利。
1.5.1前期准备工作
企业在建立企业门户之前，要进行大量的信息调查工作，弄清楚企业的商业信息是如何使用的。
对于大多数企业而言，这意味着要进行商业信息应用的调查和研究。
调查的目的是了解谁使用信息，信息是如何使用，以及信息如何流入和流出。
简而言之，就是了解用户体验，做企业站更多的是让自己的用户来看，了解他们的关注点才是最重要的。
1.5.2产品与技术的选择
在进行完信息的使用调查之后，企业就要选择门户产品和技术。
门户软件不仅要满足商业信息和应用访问的需要，还要满足事先定义的技术层面（如协议）的要求。
目前，由于有相当数量的公司推出了企业门户解决方案，这为企业提供了较大的选择余地。
但不可否认，目前企业门户的产品良莠不齐，功能和所采用的技术差别较大，如何正确选择适合自身企业需要的企业门户产品是一门学问，本栏目下期对此进行讨论。
1.5.3企业门户的建设
选好技术和产品，接下来就是建设了。
这方面需要注意的是企业信息要集成到门户有关目录之下，或安排在某个主题里，以便用户可以容易地找到所需要的信息。
信息的组织及个性化，应用和服务以能够满足用户的需求为目的。
1.5.4推广使用企业门户
企业门户建好了，并不意味着工作就完成了，因为建企业门户的目的是让其发挥作用。
接下来就是让更多相关的用户群体来了解和使用它。
在这个阶段，个性化是举足轻重的。
个性化的目的是针对合适的用户群，如营销分析、财务分析、经理或商业伙伴，合理地将门户信息、应用和工具进行有针对性的设计。
文章来自唯美图片呛口小辣椒
第二章网站设计要点
因特网正在改变世界，它促成了网络经济雏形的形成，特别是电子商务正由新概念走向实用化。
由于因特网具有传播信息容量极大、形态多样、迅速方便、全球覆盖、自由和交互的特点，已经发展成为新的传播媒体，所以全球几乎各个企业、机构纷纷建立自己的Web站点。
Web站点是向用户或潜在客户提供信息（包括产品和服务）的一种方式。
其文档所包含的内容是由被称为超文本（HyperText）的文本、图形图象、声音，甚至电影等组成。
使这些超文本能够有机地关联并可使浏览器识别，是通过HTML语言（HyperTextMarkupLanguage超文本标记语言）实现的。
同时CGI（CommonGatewayInterface公共网关接口）能使Web具有交互功能。
Web站点指引用户浏览该站点或其他站点上的分页信息，可以通过表格和电子邮件的连接提供双向交互方式。
站点建立后，你的企业就在国内、甚至在国际上有了一席之地，有了每周7天、每天24小时的“虚拟门市部”。
网站是未来企业开展电子商务的基础设施和信息平台，它是“知识经济”的制高点，企业的网址犹如企业的商标和品牌一样，是反映企业形象和文化的巨大的无形资产。
随着人们对设计的要求越来越高，高格调，高品位的设计作品，才深受人们的欢迎。
这也就给设计者们提出了更高的要求，从这个角度说，版式设计正是满足了人们的要求应需而生。
科技的飞跃发展，让Internet走进了千家万户，也产生出新的设计领域空间，而网页设计成为新的设计领域的重要内容。
优秀的网页设计，必须有好的创意，才能使观者视线久久难移，产生震撼力。
版面设计是很重要的，通过文字、图形的空间组合，能最佳的表达出和谐与美。
确定整个网站的整体风格,在网站前期规划中起着相当大的作用，你网页上所有的图像、文字,包括像背景颜色、区分线、字体、标题、注脚什么的,都要统一风格,贯穿全站。
这样子读者看起来舒服、顺畅,会对你的网站留下一个“很专业”的印象。
举个简单例子，如果你在列举一二三四若干条的情况下,在每条前面用黑圆点加强视觉效果,那么其他类似地方,也应该用保持同样的风格。
色彩斑斓的站点,尤其要注意风格的统一。
颜色可以变,不过字体、主体文本对齐风格、标题、背景效果以及特殊图像效果等等都应保持统一。
很多缺乏编辑、出版背景的网友,很容易忽视这点,特别是网页一多,更容易忘。
因此企业网站规划必须注意以下八个方面：
⑴目标明确、定位正确
Web站点的设计是企业或机构发展战略的重要组成部分。
要将企业站点作为在因特网－－这个新媒体上展示企业形象、企业文化的信息空间，领导一定要给予足够的重视，明确设计站点的目的和用户需求，从而作出切实可行的计划。
挑选与锤炼企业的关键信息，利用一个逻辑结构有序地组织起来，开发一个页面设计原型，选择用户代表来进行测试，并逐步精炼这个原型，形成创意。
分析有些网站的效果不如预想的好，主要原因是对用户的需求理解有偏差，缺少用户的检验造成的。
设计者常常将企业的市场营销和商业目标放在首位，而对用户和潜在的用户的真正需求了解不多。
所以，企业或机构应清楚地了解本网站的受众群体的基本情况，如受教育程度、收入水平、需要信息的范围及深度等，从而能够有的放矢。
⑵主题鲜明、富有特色
在目标明确的基础上，完成网站的构思创意即总体设计方案。
对网站的整体风格和特色作出定位，规划网站的组织结构。
Web站点应针对所服务对象（机构或人）不同而具有不同的形式。
有些站点只提供简洁文本信息；有些则采用多媒体表现手法，提供华丽的图像、闪烁的灯光、复杂的页面布置，甚至可以下载声音和录像片段。
最好的Web站点将把图形图像表现手法与有效的组织与通信结合起来。
要做到主题鲜明突出，力求简洁，要点明确，以简单明确的语言和画面告诉大家本站点的主题，吸引对本站点有需求的人的视线，对无关的人员也能留下一定的印象。
对于一些行业标志和公司的标志应充分加以利用。
调动一切手段充分表现网站的个性和情趣，突出个性，办出网站的特色。
Web站点主页应具备的基本成分包括：
公司简介，公司新闻，产品展示,在线留言，这几个是必要的栏目。
页头即左上角的标题title：
告诉用户这个站主要作用，也告诉XX，谷歌等搜索引擎，利于蜘蛛的抓取。
E-mail地址：
用来接收用户垂询；
联系信息：
如普通邮件地址或电话；
版权信息：
即备案号，国内所有企业网站均需备案，这样才证明这个网站是合法的，才有用户信任此站点。
⑶版式编排布局合理。
网页设计作为一种视觉语言，当然要讲究编排和布局，虽然主页的设计不等同于平面设计，但它们有许多相近之处，应充分加以利用和借鉴。
版式设计通过文字图形的空间组合，表达出和谐与美。
版式设计通过视觉要素的理性分析，和严格的形式构成训练，培养对整体画面的把握能力和审美能力。
一个优秀的网页设计者也应该知道哪一段文字图形该落于何处，才能使整个网页生辉。
努力做到整体布局合理化、有序化、整体化。
优秀之作，善于以巧妙、合理的视觉方式使一些语言无法表达的思想得以阐述，做到丰富多样而又简洁明了。
多页面站点页面的编排设计要求把页面之间的有机联系反映出来，这里主要的问题是页面之间和页面内的秩序与内容的关系。
为了达到最佳的视觉表现效果，应讲究整体布局的合理性。
特别是关系十分紧密的有上下文关系的页面，一定设计有向前和向后的按钮，便于浏览者仔细研读。
站点设计简单有序，主次关系分明，将零乱页面的组织过程混杂的内容依整体布局的需要进行分组归纳，经过进行具有内在联系的组织排列，反复推敲文字、图形与空间的关系，使浏览者有一个流畅的视觉体验。
⑷色彩和谐重点突出
色调及黑、白、灰的三色空间关系不论在设计还是在绘画方面都起着重要的作用。
在页面上一定得明确调性，而其它有色或无色的内容均属黑、白、灰的三色空间关系，从而构成它们的空间层次。
色彩是艺术表现的要素之一，它是光刺激眼睛再传导到大脑中枢而产生的一种感觉。
在网页设计中，根据和谐、均衡和重点突出的原则，将不同的色彩进行组合、搭配来构成美丽的页面。
利用色彩对人们心理的影响的成果，合理地加以运用。
按照色彩的记忆性原则，一般暖色较冷色的记忆性强。
色彩还具有联想与象征的特质，如：
红色象征火、血、太阳；蓝色象征大海、天空和水面等。
所以设计出售冷食的虚拟店面，应使用消极而沉静的颜色，使人心理上感觉凉爽一些。
在色彩的运用过程中，还应注意的一个问题是：
由于国家和种族的不同，宗教和信仰的不同，生活的地理位置、文化修养的差异，不同的人群对色彩的喜恶程度有着很大差异。
如：
儿童喜欢对比强烈、个性鲜明的纯颜色；生活在草原上的人喜欢红色；生活在闹市中的人喜欢淡雅的颜色；生活在沙漠中的人喜欢绿色。
在设计中要考虑主要读者群的背景和构成。
⑸形式内容和谐统一
形式服务于内容，内容又为目的服务，形式与内容的统一是设计网页的基本原则之一。
运用对比与调和，对称与平衡，节奏与韵律以及留白等手段，如通过空间、文字、图形之间的相互关系建立整体的均衡状态，产生和谐的美感。
如对称原则在页面设计中，它的均衡有时会使页面显得呆板
升级会员 