12306網(wǎng)站登錄注冊(cè)功能實(shí)現(xiàn)一、實(shí)踐目的1.素養(yǎng)提升這次學(xué)校首次夏季短學(xué)期實(shí)踐活動(dòng)，學(xué)校特意邀請(qǐng)國內(nèi)著名軟件培訓(xùn)機(jī)構(gòu)東軟公司為我們指導(dǎo)講解網(wǎng)站的開發(fā)制作，對(duì)我們嚴(yán)格要求，每天都準(zhǔn)時(shí)開始，爭(zhēng)分奪秒，這門課程的學(xué)習(xí)，對(duì)于我來說它已不陌生。首先對(duì)于課程安排，感覺很緊湊，幾乎不遺漏任何的知識(shí)點(diǎn)。理論總在實(shí)驗(yàn)和機(jī)試前，這樣有利于我們學(xué)生接受新知識(shí)的灌輸，而且把理論運(yùn)用自如。老師都是手把手的教導(dǎo)，給我們打出例子，讓我們跟著他的思路走，每次理論課后，老師總不忘留出十幾分鐘的時(shí)間給我們思考的空間。其次是對(duì)于教學(xué)，感覺老師講課的思路很清晰，運(yùn)用課件的形式講課，很有概括性，重點(diǎn)“一針見血”，易于給我們把握住知識(shí)的主次。跟著老師的教學(xué)步驟，我們慢慢吃透了學(xué)習(xí)的知識(shí)，老師偶爾形象及幽默的比喻，易于理解接受，感覺不到課堂的枯燥，操作前，老師總會(huì)給足夠的時(shí)間給我們預(yù)習(xí)。分成小組的形式，實(shí)驗(yàn)中不僅讓我獲得知識(shí)，更鍛煉了我們同學(xué)之間的合作。實(shí)驗(yàn)中學(xué)會(huì)了“網(wǎng)頁的前端設(shè)計(jì)”、“網(wǎng)頁的后臺(tái)開發(fā)”等等。即使操作上，實(shí)驗(yàn)后的實(shí)驗(yàn)報(bào)告讓我們有了總結(jié)回顧的效果。網(wǎng)站開發(fā)制作是計(jì)算機(jī)技術(shù)和語言運(yùn)用以及算法分析相互結(jié)合、相互滲透。實(shí)踐訓(xùn)練實(shí)踐中小組配合，增強(qiáng)動(dòng)手能力，在不斷實(shí)踐中突破自己，攻克難關(guān)，從接觸到熟悉Hbuilder操作，深入淺出，只有理解透徹才能更好的進(jìn)行網(wǎng)站設(shè)計(jì)，12306購票系統(tǒng)網(wǎng)頁界面，主要是考察我們的網(wǎng)頁設(shè)計(jì)和制作能力，網(wǎng)頁要符合廣大群眾的需求，在經(jīng)濟(jì)迅速發(fā)展的今天，購票信息化、簡(jiǎn)單化、方便化顯得格外重要，12306網(wǎng)站是鐵路系統(tǒng)發(fā)布票務(wù)信息，廣大群眾接受票務(wù)信息的重要渠道。為了社會(huì)更好更快發(fā)展。為了提高我們大學(xué)生的技術(shù)能力，成為真正的開發(fā)設(shè)計(jì)人才，學(xué)校主持的為期三周的實(shí)習(xí)，讓我們把平時(shí)所學(xué)的知識(shí)通過實(shí)踐更好地結(jié)合，融會(huì)貫通，讓我們得到新的提升。二、實(shí)踐內(nèi)容這次實(shí)踐主要是前期學(xué)習(xí)了Hbuilder的運(yùn)用和算法，逐漸加大難度，我們先學(xué)習(xí)制作表格，和網(wǎng)頁設(shè)計(jì)的的基礎(chǔ)，比如個(gè)人信息的填寫欄，插入圖片和視頻等等。我們先制作了抖音APP的登錄頁面，由淺及深，制作了12306鐵路購票頁面，制作12306界面,12306這個(gè)系統(tǒng)，核心要解決的問題是網(wǎng)上售票。涉及到2個(gè)角色使用該系統(tǒng)：用戶、鐵道部。用戶的核心訴求是查詢余票、購票；鐵道部的核心訴求是售票。購票和售票其實(shí)是一個(gè)場(chǎng)景，對(duì)用戶來說是購票，對(duì)鐵道部來說是售票。因此，我們要設(shè)計(jì)一個(gè)在線的網(wǎng)站系統(tǒng)，解決用戶的查詢余票、購票，以及鐵道部的售票這3個(gè)核心訴求?？雌饋恚@3個(gè)場(chǎng)景都是圍繞火車票展開的。一張票的核心信息包括：出發(fā)時(shí)間、出發(fā)地、目的地、車次、座位號(hào)。持有票的人就擁有了一個(gè)憑證，該憑證表示持有它的人可以坐某個(gè)車次的某個(gè)座位號(hào)，隨著社會(huì)發(fā)展的不斷進(jìn)步，乘車的消費(fèi)者也越來越多，票務(wù)預(yù)訂系統(tǒng)也開始影響著人們?nèi)粘Ｉ詈统鲂?，并且變得越來越重要。讓管理員能夠了解到車票售賣情況，用戶注冊(cè)情況，實(shí)現(xiàn)人力管理資源最大化。查詢余票：用戶輸入出發(fā)地、目的地、出發(fā)日三個(gè)條件，查詢可能存在的車次，用戶可以看到每個(gè)車次經(jīng)過的站點(diǎn)名稱，以及每種座位的余票數(shù)量。購票：購票分為訂票和付款兩個(gè)階段，本文重點(diǎn)分析訂票的模型設(shè)計(jì)和實(shí)現(xiàn)思路?！?2306’是一款依托現(xiàn)代化技術(shù)手段快速獲取、合理管理和調(diào)配座位資源的鐵路車票業(yè)務(wù)的管理系統(tǒng)。為實(shí)現(xiàn)用戶信息管理、車票管理等，以提高生產(chǎn)效率。使售票員和乘客變得更加方便和有效率三、實(shí)踐過程開發(fā)工具:eclipse、hbuilder、MySQL、javaScript、HTMLEclipse：是一個(gè)開放源代碼的、基于Java的可擴(kuò)展開發(fā)平臺(tái)。就其本身而言，它只是一個(gè)框架和一組服務(wù)，用于通過插件組件構(gòu)建開發(fā)環(huán)境。幸運(yùn)的是，Eclipse附帶了一個(gè)標(biāo)準(zhǔn)的插件集，包括Java開發(fā)工具（JavaDevelopmentKit，JDK）。是著名的跨平臺(tái)的自由集成開發(fā)環(huán)境（IDE）。最初主要用來Java語言開發(fā)，通過安裝不同的插件Eclipse可以支持不同的計(jì)算機(jī)語言，比如C++和Python等開發(fā)工具。Eclipse的本身只是一個(gè)框架平臺(tái)，但是眾多插件的支持使得Eclipse擁有其他功能相對(duì)固定的IDE軟件很難具有的靈活性。Hbuilder：是DCloud（數(shù)字天堂）推出的一款支持HTML5的Web開發(fā)IDE。HBuilder的編寫用到了Java、C、Web和Ruby。HBuilder本身主體是由Java編寫?？欤荋Builder的最大優(yōu)勢(shì)，通過完整的語法提示和代碼輸入法、代碼塊等，大幅提升HTML、js、css的開發(fā)效率。MySQL：是一個(gè)關(guān)系型數(shù)據(jù)庫管理系統(tǒng)，由瑞典MySQLAB公司開發(fā)，目前屬于Oracle旗下產(chǎn)品。MySQL是最流行的關(guān)系型數(shù)據(jù)庫管理系統(tǒng)之一，在WEB應(yīng)用方面，MySQL是最好的RDBMS(RelationalDatabaseManagementSystem，關(guān)系數(shù)據(jù)庫管理系統(tǒng))應(yīng)用軟件之一。MySQL是一種關(guān)系數(shù)據(jù)庫管理系統(tǒng)，關(guān)系數(shù)據(jù)庫將數(shù)據(jù)保存在不同的表中，而不是將所有數(shù)據(jù)放在一個(gè)大倉庫內(nèi)，這樣就增加了速度并提高了靈活性。JavaScript：一種直譯式腳本語言，是一種動(dòng)態(tài)類型、弱類型、基于原型的語言，內(nèi)置支持類型。它的解釋器被稱為JavaScript引擎，為瀏覽器的一部分，廣泛用于客戶端的腳本語言，最早是在HTML（標(biāo)準(zhǔn)通用標(biāo)記語言下的一個(gè)應(yīng)用）網(wǎng)頁上使用，用來給HTML網(wǎng)頁增加動(dòng)態(tài)功能。HTML：超文本標(biāo)記語言(HyperTextMarkupLanguage)，標(biāo)準(zhǔn)通用標(biāo)記語言下的一個(gè)應(yīng)用。HTML不是一種編程語言，而是一種標(biāo)記語言(markuplanguage)，是網(wǎng)頁制作所必備的3.1.1一般性需求分析（1）將數(shù)據(jù)匯集處理，完成信息的多功能使用操作。（2）根據(jù)所用瀏覽器的運(yùn)行模式，操作簡(jiǎn)單，設(shè)置便捷，具有快速反應(yīng)能力（3）設(shè)定模塊化系統(tǒng)，使其具有靈活性，方便修改與操作。3.1.2功能性需求分析用戶功能需求（1）用戶注冊(cè)個(gè)人信息（2）進(jìn)入12306購票系統(tǒng)（3）乘客信息進(jìn)行根據(jù)自己的自身信息隨時(shí)修改（4）個(gè)人信息修改方便管理員功能實(shí)現(xiàn)（1）注冊(cè)管理員信息端口（2）管理員登錄12306購票系統(tǒng)（3）管理員對(duì)用戶信息的進(jìn)行操作修改查詢（4）管理員對(duì)新增用戶的進(jìn)行檢查修改（5）管理員修改自己的信息3.2系統(tǒng)設(shè)計(jì)UIkit是YOOtheme團(tuán)隊(duì)開發(fā)的一款輕量級(jí)、模塊化的前端框架，可快速構(gòu)建強(qiáng)大的web前端界面。UIKit提供了全面的HTML、CSS及JS組件，它們使用簡(jiǎn)單，容易定制和擴(kuò)展。它基于LESS開發(fā)，代碼結(jié)構(gòu)清晰簡(jiǎn)單，易于擴(kuò)展和維護(hù)，并且具有體積小、反應(yīng)靈敏的響應(yīng)式組件，你可以根據(jù)UIKit基本的風(fēng)格樣式，輕松地自定義創(chuàng)建出自己喜歡的主題樣式。1、UIkit基于LESS開發(fā)，代碼結(jié)構(gòu)清晰簡(jiǎn)單，易于擴(kuò)展和維護(hù)。2、具有體積小、反應(yīng)靈敏的響應(yīng)式組件，使用一致的、無沖突的命名規(guī)則。3、可根據(jù)UIKit基本的風(fēng)格及樣式，輕松地自定義創(chuàng)建出自己喜歡的主題樣式。4、根據(jù)不同的屏幕分辨率與上網(wǎng)設(shè)備，UIKit會(huì)自動(dòng)做出響應(yīng)，提供一致的體驗(yàn)。功能組件：UIKit提供了柵格系統(tǒng)、選項(xiàng)卡、表單、按鈕、圖標(biāo)、警告框、下拉菜單、模態(tài)對(duì)話框、彈出提示等30多個(gè)模塊化并可擴(kuò)展的組件，它可以彼此結(jié)合。組件根據(jù)自己的用途和功能分為不同的類型。附加組件：UIKit提供了一些高級(jí)的組件，它們不包含在UIKit的核心框架中。通常你在普通的網(wǎng)站上使用不到這些插件。如果你創(chuàng)建高級(jí)的用戶界面管理等領(lǐng)域，它們會(huì)派上用場(chǎng)，比如“拖放排序”和“日期選擇器”。UIKit提供了不同形式的導(dǎo)航組件，如導(dǎo)航欄和導(dǎo)航。使用面包屑或通過一個(gè)分頁來翻閱文章。這些組件通常用來實(shí)現(xiàn)HTML元素的跨瀏覽器標(biāo)準(zhǔn)化功能，并添加了一些非常基礎(chǔ)的樣式。充分運(yùn)用我們完全響應(yīng)式的流體網(wǎng)格系統(tǒng)和面板，常見的布局組成部分如博客文章和評(píng)論以及其他一些實(shí)用的效果類型。整體框架：HTML布局：要注意購票系統(tǒng)的美觀，界面美觀，操作簡(jiǎn)潔，管理界面簡(jiǎn)潔，便于管理員管理，注冊(cè)簡(jiǎn)單、用戶使用方便快捷。查詢信息快捷，可及時(shí)查找有用信息。這是網(wǎng)頁制作所必備的?！俺谋尽本褪侵疙撁鎯?nèi)可以包含圖片、鏈接，甚至音樂、程序等非文字元素。超文本標(biāo)記語言(或超文本標(biāo)簽語言)的結(jié)構(gòu)包括“頭”部分、和“主體”部分，其中“頭”部提供關(guān)于網(wǎng)頁的信息，“主體”部分提供網(wǎng)頁的具體內(nèi)容。首先創(chuàng)建一個(gè)web項(xiàng)目，文件——新建——Web項(xiàng)目。輸入項(xiàng)目名稱，點(diǎn)擊確定。然后在新建的WEB項(xiàng)目中點(diǎn)擊右鍵，創(chuàng)建一個(gè)目錄。輸入名稱，然后在html目錄下創(chuàng)建html文件，所創(chuàng)建的html文件會(huì)有個(gè)默認(rèn)名，改成自己想要的名稱。CSS：層疊樣式表(英文全稱：CascadingStyleSheets)是一種用來表現(xiàn)HTML（標(biāo)準(zhǔn)通用標(biāo)記語言的一個(gè)應(yīng)用）或XML（標(biāo)準(zhǔn)通用標(biāo)記語言的一個(gè)子集）等文件樣式的計(jì)算機(jī)語言。CSS不僅可以靜態(tài)地修飾網(wǎng)頁，還可以配合各種腳本語言動(dòng)態(tài)地對(duì)網(wǎng)頁各元素進(jìn)行格式化。HTML添加了很多顯示功能。但是隨著這些功能的增加，HTML變的越來越雜亂，而且HTML頁面也越來越臃腫。CSS可以在我們制作12306購票網(wǎng)頁的時(shí)候變得精簡(jiǎn)快捷，預(yù)防彌補(bǔ)HTML的部分弊端。使用MySQL建立數(shù)據(jù)庫與eclipse編寫后臺(tái)程序并建立連接：MySQL數(shù)據(jù)庫的導(dǎo)入,有兩種方法：1)先導(dǎo)出數(shù)據(jù)庫SQL腳本，再導(dǎo)入；2)直接拷貝數(shù)據(jù)庫目錄和文件。在不同操作系統(tǒng)或MySQL版本情況下，直接拷貝文件的方法可能會(huì)有不兼容的情況發(fā)生。使用sql語言將12306購票用戶登陸界面，票務(wù)查詢界面，管理員管理界面所需的各個(gè)信息分別建立數(shù)據(jù)庫，通過主控界面/控制面板，創(chuàng)建數(shù)據(jù)庫。用phpMyAdmin工具，或者mysql命令行將SQL腳本導(dǎo)入執(zhí)行。eclipse主要由Eclipse項(xiàng)目、Eclipse工具項(xiàng)目和Eclipse技術(shù)項(xiàng)目三個(gè)項(xiàng)目組成，具體包括四個(gè)部分組成——EclipsePlatform、JDT、CDT和PDE。JDT支持Java開發(fā)、CDT支持C開發(fā)、PDE用來支持插件開發(fā)，EclipsePlatform則是一個(gè)開放的可擴(kuò)展IDE，提供了一個(gè)通用的開發(fā)平臺(tái)。它提供建造塊和構(gòu)造并運(yùn)行集成軟件開發(fā)工具的基礎(chǔ)。EclipsePlatform允許工具建造者獨(dú)立開發(fā)與他人工具無縫集成的工具從而無須分辨一個(gè)工具功能在哪里結(jié)束，而另一個(gè)工具功能在哪里開始。我們?cè)诎惭b插件時(shí)遇到了一些困難，經(jīng)過反復(fù)調(diào)試，最終成功解決。3.3具體操作1．登錄頁面：圖1登錄頁面用文本框編寫管理員登錄界面2.頁面功能1.票務(wù)管理2.車次管理3.查詢用戶信息4.用戶購票查詢5.用戶信息管理6.用戶購票查詢實(shí)現(xiàn)票務(wù)管理頁面：圖2票務(wù)管理頁面實(shí)現(xiàn)車次信息：圖3車次修改頁面實(shí)現(xiàn)車次管理：圖4車次管理頁面實(shí)現(xiàn)用戶信息管理：圖5用戶信息管理頁面實(shí)現(xiàn)用戶信息管理：圖6用戶信息修改頁面實(shí)現(xiàn)用戶購票信息查詢：圖7用戶購票查詢頁面訂單表：用戶表：車次表：建立數(shù)據(jù)庫連接：以上就是12306票務(wù)系統(tǒng)所有頁面設(shè)計(jì)內(nèi)容，實(shí)現(xiàn)了讓用戶注冊(cè)登錄，查詢修改個(gè)人信息，查詢票務(wù)信息，管理員管理購票信息的需求。四、實(shí)踐體會(huì)通過此次為期三周的夏季短學(xué)期實(shí)踐，學(xué)習(xí)到了很多新的知識(shí)，讓我對(duì)網(wǎng)頁設(shè)計(jì)有了進(jìn)一步認(rèn)知，快樂的時(shí)光彌足珍貴,但那短暫的經(jīng)歷總是耐人尋味的。這短短幾周社會(huì)實(shí)踐有汗水,有歡笑,更有沉甸甸的收獲。作為一名即將步入大四，走向社會(huì)的學(xué)生。在大三的暑假里,我希望能與以往有所不同。自從走進(jìn)了大學(xué),就業(yè)問題似乎總是圍繞在我們的身邊,成了說不完的話題。為了讓自己面對(duì)更多的各種各樣的人,增加自己的閱歷,因?yàn)樵谝院蟮膶W(xué)習(xí)工作中,需要有更多的體驗(yàn),更多的經(jīng)歷。畢竟身在學(xué)校,接觸社會(huì)的機(jī)會(huì)很少,趁著暑假有這樣一個(gè)機(jī)會(huì),好好的大干一場(chǎng)。但是萬事開頭難,什么事都要有嘗試,都要有開始,都要有經(jīng)過,都要有失敗，我是名計(jì)算機(jī)科學(xué)與技術(shù)專業(yè)的學(xué)生,很早就有一種想法,就是我想利用放暑假的時(shí)間來完成一次真正屬于自己的社會(huì)實(shí)踐活動(dòng)。感謝學(xué)校為我們提供這樣優(yōu)質(zhì)的時(shí)間環(huán)境，因?yàn)槲抑?實(shí)踐可為以后找工作持打基礎(chǔ)過這段時(shí)間的實(shí)習(xí),學(xué)到一些在學(xué)校里學(xué)不到的東西。因?yàn)榄h(huán)境的不同,接觸的人與事不同,從中所學(xué)的東西自然就不一樣了。要學(xué)會(huì)從實(shí)踐中學(xué)習(xí),從學(xué)習(xí)中實(shí)踐。我們不只要學(xué)好學(xué)校里所學(xué)到的知識(shí),還要不斷從生活中,實(shí)踐中學(xué)習(xí)其他專業(yè)知識(shí),不斷地從各方面武裝自已,オ能在困難前突破自已,提高自已，超越自己。而且這次夏季短學(xué)期，極大的提升了我的專業(yè)水平，了解到了更多計(jì)算機(jī)就業(yè)方面的信息以及軟件開發(fā)市場(chǎng)的需求。讓我知道了一個(gè)好的軟件開發(fā)者應(yīng)該具備的基本素養(yǎng)和能力，這次假期實(shí)踐我以“善用知識(shí),提升專業(yè)水平,加強(qiáng)代碼能力“為宗旨,利用假期努力提升自己的能力,從此次實(shí)踐中檢驗(yàn)自我。學(xué)會(huì)了合作,懂得了團(tuán)隊(duì)在工作中的作用,為以后的工作和學(xué)習(xí)提供了寶