基于web的同城拼車(chē)服務(wù)系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)—信息發(fā)布子系統(tǒng)

1、<p><b>　　河北農(nóng)業(yè)大學(xué)</b></p><p>　　本科畢業(yè)論文(設(shè)計(jì))</p><p>　　題 目： 基于WEB的同城拼車(chē)服務(wù)系統(tǒng) </p><p>　　的設(shè)計(jì)與實(shí)現(xiàn)—信息發(fā)布子系統(tǒng) </p><p>　　學(xué) 院： 信息科學(xué)與技術(shù)學(xué)院 </p><p>

2、　　專(zhuān)業(yè)班級(jí)： 軟件工程0901班 </p><p>　　學(xué) 號(hào)： 2009234040129 </p><p>　　學(xué)生姓名： 國(guó)立平 </p><p>　　指導(dǎo)教師姓名： 趙 洋 </p><p>　　指導(dǎo)教師職稱(chēng)： 副教授

3、 </p><p>　　2013 年 5 月 28 日</p><p><b>　　摘要</b></p><p>　　伴隨著科技進(jìn)步和經(jīng)濟(jì)全球化，人民生活水平不斷提高，擁有私家車(chē)的人群也越來(lái)越龐大。據(jù)統(tǒng)計(jì)，我國(guó)汽車(chē)保有量持續(xù)高速度增長(zhǎng)，眾多的車(chē)輛上路，是造成交通擁堵的最主要原因。除此之外，隨著經(jīng)濟(jì)高速發(fā)展，城市化進(jìn)程加快，信息化水平提高以及

4、人們精神層次的不斷拓展加深，人與人之間的社會(huì)化互動(dòng)越顯重要。但由于缺乏認(rèn)知基礎(chǔ)，人與人之間的的互動(dòng)就顯得漠然、敏感，且慎之又慎。</p><p>　　在此背景下，“拼車(chē)”成為解決交通和人文溝通的有效方法。目前已有網(wǎng)站針對(duì)拼車(chē)系統(tǒng)做運(yùn)用與推廣，并得到越來(lái)越多人的支持和歡迎。本系統(tǒng)使用PHP作為開(kāi)發(fā)工具，APACHE作為Web服務(wù)器，并使用MYSQL作為后臺(tái)數(shù)據(jù)庫(kù), 有效的結(jié)合Ajax、HTML、JavaScript

5、、Jquery等相關(guān)技術(shù)，實(shí)現(xiàn)拼車(chē)系統(tǒng)的相關(guān)功能。</p><p>　　此次完成的拼車(chē)服務(wù)系統(tǒng)——信息發(fā)布子系統(tǒng)，成功的實(shí)現(xiàn)了用戶注冊(cè)、用戶登錄、拼車(chē)信息發(fā)布、拼車(chē)系統(tǒng)后臺(tái)管理（包括系統(tǒng)消息、會(huì)員管理、登錄日志管理、路線管理、管理員管理）等功能。本論文結(jié)合開(kāi)發(fā)的拼車(chē)系統(tǒng)，介紹了基于web的同城拼車(chē)服務(wù)系統(tǒng)——信息發(fā)布子系統(tǒng)的研究和設(shè)計(jì)方法。</p><p>　　關(guān)鍵詞： PHP， MYSQ

6、L，Ajax，拼車(chē)系統(tǒng)，信息發(fā)布</p><p><b>　　Abstract</b></p><p>　　Along with the progress of science and technology and the globalization of economy, the improvement of people's living level, o

7、wning a private car is more and more huge crowd. According to statistics, China's car ownership of sustained high speed growth, many vehicles on the road, is the main reason causing traffic jams. In addition, with th

8、e rapid development of economy, city changes a process to accelerate, raise the level of information and people's spiritual level of development to deepen, s</p><p>　　In this context, "fight" h

9、as become the effective method to solve the transportation and cultural communication. At present, site for carpooling system application and promotion, and get more people support and welcome. The system uses PHP as a d

10、evelopment tool, APACHE as the Web server, and uses MYSQL as the background database, combined with Ajax, HTML, JavaScript, Jquery and other related technology effectively, achieve the related functions carpool system.&l

11、t;/p><p>　　Carpooling Service -- information release system of the completed, the successful implementation of the user registration, user login, carpool information release, carpooling background management sy

12、stem (including the system message, member management, log log management, route management, administrator management) and other functions. In this paper, combined with the carpool system development, introduces the rese

13、arch and design method of Web city car sharing service system -- information rele</p><p>　　Key words: PHP，MYSQL，Ajax， carpooling system，information release</p><p><b>　　目錄</b></p&g

14、t;<p>　　1．引言- 1 -</p><p>　　1.1模塊開(kāi)發(fā)的意義- 1 -</p><p>　　1.2國(guó)內(nèi)外發(fā)展現(xiàn)狀- 1 -</p><p>　　1.3開(kāi)發(fā)環(huán)境- 1 -</p><p>　　2．技術(shù)概述- 3 -</p><p>　　2.1設(shè)計(jì)原理- 3 -</p&g

15、t;<p>　　2.2數(shù)據(jù)庫(kù)介紹- 3 -</p><p>　　2.3 PHP介紹- 3 -</p><p>　　2.4設(shè)計(jì)中所應(yīng)用的JavaScript腳本語(yǔ)言和Ajax技術(shù)- 3 -</p><p>　　3．需求分析- 5 -</p><p>　　3.1項(xiàng)目概述- 5 -</p><p>

16、;　　3.1.1 應(yīng)用目標(biāo)- 5 -</p><p>　　3.2模塊功能需求分析- 5 -</p><p>　　3.2.1 功能描述- 5 -</p><p>　　3.2.2 功能模塊的劃分- 5 -</p><p>　　3.2.3 流程分析- 6 -</p><p>　　4．設(shè)計(jì)與實(shí)現(xiàn)- 7 -</

17、p><p>　　4.1數(shù)據(jù)庫(kù)設(shè)計(jì)- 7 -</p><p>　　4.1.1 usr表- 7 -</p><p>　　4.1.2 address表- 7 -</p><p>　　4.1.3 route表- 7 -</p><p>　　4.1.4 photo表- 8 -</p><p>　　圖

18、4-4 photo表（注冊(cè)人員頭像表）- 8 -</p><p>　　4.2模塊功能界面設(shè)計(jì)- 8 -</p><p>　　4.2.1 注冊(cè)界面- 8 -</p><p>　　4.2.2信息發(fā)布界面- 10 -</p><p>　　4.2.3 同城拼車(chē)界面- 11 -</p><p>　　4.2.4城際拼車(chē)界

19、面- 12 -</p><p>　　4.2.5 旅游自駕界面- 13 -</p><p>　　4.2.6錯(cuò)誤提示界面- 13 -</p><p>　　5．總結(jié)- 15 -</p><p>　　6.參考文獻(xiàn)- 16 -</p><p>　　7.致謝- 17 -</p><p>　　8.

20、附錄- 18 -</p><p>　　8.1系統(tǒng)部分代碼- 18 -</p><p>　　8.1.1 用戶注冊(cè)界面代碼- 18 -</p><p>　　8.1.2 信息發(fā)布代碼- 19 -</p><p><b>　　1．引言</b></p><p>　　1.1模塊開(kāi)發(fā)的意義</p&

21、gt;<p>　　此發(fā)布信息子系統(tǒng)，實(shí)現(xiàn)用戶的注冊(cè)、登錄及合乘有效信息的輸入。就乘客輸入的合乘需求,對(duì)信息進(jìn)行采集、整合、處理,并調(diào)用各功能模塊,實(shí)現(xiàn)對(duì)合乘拼車(chē)分類(lèi)，以實(shí)現(xiàn)拼車(chē)系統(tǒng)其它模塊的調(diào)用。</p><p>　　拼車(chē)平臺(tái)為數(shù)據(jù)管理中心，實(shí)現(xiàn)雙方的數(shù)據(jù)聯(lián)動(dòng)對(duì)接。用戶通過(guò)其中任何一端都可發(fā)送數(shù)據(jù)到另外一端，從而實(shí)現(xiàn)手機(jī)客戶端與電腦PC端用戶間的實(shí)時(shí)對(duì)話與互動(dòng)。用戶既可以搜索周邊拼友找到順風(fēng)車(chē)便捷出

22、行，又可以通過(guò)對(duì)話聊天結(jié)識(shí)同路的新朋友，實(shí)時(shí)的將網(wǎng)絡(luò)關(guān)系轉(zhuǎn)化為線下的真實(shí)關(guān)系，同時(shí)能互助同行、節(jié)能緩堵，是最真實(shí)靠譜的社交工具。此拼車(chē)網(wǎng)在通過(guò)交友互動(dòng)拉近人與人之間的關(guān)系，解決彼此間的不信任。讓拼車(chē)出行日?；?，常態(tài)化，整合閑置資源，方便人們出行。 </p><p>　　科學(xué)合理的發(fā)展拼車(chē)服務(wù)能夠有效的提高其運(yùn)營(yíng)效率,在一定程度上緩解城市交通壓力;對(duì)于乘客來(lái)講,既能夠滿足便捷、舒適的乘車(chē)要求,又能夠節(jié)約出行成本,從

23、而實(shí)現(xiàn)雙贏的效果。伴隨著這種拼車(chē)出行方式的普及,可以大大減少能源消耗,改善城市大氣污染,具有積極的社會(huì)效益和經(jīng)濟(jì)效益。</p><p>　　在當(dāng)今互聯(lián)網(wǎng)不斷發(fā)展的今天，能借助于互聯(lián)網(wǎng)將社會(huì)資源合理整合，并在此基礎(chǔ)上，增強(qiáng)人與人之間的溝通、交流，是促使社會(huì)和諧發(fā)展的一個(gè)重要因素；也是使得互聯(lián)網(wǎng)走向更人性化道路的一次更有力嘗試。</p><p>　　1.2國(guó)內(nèi)外發(fā)展現(xiàn)狀</p>

24、<p>　　關(guān)于Web網(wǎng)的研究與運(yùn)用在Web領(lǐng)域非常的廣泛。拼車(chē)，作為一個(gè)新生事物，最早出現(xiàn)在國(guó)外，例如美國(guó)許多城市在八九十年代修建了拼車(chē)車(chē)道，（Car pool lanes）在這種車(chē)道上只能行駛公共汽車(chē)或拼車(chē)族的車(chē)或供乘坐兩人以上的車(chē)輛使用，做多名乘客的車(chē)輛可以免費(fèi)通過(guò)收費(fèi)橋梁或道路等。由于拼車(chē)的開(kāi)始流行，拼車(chē)網(wǎng)這一拼車(chē)信息交流平臺(tái)也隨之產(chǎn)生了。在國(guó)內(nèi)，拼車(chē)網(wǎng)在各大城市也相當(dāng)普遍，例如拼車(chē)/順風(fēng)信息網(wǎng)、拼車(chē)?yán)?、順風(fēng)車(chē)網(wǎng)、上海

25、百姓網(wǎng)、溫州拼車(chē)網(wǎng)、中國(guó)拼車(chē)族等。但這些拼車(chē)網(wǎng)大都采用文字發(fā)布的形式提供拼車(chē)信息，沒(méi)有地圖標(biāo)志那么直觀、清楚。因此，將地圖顯示應(yīng)用于拼車(chē)網(wǎng)很有必要。</p><p>　　隨著網(wǎng)絡(luò)電子地圖的發(fā)展，國(guó)內(nèi)外不少網(wǎng)站都建立了網(wǎng)絡(luò)地圖服務(wù)，如Google地圖、百度地圖、sogou地圖等；而且有些公司開(kāi)放了自己的網(wǎng)絡(luò)地圖API接口，用戶可以直接調(diào)用API接口進(jìn)行網(wǎng)絡(luò)地圖的應(yīng)用。將網(wǎng)絡(luò)地圖應(yīng)用于拼車(chē)網(wǎng)中，將大大提高拼車(chē)網(wǎng)的用戶

26、體驗(yàn)，給用戶帶來(lái)巨大的便利。</p><p>　　由以上分析，我們可以充分認(rèn)識(shí)到設(shè)計(jì)并開(kāi)發(fā)一個(gè)同城拼車(chē)服務(wù)系統(tǒng)的必要性和迫切性，本次設(shè)計(jì)和開(kāi)發(fā)的同城拼車(chē)服務(wù)系統(tǒng)理應(yīng)符合規(guī)定，滿足需要，并達(dá)到操作過(guò)程中的直觀，方便，實(shí)用，安全等要求。系統(tǒng)采用模塊化程序設(shè)計(jì)的方法，既便于系統(tǒng)功能的組合和修改，又便于未參與系統(tǒng)開(kāi)發(fā)的技術(shù)維護(hù)人員補(bǔ)充和維護(hù)。</p><p><b>　　1.3開(kāi)發(fā)環(huán)境&

27、lt;/b></p><p>　　運(yùn)行環(huán)境硬件：P4以上計(jì)算機(jī)，256M內(nèi)存以上。</p><p>　　軟件要求：Windows98以上。</p><p>　　開(kāi)發(fā)環(huán)境硬件：P4以上計(jì)算機(jī)，256M內(nèi)存以上。</p><p>　　軟件：Navicat for MySQL，Adobe Dreamweaver CS3。</p>

28、<p><b>　　2．技術(shù)概述</b></p><p><b>　　2.1設(shè)計(jì)原理</b></p><p>　　用戶在Web瀏覽器中鍵入網(wǎng)址以訪問(wèn)網(wǎng)站，此連接含有HTML表單的HTML頁(yè)面；瀏覽器連接到Apache服務(wù)器上，服務(wù)器中存放組成該網(wǎng)站的HTML和PHP文件，Apache為客戶端的請(qǐng)求提供服務(wù)（通過(guò)遵守其配置文件中的規(guī)則來(lái)

29、查找相關(guān)的頁(yè)面并發(fā)送回去）并發(fā)給客戶端僅含有HTML表單的網(wǎng)頁(yè)；用戶在Web服務(wù)器填寫(xiě)表單并提交表單給服務(wù)器；Apache服務(wù)器收到提交的表單后，加載相關(guān)的文件來(lái)處理表單中提交的內(nèi)容，文件中含有用語(yǔ)鏈接到數(shù)據(jù)庫(kù)的PHP代碼；PHP代碼由Apache傳給PHP解釋程序（interpreter） 并由解釋程序加以運(yùn)行，PHP連接到MySQL數(shù)據(jù)庫(kù)上；MySQL數(shù)據(jù)庫(kù)接受SQL請(qǐng)求并添加信息；PHP腳本從MySQL數(shù)據(jù)庫(kù)接收結(jié)果并用收到的結(jié)果

30、構(gòu)造HTML頁(yè)面，然后將頁(yè)面發(fā)送回Web瀏覽器客戶端；Web瀏覽器接收添加的HTML結(jié)果并將其顯示給用戶。</p><p><b>　　2.2數(shù)據(jù)庫(kù)介紹</b></p><p>　　MySQL是一個(gè)精巧的SQL數(shù)據(jù)庫(kù)管理系統(tǒng)[7]。由于它的強(qiáng)大功能、靈活性、豐富的應(yīng)用編程接口（API）以及精巧的系統(tǒng)結(jié)構(gòu)，受到了廣大自由軟件愛(ài)好者甚至是商業(yè)軟件用戶的青睞，特別是與Apa

31、che和PHP/PERL結(jié)合，為建立基于數(shù)據(jù)庫(kù)的動(dòng)態(tài)網(wǎng)站提供了強(qiáng)大動(dòng)力。MySQL是一個(gè)真正的多用戶、多線程SQL數(shù)據(jù)庫(kù)服務(wù)器。SQL（結(jié)構(gòu)化查詢語(yǔ)言）是世界上最流行的和標(biāo)準(zhǔn)化的數(shù)據(jù)庫(kù)語(yǔ)言。MySQL是以一個(gè)客戶機(jī)/服務(wù)器結(jié)構(gòu)的實(shí)現(xiàn)，它由一個(gè)服務(wù)器守護(hù)程序MySQL和很多不同的客戶程序和庫(kù)組成。</p><p><b>　　2.3 PHP介紹</b></p><p>

32、　　PHP 是一種 HTML 內(nèi)嵌式的語(yǔ)言，是一種在服務(wù)器端執(zhí)行的嵌入HTML文檔的腳本語(yǔ)言，語(yǔ)言的風(fēng)格有類(lèi)似于C語(yǔ)言，被廣泛地運(yùn)用。</p><p>　　用PHP做出的動(dòng)態(tài)頁(yè)面與其他的編程語(yǔ)言相比，PHP是將程序嵌入到HTML文檔中去執(zhí)行，執(zhí)行效率比完全生成HTML標(biāo)記的CGI要高許多；PHP還可以執(zhí)行編譯后代碼，編譯可以達(dá)到加密和優(yōu)化代碼運(yùn)行，使代碼運(yùn)行更快。</p><p>　　2.

33、4設(shè)計(jì)中所應(yīng)用的JavaScript腳本語(yǔ)言和Ajax技術(shù)</p><p>　　本模塊前臺(tái)的部分功能采用Ajax來(lái)實(shí)現(xiàn)。這使系統(tǒng)大大提升了性能。Ajax技術(shù)以JavaScript為依托，而JavaScript是一種解釋性的，基于對(duì)象的腳本語(yǔ)言（an interpreted，object-based scripting language）。</p><p>　　HTML網(wǎng)頁(yè)在互動(dòng)性方面能力較

34、弱，例如驗(yàn)證HTML表單（Form）提交信息的有效性，用戶名不能為空，密碼不能少于6位，用純HTML網(wǎng)頁(yè)也無(wú)法實(shí)現(xiàn)。要實(shí)現(xiàn)這些功能，就需要用到JavaScript。</p><p>　　JavaScript是一種基于對(duì)象和事件驅(qū)動(dòng)并具有相對(duì)安全性的客戶端腳本語(yǔ)言。同時(shí)也是一種廣泛用于客戶端Web開(kāi)發(fā)的腳本語(yǔ)言，常用來(lái)給HTML網(wǎng)頁(yè)添加動(dòng)態(tài)功能，用戶點(diǎn)擊帶有JavaScript的網(wǎng)頁(yè)，網(wǎng)頁(yè)里的JavaScript就

35、傳到瀏覽器，由瀏覽器對(duì)此作處理,在客戶端完成,不會(huì)給服務(wù)器帶來(lái)過(guò)多負(fù)擔(dān)。</p><p><b>　　3．需求分析</b></p><p><b>　　3.1項(xiàng)目概述</b></p><p>　　該子系統(tǒng)是為了滿足廣大市民的用車(chē)需求，整合有效資源，增強(qiáng)人與人之間的溝通和互動(dòng)而設(shè)計(jì)的。</p><p>

36、;　　3.1.1 應(yīng)用目標(biāo)</p><p>　　系統(tǒng)界面簡(jiǎn)潔，操作方便、容易，最大限度的滿足拼車(chē)人員的需求，使拼車(chē)人員通過(guò)使用該系統(tǒng)可以進(jìn)行個(gè)人信息的注冊(cè)、登錄及拼車(chē)有效信息的發(fā)布，以滿足拼車(chē)人員的用車(chē)需求。</p><p>　　3.2模塊功能需求分析</p><p>　　3.2.1 功能描述</p><p>　　基于WEB的同城拼車(chē)服務(wù)系統(tǒng)

37、的設(shè)計(jì)與實(shí)現(xiàn)——信息發(fā)布子系統(tǒng)分為用戶注冊(cè)、用戶登錄、信息發(fā)布三大部分。其中用戶注冊(cè)時(shí)根據(jù)所選方式不同而注冊(cè)不同的信息，發(fā)布信息時(shí)也可由于選擇形式不同而發(fā)布不同類(lèi)型的信息。從而為系統(tǒng)的查詢部分奠定基礎(chǔ)。</p><p>　　3.2.2 功能模塊的劃分</p><p>　　從模塊功能描述中可知，本模塊可以實(shí)現(xiàn)六個(gè)完整的功能，包括郵箱免費(fèi)注冊(cè)，手機(jī)免費(fèi)注冊(cè)，機(jī)構(gòu)會(huì)員注冊(cè)，同城信息發(fā)布，城際信息

38、發(fā)布，旅游自駕功能。根據(jù)這些功能，設(shè)計(jì)出系統(tǒng)的功能模塊,如圖3-1所示（其中郵箱免費(fèi)注冊(cè)、手機(jī)免費(fèi)注冊(cè)、機(jī)構(gòu)會(huì)員注冊(cè)功能大致相同，同城信息發(fā)布、城際信息發(fā)布、旅游自駕功能大致相同）：</p><p>　　圖3-1 功能模塊圖解</p><p>　　3.2.3 流程分析</p><p>　　了解子系統(tǒng)的各功能模塊劃分，以及各功能模塊之間的關(guān)系，是該子系統(tǒng)總體設(shè)計(jì)的重要

39、組成部分。為了對(duì)整個(gè)模塊形成一個(gè)完整而全面的認(rèn)識(shí)，還需要進(jìn)行模塊流程分析。所謂模塊流程就是用戶在使用模塊時(shí)的工作過(guò)程。</p><p>　　本模塊的流程可描述如下：用戶進(jìn)入注冊(cè)界面，按要求輸入注冊(cè)信息，如果注冊(cè)失敗則提示失敗，如果注冊(cè)工程則進(jìn)入系統(tǒng)登錄界面；用戶可以選擇同城拼車(chē)、城際拼車(chē)、旅游自駕其一，進(jìn)入相應(yīng)的表單界面；在對(duì)應(yīng)的界面中，用戶可以按照界面的提示錄入拼車(chē)信息，最終完成信息的發(fā)布。</p>

40、<p><b>　　4．設(shè)計(jì)與實(shí)現(xiàn)</b></p><p><b>　　4.1數(shù)據(jù)庫(kù)設(shè)計(jì)</b></p><p>　　4.1.1 usr表</p><p>　　圖4-1 usr表（存放用戶的基本信息）</p><p>　　4.1.2 address表</p><p&

41、gt;　　圖4-2 address表（首頁(yè)選擇城市對(duì)應(yīng)id表）</p><p>　　4.1.3 route表</p><p>　　圖4-3 route表（拼車(chē)信息存放表）</p><p>　　4.1.4 photo表</p><p>　　圖4-4 photo表（注冊(cè)人員頭像表）</p><p>　　4.2模塊功能界面設(shè)

42、計(jì)</p><p>　　4.2.1 注冊(cè)界面</p><p>　　該界面的功能是實(shí)現(xiàn)用戶的注冊(cè)，其界面效果如圖4-5所示。用戶輸入注冊(cè)時(shí)的相關(guān)信息，點(diǎn)擊“注冊(cè)”按鈕由系統(tǒng)判斷各輸入是否正確。如果正確，進(jìn)入登錄界面；如果不正確，界面會(huì)有相應(yīng)提示，其界面效果如圖4-6、4-7、4-8所示。</p><p><b>　　圖4-5注冊(cè)界面</b><

43、;/p><p>　　圖4-6 郵箱注冊(cè)提示界面</p><p>　　圖4-7 手機(jī)注冊(cè)提示界面</p><p>　　圖4-8 會(huì)員注冊(cè)提示界面</p><p>　　4.2.2信息發(fā)布界面</p><p>　　用戶登錄成功后，進(jìn)入信息界面，其界面效果如圖4-5所示。該界面中用戶可以首先選擇同城拼車(chē)、城際拼車(chē)、旅游自駕中的一種

44、，再進(jìn)行對(duì)相關(guān)信息的錄入；用戶點(diǎn)擊“發(fā)布”可發(fā)布該拼車(chē)信息。</p><p>　　圖4-9 信息發(fā)布界面</p><p>　　4.2.3 同城拼車(chē)界面</p><p>　　用戶在主界面中選擇“同城拼車(chē)”時(shí)，可進(jìn)入同城拼車(chē)信息發(fā)布界面，其界面效果如圖4-10所示。其中注意，由于為同城拼車(chē)，當(dāng)起點(diǎn)城市選中時(shí)，終點(diǎn)城市也必須選中同一城市。如起點(diǎn)為“北京”，則終點(diǎn)必須也為“

45、北京”。</p><p>　　圖4-10 “同城拼車(chē)”信息發(fā)布</p><p>　　4.2.4城際拼車(chē)界面</p><p>　　用戶在主界面中選擇“城際拼車(chē)”時(shí)，可進(jìn)入城際拼車(chē)信息發(fā)布界面，其界面效果如圖4-7所示。其中注意，由于為城際拼車(chē)，當(dāng)起點(diǎn)城市選中時(shí)，終點(diǎn)城市不能選擇同一城市。如起點(diǎn)為“北京”，則終點(diǎn)為除“北京”。外的其他城市，如“成都”。</p>

46、;<p>　　圖4-11 “城際拼車(chē)”信息發(fā)布</p><p>　　4.2.5 旅游自駕界面</p><p>　　用戶在主界面中選擇“旅游自駕”時(shí)，可進(jìn)入旅游自駕信息發(fā)布界面，其界面效果如圖4-8所示。旅游自駕是“同城拼車(chē)”與“城際拼車(chē)”的升級(jí)版，注意體現(xiàn)在起點(diǎn)城市與終點(diǎn)城市的選擇上。此時(shí)城市不受限制，無(wú)論是同城，還是異城，都可將信息發(fā)布。</p><p&

47、gt;　　圖4-12 “旅游自駕”信息發(fā)布</p><p>　　4.2.6錯(cuò)誤提示界面</p><p>　　當(dāng)用戶發(fā)布信息時(shí)，系統(tǒng)會(huì)自動(dòng)判斷其輸入信息的正確性，并給出相應(yīng)提示，如圖4-9。</p><p>　　圖4-13 信息發(fā)布錯(cuò)誤提示</p><p><b>　　5．總結(jié)</b></p><p&g

48、t;　　計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)的日益成熟，為拼車(chē)系統(tǒng)的普及提供了良好的基礎(chǔ)。利用計(jì)算機(jī)對(duì)拼車(chē)信息進(jìn)行發(fā)布，使信息區(qū)域化范圍擴(kuò)大，遠(yuǎn)遠(yuǎn)優(yōu)于生活中信息發(fā)布傳播及共享速度，使拼車(chē)變成一種更為便捷的方式。在這次的畢業(yè)設(shè)計(jì)中主要設(shè)計(jì)一個(gè)基于web的同城拼車(chē)服務(wù)系統(tǒng)——信息發(fā)布子系統(tǒng)，具有一定的通用性，能夠滿足不同拼車(chē)人群的需求，為線上拼車(chē)服務(wù)提供一個(gè)很好的平臺(tái)。</p><p>　　通過(guò)這次畢業(yè)設(shè)計(jì)，對(duì)很多東西有了新的認(rèn)識(shí)和新的見(jiàn)

49、解，認(rèn)識(shí)問(wèn)題和思考解決辦法有了本質(zhì)上的進(jìn)步，特別是對(duì)一個(gè)系統(tǒng)開(kāi)發(fā)的模式有了更深的認(rèn)識(shí)，對(duì)專(zhuān)業(yè)技能的運(yùn)用更熟練。</p><p>　　信息發(fā)布系統(tǒng)開(kāi)發(fā)過(guò)程中也遇到了很多問(wèn)題，對(duì)某個(gè)知識(shí)理解得不透徹，致使在這次開(kāi)發(fā)過(guò)程中遇到了很多問(wèn)題。不過(guò)，通過(guò)查閱相關(guān)文檔及不懈的努力，最終完成了本次開(kāi)發(fā)。從選擇畢業(yè)設(shè)計(jì)的題目開(kāi)始，到需求分析，開(kāi)發(fā)工具的選擇，到系統(tǒng)的設(shè)計(jì)思路，數(shù)據(jù)庫(kù)的設(shè)計(jì)，關(guān)鍵代碼的設(shè)計(jì)，設(shè)計(jì)文檔的完成，每一步都認(rèn)

50、真思考分析完成。</p><p>　　通過(guò)本系統(tǒng)的設(shè)計(jì)，讓我在思維上更富有邏輯性，在處事上更嚴(yán)謹(jǐn)，在面對(duì)錯(cuò)誤或失誤時(shí)更冷靜，將自己的人生看作是一次軟件的開(kāi)發(fā)過(guò)程，不斷的對(duì)自己進(jìn)行需求分析和設(shè)計(jì)，編寫(xiě)自己以后的生活，由于知識(shí)水平有限，所以該系統(tǒng)還有許多不盡如人意的地方，望提出寶貴意見(jiàn)！</p><p><b>　　6.參考文獻(xiàn)</b></p><p&

51、gt;　　鄒天思，孫鵬. PHP從入門(mén)到精通[M]. 北京: 清華大學(xué)出版社, 2008；</p><p>　　陳湘揚(yáng), 陳國(guó)益. PHP5+MySQL網(wǎng)頁(yè)系統(tǒng)開(kāi)發(fā)設(shè)計(jì)[M]. 北京: 電子工業(yè)出版社, 2007；</p><p>　　明日科技. PHP函數(shù)參考大全. 北京:人民郵電出版社,2007；</p><p>　　Michele Davis and Jon

52、Phillips，Learning PHP and MySQL.New York:O'Reilly, 2006</p><p>　　趙鶴芹. 設(shè)計(jì)動(dòng)態(tài)網(wǎng)站的最佳方案:Apache+PHP+MySQL. 計(jì)算機(jī)工程與設(shè)計(jì)2007 28(4)；</p><p>　　參考網(wǎng)址：http://baike.baidu.com/view/99.htm</p><p>　

53、　參考網(wǎng)址：http://baike.baidu.com/view/16168.htm?fromId=9866</p><p><b>　　7.致謝</b></p><p>　　在本系統(tǒng)的設(shè)計(jì)過(guò)程和論文編寫(xiě)過(guò)程中，老師、同學(xué)都給與了我許多無(wú)私的幫助，尤其是我的指導(dǎo)老師——趙洋老師給我的論文提出了很多寶貴的修改意見(jiàn)，趙老師的悉心指導(dǎo)，才使我的畢業(yè)設(shè)計(jì)得以順利進(jìn)行。在此，

54、衷心的感謝趙老師一直以來(lái)對(duì)我的關(guān)心和幫助。</p><p>　　同時(shí)，學(xué)校提供的優(yōu)越環(huán)境，完善的設(shè)備和團(tuán)隊(duì)精神也是分不開(kāi)的。在此衷心地感謝所有關(guān)心本次畢業(yè)設(shè)計(jì)和實(shí)現(xiàn)的老師和同學(xué)，能夠給我這次學(xué)習(xí)和交流的機(jī)會(huì)。同時(shí)向關(guān)心和支持我學(xué)習(xí)的所有曾幫助過(guò)我的老師、同學(xué)和朋友們表示真摯的謝意！感謝他們對(duì)我的關(guān)心和支持！</p><p>　　最后，再一次感謝在畢業(yè)設(shè)計(jì)過(guò)程中給予我支持和幫助的老師和同學(xué)。

55、</p><p><b>　　8.附錄</b></p><p><b>　　8.1系統(tǒng)部分代碼</b></p><p>　　8.1.1 用戶注冊(cè)界面代碼</p><p>　　用戶注冊(cè)界面主要實(shí)現(xiàn)用戶信息的錄入，該界面實(shí)現(xiàn)了異步交互、二級(jí)聯(lián)動(dòng)、時(shí)間編輯器的使用。當(dāng)用戶注冊(cè)時(shí)，通過(guò)使用ajax判斷此用戶

56、名是否已有注冊(cè)；當(dāng)選擇起點(diǎn)終點(diǎn)時(shí)，利用二級(jí)聯(lián)動(dòng)，自動(dòng)形成縣菜單；當(dāng)選擇時(shí)間時(shí)，會(huì)調(diào)用時(shí)間編輯器。該界面的具體PHP代碼如下：</p><p><b>　　<?php</b></p><p>　　include_once("config/public.php");</p><p>　　if($_POST["ac

57、tion"]){</p><p>　　$Email=$_POST["Email"];</p><p>　　$_SESSION['Email']=$Email;</p><p>　　$pwd=md5($_POST["Pass"]);</p><p>　　$_SESSION[

58、9;pwd']=$pwd;</p><p>　　$repwd=$_POST["PassConfirm"];</p><p>　　$nickname=$_POST["NickName"];</p><p>　　$regtime=time();</p><p>　　$ip=$_SERVER['

59、;REMOTE_ADDR'];</p><p>　　$img=$_POST['gif'];</p><p><b>　　$grade=1;</b></p><p>　　$selectSql="select * from user where email='$Email'";</p

60、><p>　　$rec=mysql_query($selectSql);</p><p>　　if(mysql_num_rows($rec)!=null){</p><p>　　$smarty->assign("msg","注冊(cè)失敗");</p><p>　　$smarty->assign(&q

61、uot;return","reg.php");</p><p>　　$smarty->display("alert.html");</p><p><b>　　}else{</b></p><p>　　$mysql="insert into user (email,pass,ni

62、ckname,regtime,ip,img,grade) values ('$Email','$pwd','$nickname','$regtime','$ip','$img','$grade')";</p><p>　　$bool=mysql_query($mysql);</p>

63、<p>　　if(!$bool){</p><p>　　$smarty->assign("msg","注冊(cè)失敗");</p><p><b>　　}else{</b></p><p>　　$_SESSION['uname'] = $Email;</p>

64、<p>　　$_SESSION['uid'] = mysql_insert_id();</p><p>　　$smarty->assign("msg","注冊(cè)成功");//將值傳給reg.html</p><p>　　$smarty->assign("return","index

65、.php");//將路徑傳給$return</p><p>　　$smarty->assign("goahead","login.php");//將reg.html</p><p>　　$smarty->display("alert.html");</p><p><b>　

66、　return;</b></p><p><b>　　}</b></p><p><b>　　}</b></p><p><b>　　}</b></p><p>　　$sql="select * from photo where name!='&#

67、39;";</p><p>　　$xitong=$smarty->arr($sql);</p><p>　　$smarty->assign("xitong",$xitong);</p><p>　　$smarty->display("reg.html");</p><p>&

68、lt;b>　　?></b></p><p>　　8.1.2 信息發(fā)布代碼</p><p>　　在信息發(fā)布界面上，用戶可通過(guò)選擇發(fā)布信息類(lèi)型（同城拼車(chē)、城際拼車(chē)、旅游自駕)，實(shí)現(xiàn)拼車(chē)信息的發(fā)布，具體實(shí)現(xiàn)代碼如下：</p><p><b>　　<html></b></p><p><

69、b>　　<head></b></p><p>　　<title>免費(fèi)發(fā)布拼車(chē)線路 - AA拼車(chē)網(wǎng)</title></p><p>　　<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></p&

70、gt;<p>　　<link href="./css/fabu.css" rel="stylesheet" type="text/css"></p><p>　　<link href="./css/time.css" rel="stylesheet" type="text/

71、css"></p><p>　　<script type="text/javascript" src="./js/jquery-1.2.6.js"></script></p><p>　　<script type="text/javascript" src="./js/jqu

72、ery.js"></script></p><p>　　<script type="text/javascript" src="./js/fabu.js"></script></p><p><b>　　</head></b></p><p>

73、;<b>　　<body></b></p><p>　　<div id="menu"> </p><p>　　<ul id="u1"> </p><p>　　<li id="l1" onClick="color('1'

74、)"><a href="#">同城拼車(chē)</a></li> </p><p>　　<li id="l2" onClick="color('2')"><a href="#">城際拼車(chē)</a></li> </p>

75、<p>　　<li id="l3" onClick="color('3')"><a href="#">旅游自駕</a></li> </p><p>　　<li id="l4" onClick="color('4')"&

76、gt;<a href="#">活動(dòng)聚會(huì)</a></li> </p><p><b>　　</ul></b></p><p>　　<span id="name">{*$uname*}，歡迎您&nbsp;&nbsp;<a href="quit

77、.php" style="font:3px; color:#FF0000">退出</a></span></p><p><b>　　</div></b></p><p>　　<div class="rowColor"></p><p>　　&

78、lt;span id='tishi' style="font-size:13px; margin-left:10px; line-height:25px; position:absolute">同城的AA制拼車(chē)、合乘、組合客運(yùn)線路</span></p><p><b>　　</div></b></p><

79、p>　　<!--aa首頁(yè)mian--></p><p>　　<div class="aa-main-ct" style="padding-top:20px"></p><p>　　<div class="wd980 clearfix"></p><p>　　<

80、div class="public-line-pg"></p><p>　　<form id="formPost" name="formPost"></p><p>　　<input type="hidden" name="fabuAction" value=&quo

81、t;true"/></p><p>　　<div class="public-line-ct"></p><p>　　<div class="pl-ct-item" style="padding-bottom:41px;"></p><p>　　<div cla

82、ss="title" style="background-image:none"><h3><strong id="tit">同城拼車(chē)信息</strong></h3></div></p><p>　　<div style="padding-top:27px" cl

83、ass="aa-srh-form" > </p><p>　　<div style="top:208px; left:542px" class="huan"></div></p><p>　　<ul class="aa-form"></p

84、><p>　　<li class="clearfix" style="height:46px"></p><p>　　<label class="lab-style"><span class="orange">*</span>我是：</label><

85、/p><p>　　<div class="style-reltiv" style="z-index:99"></p><p>　　<div class="fn-left" style="margin-top:8px;"></p><p>　　<span>&

86、lt;input autocomplete="off" name="mytype" value="1" type="radio">駕駛者</span></p><p>　　<span style="padding-left:10px;"><input autocomplete=&

87、quot;off" name="mytype" value="2" type="radio" focusClass="iup-current">乘客</span></p><p><b>　　</div></b></p><p>　　<span

88、 id="typemsg" style="display:none; padding-left:110px; padding-top:8px;" class="orange">請(qǐng)選擇類(lèi)型</span></p><p><b>　　</div></b></p><p><b&

89、gt;　　</li></b></p><p>　　<li class="clearfix" style="height:46px"></p><p>　　<label class="lab-style"><span class="orange">*&l

90、t;/span>起點(diǎn)：</label></p><p>　　<div class="style-reltiv" style="z-index:99"></p><p>　　<div class="iup-style wd86 fn-left"></p><p>　　

91、<span><input autocomplete="off" name="startRouteProvince" id="city1" tips="城市" type="text" focusClass="iup-current"></span><i class="

92、ico1" onClick="returnValue()"></i></p><p><b>　　</div></b></p><p>　　<div class="iup-style wd86 fn-left"></p><p>　　<span&g

93、t;<input autocomplete="off" name="startRouteCity" tips="區(qū)縣" type="text" focusClass="iup-current"></span><i class="ico1"></i></p>

94、<p><b>　　</div></b></p><p>　　<div class="iup-style wd143 fn-left"></p><p><b>　　<span></b></p><p>　　<input autocomplete=&q

95、uot;off" name="startRouteAddress" id="startRouteAddress" tips="地標(biāo)/小區(qū)/寫(xiě)字樓" type="text" focusclass="iup-current"></span><i class="ico2 fullScreen"

96、; onClick="returnValue()"></i></div></p><p>　　<!--提示彈窗--></p><p>　　<span class="popup-tip btn" style=" left:215px; top:-29px"></p>

97、<p>　　<span class="popup-tip-r btn">試試地圖定位吧~<a href="javascript:;" class="cr2e fullScreen">去試試</a></span></p><p><b>　　</span></b>

98、</p><p>　　<!--提示彈窗end--></p><p>　　<span id="startmsg" style="display:none; padding-left:360px; padding-top:8px;" class="orange">!!每項(xiàng)必填</span></

99、p><p><b>　　</div></b></p><p><b>　　</li></b></p><p>　　<li class="clearfix" style="height:43px"><label class="lab-st

100、yle"><span class="orange">*</span>終點(diǎn)：</label></p><p>　　<div class="style-reltiv" style="z-index:98"></p><p>　　<div class="iu

101、p-style wd86 fn-left" id="commonCity"></p><p>　　<span><input autocomplete="off" name="endRouteProvince" tips="城市" type="text" focusClass=&qu

102、ot;iup-current"></span><i class="ico1"></i></p><p><b>　　</div></b></p><p>　　<div class="iup-style wd86 fn-left" id="comm

103、onCountry"></p><p>　　<span><input autocomplete="off" name="endRouteCity" tips="區(qū)縣" type="text" focusClass="iup-current"></span><

104、i class="ico1"></i></p><p><b>　　</div></b></p><p>　　<div class="iup-style wd143 fn-left"></p><p>　　<span><input autocom

105、plete="off" name="endRouteAddress" tips="地標(biāo)/小區(qū)/寫(xiě)字樓" type="text" focusClass="iup-current"></span><i class="ico2 fullScreen"></i></p>

106、<p><b>　　</div></b></p><p>　　<span id="endmsg" style="display:none; padding-left:360px; padding-top:4px;" class="orange">!!每項(xiàng)必填</span></p&g

107、t;<p><b>　　</div></b></p><p><b>　　</li></b></p><p>　　<li class="clearfix boxPassAddress"><label class="lab-style">途徑地點(diǎn)：

108、</label></p><p>　　<div style="z-index:2" class="style-reltiv"></p><p>　　<div class="iup-style wd356 fn-left"></p><p>　　<span>&l

109、t;input autocomplete="off" readonly focusClass="iup-current" tips="多個(gè)途徑地點(diǎn)請(qǐng)用逗號(hào)分割" name="passAddress" type="text"></span></p><p><b>　　</div&g

110、t;</b></p><p><b>　　</div></b></p><p><b>　　</li></b></p><p>　　<li class="clearfix boxBeginTime boxBeginTimeDate"></p>

111、<p>　　<label class="lab-style"><span class="orange">*</span>出發(fā)日期：</label></p><p>　　<div style="z-index:89" class="style-reltiv"><

112、;/p><p>　　<div class="iup-style wd202 fn-left"></p><p><b>　　<span></b></p><p>　　<input autocomplete="off" tips="出發(fā)日期" type=&qu

113、ot;text" name="beginTime" id="beginTime" onClick="eye.datePicker.show(this);" onFocus="value1()"> </p><p><b>　　</span></b></p><p&

114、gt;<b>　　</div></b></p><p><b>　　</div></b></p><p>　　<span id="datemsg" style="display:none; padding-left:360px; padding-top:4px;" class=

115、"orange">請(qǐng)?zhí)顚?xiě)出發(fā)日期</span></p><p>　　</li></body></html></p><p><b>　　后臺(tái)代碼：</b></p><p><b>　　<?php</b></p><p>

116、　　include_once("config/public.php");</p><p>　　if($_SESSION['uid']){</p><p>　　}elseif($_COOKIE['uname']){</p><p>　　$_SESSION['uid']=$_COOKIE['ui

117、d'];</p><p>　　$_SESSION['uname']=$_COOKIE['uname'];</p><p><b>　　}else{</b></p><p>　　$smarty->assign("msg","??！—請(qǐng)先登錄—??！");</p

118、><p>　　$smarty->assign("title","登錄");</p><p>　　$smarty->assign("return","login.php");</p><p>　　$smarty->display("alert.html")

119、;</p><p><b>　　return;</b></p><p><b>　　}</b></p><p>　　if($_POST['fabuAction']=="true"){</p><p>　　$type=$_POST['lx'];//同

120、城 城際 自駕 聚會(huì)</p><p>　　$uid=$_SESSION['uid'];//與user表的紐帶</p><p>　　$instime=time();//線路發(fā)布時(shí)間</p><p>　　$mytype=$_POST['mytype'];//2乘客 1駕駛者</p><p>　　$result=0;

121、//拼車(chē)成功與否 0未成功 1拼車(chē)已成功</p><p>　　$startRouteAddress=$_POST['startRouteAddress'];//起點(diǎn)</p><p>　　$_SESSION["startRouteAddress"]=$startRouteAddress;</p><p>　　if(!$startR

122、outeAddress||($startRouteAddress=='地標(biāo)/小區(qū)/寫(xiě)字樓')){</p><p>　　$start=$_POST['startRouteProvince'].",".$_POST['startRouteCity'];</p><p><b>　　}else{</b>&l

123、t;/p><p>　　$start=$_POST['startRouteProvince'].",".$_POST['startRouteCity'].",".$startRouteAddress;</p><p><b>　　}</b></p><p>　　$endRoute

124、Address=$_POST['endRouteAddress'];//終點(diǎn)</p><p>　　if(!$endRouteAddress||($endRouteAddress=='地標(biāo)/小區(qū)/寫(xiě)字樓')){</p><p>　　$end=$_POST['endRouteProvince'].",".$_POST['

125、;endRouteCity'];</p><p><b>　　}else{</b></p><p>　　$end=$_POST['endRouteProvince'].",".$_POST['endRouteCity'].",".$endRouteAddress;</p>&

126、lt;p><b>　　}</b></p><p>　　$pass=$_POST['passAddress'];//途徑地點(diǎn)</p><p>　　$sdate=$_POST['beginTime'];//出發(fā)日期</p><p>　　$stime=$_POST['beginTimeDisM']

127、.":".$_POST['beginTimeDisS'];//出發(fā)時(shí)間</p><p>　　$seat=$_POST['seat1'];//座位個(gè)數(shù)</p><p>　　$money=$_POST['money1'];//單價(jià)</p><p>　　$name=$_POST['name'

128、;];//聯(lián)系人</p><p>　　$tel=$_POST['Mobile1'];//手機(jī)</p><p>　　$carnum=$_POST['carnum'];//車(chē)牌</p><p>　　$paihao=$_POST['paihao'];//車(chē)牌號(hào)</p><p>　　$xingzhi=$

129、_POST['pro'];//車(chē)輛性質(zhì) </p><p>　　$checi=$_POST['checi'];//拼車(chē)次數(shù)</p><p>　　$beizhu=$_POST["beizhu"];//備注</p><p>　　$id=$_SESSION['uid'];</p><p&

130、gt;　　$sql1="select * from user where id='$id'";</p><p>　　$row1=$smarty->row($sql1);</p><p>　　$img=$row1['img'];</p><p>　　$sql="insert into route se

131、t uid='$uid',type='$type',instime='$instime',mytype='$mytype',result='$result',start='$start',end='$end',pass='$pass',sdate='$sdate',stime='$sti

132、me',seat='$seat',money='$money',name='$name',tel='$tel',carnum='$carnum',xingzhi='$xingzhi',checi='$checi',paihao='$paihao',img='$img',beizhu=&#

133、39;$beizhu'";</p><p>　　$rec=mysql_query($sql);</p><p><b>　　if($rec){</b></p><p>　　$smarty->assign("msg","拼車(chē)信息發(fā)布成功");</p><p>

134、　　$smarty->assign("return","index.php");</p><p>　　$smarty->display("alert.html");</p><p><b>　　return;</b></p><p><b>　　}else{<