【導(dǎo)讀】今天的Inter飛速發(fā)展，PC互聯(lián)網(wǎng)已日趨飽和。移動(dòng)互聯(lián)網(wǎng)的時(shí)代。到重視，已經(jīng)成為信息化產(chǎn)業(yè)的一個(gè)重要組成部分。過(guò)移動(dòng)終端IOS客戶端展現(xiàn)。即用戶可以通過(guò)移動(dòng)端得到上海明東集裝箱。碼頭的服務(wù)器提供的信息，對(duì)這些信息篩選和查詢。而且還要加入一些針。九個(gè)入口分別是，船舶。的信息發(fā)生了變化。驗(yàn)，以及界面友好度。后端采用主流的.NET開發(fā)。前后端使用JSON傳遞。形成成高效美觀友好的移動(dòng)端查詢工具。

　　

【正文】 港 詳細(xì)信息顯示字段： 船名 |英文船名 |航次 |進(jìn)出口 |進(jìn)箱開始 |進(jìn)箱截止 |代理 |掛靠港 詳細(xì)信息界面同 船舶查詢 類型 詳細(xì)界面 。 流程 ：默認(rèn)進(jìn)入后加載部分?jǐn)?shù)據(jù)。 如果有網(wǎng)，清空緩存，連接網(wǎng)絡(luò)下載數(shù)據(jù)到本地文件中，然后從文件中讀取數(shù)據(jù)加載到頁(yè)面。 如果無(wú)網(wǎng)，直接從本地文件中讀取數(shù)據(jù)加載到頁(yè)面。 搜索欄的查詢方式：聯(lián)網(wǎng)進(jìn)行搜索。 接口 ： 根據(jù)船名搜索 localhost:8081/api/VesselPlan?VesselName=xxx 具體 JSON 返回格式 ：見(jiàn)附錄 B 箱貨信息查詢 ，進(jìn)入后顯示標(biāo)題欄、搜索框、箱子的簡(jiǎn)略信息。點(diǎn)擊記錄進(jìn)入詳細(xì)信息。 簡(jiǎn)略信息顯示字段： 箱號(hào) |進(jìn)場(chǎng) |出場(chǎng) |進(jìn)場(chǎng)方式 |出場(chǎng)方式 |放關(guān) |配船 詳細(xì)信息顯示字段： 箱動(dòng)態(tài)： 進(jìn)場(chǎng)時(shí)間、出場(chǎng)時(shí)間、進(jìn)場(chǎng)方式、出場(chǎng)方式、放關(guān)、配船、箱號(hào) 基本信息： 尺寸、箱型、高度、狀態(tài)、鉛封號(hào)、提單號(hào)、重量、冷藏箱溫度、危險(xiǎn)品類型、持箱人、計(jì)劃作業(yè)方式、計(jì)劃作業(yè)時(shí)間、發(fā)票號(hào)、殘損標(biāo)記、調(diào)箱門 船舶相關(guān)： 箱變空時(shí)間、箱變空原因、一程船名、一程船航次、二程船名、二程哈爾濱理工大學(xué)學(xué)士學(xué)位論文 20 船航次、裝貨港、卸貨港、目的港、裝卸泊位、裝卸碼頭 超限信息 超限箱類型、超重、超高、前超長(zhǎng)、后超長(zhǎng)、左超長(zhǎng)、右超長(zhǎng) 詳細(xì)信息界面同上 ，信息部分由于字段過(guò)多采用點(diǎn)擊展開的方式查看信息。點(diǎn)擊箱動(dòng)態(tài)展開后現(xiàn)實(shí)詳細(xì)字段。 其他 ：按 箱號(hào) 或 提單號(hào) 查詢信息。 流程 ：默認(rèn)進(jìn)入后加載部分?jǐn)?shù)據(jù)。 如果有網(wǎng)，清空緩存，連接網(wǎng)絡(luò)下載數(shù)據(jù)到本地文件中，然后從文件中讀取數(shù)據(jù)加載到頁(yè)面。 如果無(wú)網(wǎng)，直接從本地文件中讀取數(shù)據(jù)加載到頁(yè)面。 搜索欄的查詢方式：聯(lián)網(wǎng)進(jìn)行搜索。 接口 ： 根據(jù)箱號(hào)搜索 localhost:8081/api/ContainerDetail/xxx 具體 JSON 返回格式 ：見(jiàn)附錄 B 進(jìn)箱信息跟蹤 ，進(jìn)入后顯示標(biāo)題欄、搜索框、箱子的簡(jiǎn)略信息。點(diǎn)擊記錄進(jìn)入詳細(xì)信息。 簡(jiǎn)略信息顯示字段： 箱號(hào) |船名 |航次 |進(jìn)場(chǎng)方式 |進(jìn)場(chǎng)時(shí)間 詳細(xì)信息顯示字段： 箱號(hào) |船名 |航次 |進(jìn)場(chǎng)方式 |進(jìn)場(chǎng)時(shí)間 |出場(chǎng)方式 |出場(chǎng)時(shí)間 詳細(xì)信息界面同 船舶查詢 類型 詳細(xì)界面 。 其他： 箱號(hào) |提單號(hào) 可以當(dāng)做搜索條件 。 流程 ：默認(rèn)進(jìn)入后加載部分?jǐn)?shù)據(jù)。 如果有網(wǎng)，清空緩存，連接網(wǎng)絡(luò)下載數(shù)據(jù)到本地文件中，然后從文件中讀取數(shù)據(jù)加載到頁(yè)面。 如果無(wú)網(wǎng)，直接從本地文件中讀取數(shù)據(jù)加載到頁(yè)面。 搜索欄的查詢方式：聯(lián)網(wǎng)進(jìn)行搜索。 接口 ： 根據(jù)箱號(hào)搜索 localhost:8081/api/ContainerMain/xxx 具體 JSON 返回格式 ：見(jiàn)附錄 B 電子裝箱單查詢 ， 進(jìn)入后顯示標(biāo)題欄、搜索框、裝箱單的簡(jiǎn)略信息。點(diǎn)擊記錄進(jìn)入詳細(xì)信息。 簡(jiǎn)略信息顯示字段： 船名 |航次 |箱號(hào) 詳細(xì)信息顯示字段： 船名 |航次 |提單號(hào) |箱號(hào) |進(jìn)港時(shí)間 |裝箱單發(fā)送時(shí)間 詳細(xì)信息界面同 船舶查詢 類型 詳細(xì)界面 。 其他： 箱號(hào) 、 提單號(hào) 可以當(dāng)做搜索條件 。 流程 ：默認(rèn)進(jìn)入后 有一個(gè) Label 控件和一個(gè) Text 控件，和搜索按鈕，label 可以選擇是根據(jù)提單號(hào)查詢還是根據(jù)箱號(hào)查詢。 在 Text 控件輸入單號(hào)點(diǎn)擊搜索按鈕進(jìn)入一個(gè) TableView 列表 用來(lái)顯示哈爾濱理工大學(xué)學(xué)士學(xué)位論文 21 搜索結(jié)果 ， 接的點(diǎn)擊記錄會(huì)顯示詳細(xì)頁(yè)面 。 其中搜索時(shí)直接聯(lián)網(wǎng)查詢 。 可以不需要緩存機(jī)制 。 接口 ： 根據(jù)箱號(hào) 或提單號(hào) 搜索 localhost:8081/api/Electron/xxx 具體 JSON 返回格式 ：見(jiàn)附錄 B 直裝計(jì)劃 ， 進(jìn)入后顯示標(biāo)題欄、搜索框、箱子的簡(jiǎn)略信息。點(diǎn)擊記錄進(jìn)入詳細(xì)信息。 簡(jiǎn)略信息顯示字段： 船名 |航次 詳細(xì)信息顯示字段： 船名 |航次 |進(jìn)箱日期 |截止進(jìn)箱日期 詳細(xì)信息界面同 船舶查詢 類型 詳細(xì)界面 。 流程 ：默認(rèn)進(jìn)入后加載部分?jǐn)?shù)據(jù)。 如果有網(wǎng)，清空緩存，連接網(wǎng)絡(luò)下載數(shù)據(jù)到本地文件中，然后從文件中讀取數(shù)據(jù)加載到頁(yè)面。 如果無(wú)網(wǎng)，直接從本地文件中讀取數(shù)據(jù)加載到頁(yè)面。 搜索欄的查詢方式：聯(lián)網(wǎng)進(jìn)行搜索。 接口 ： 根據(jù)箱號(hào)搜索 localhost:8081/api/TVDanger/xxx 具體 JSON 返回格式 ：見(jiàn)附錄 B 外籍卡進(jìn)出查詢 ，進(jìn)入后顯示標(biāo)題欄、搜索框、卡車的簡(jiǎn)略信息。點(diǎn)擊記錄進(jìn)入詳細(xì)信息。 簡(jiǎn)略信息顯示字段： 車牌號(hào) |進(jìn)堆場(chǎng)時(shí)間 詳細(xì)信息顯示字段： 車牌號(hào) |進(jìn)堆場(chǎng)時(shí)間 |出場(chǎng)時(shí)間 |箱號(hào) 詳細(xì)信息界面同 船舶查詢 類型 詳細(xì)界面 。 具體 JSON 返回格式 ：見(jiàn)附錄 B 公司代碼 查詢 ，進(jìn)入后輸入公司全稱，點(diǎn)擊查詢輸出公司代碼。 流程 ：進(jìn)入后顯示一個(gè) Label 一個(gè) Text 和一個(gè)搜索按鈕，在 Text 輸入公司名稱然后在 Label 中顯示公司代碼。 接口 ： 根據(jù)箱號(hào)搜索 localhost:8081/api/Company/xxx 具體 JSON 返回格式 ：見(jiàn)附錄 B 用戶搜藏頁(yè)面 ，進(jìn)入后 top 圖中顯示用戶名，登陸按鈕，退出按鈕。下方顯示內(nèi)容為用戶收藏過(guò)的信息。 消息通知頁(yè)面 ，進(jìn)入后顯示公司發(fā)布的公告。 關(guān)于頁(yè)面 ，顯示公司業(yè)務(wù)流程圖和公司相關(guān)信息，業(yè)務(wù)流程圖以圖片的形式提供。 后臺(tái)讀取數(shù)據(jù)庫(kù) ，使用 oracleclient 讀取數(shù)據(jù)庫(kù)，綁定到實(shí)體層，控制器層讀取實(shí)體數(shù)據(jù)轉(zhuǎn)換序列化為 Json 綁定到模型，視圖讀取模型。依照這種規(guī)范編寫后臺(tái)代碼，前臺(tái)以 api 的形式接收 Json，綁定到前臺(tái)頁(yè)面。 哈爾濱理工大學(xué)學(xué)士學(xué)位論文 22 在 .NET 中 可以使用 DataContractJsonSerializer 類 ， 將實(shí)體序列化為JSON 格式的字符串，并將 JSON 字符串反序列化為類型實(shí)例。 DataContractJsonSerializer 在 命名空間下， .NET Framework 包含在 中，需要添加對(duì)其的引用； .NET Framework 4 在 中。 JSON 返回信息詳細(xì)設(shè)計(jì) JSON 返回格式需要一定的標(biāo)準(zhǔn) ， 不按照標(biāo)準(zhǔn)拼寫會(huì)給以后程序員 ，和測(cè)試方面帶來(lái)需要 bug，本次 JSON 的標(biāo)準(zhǔn)如下。 返回一條數(shù)據(jù) { result: [ { 屬性名 : 內(nèi)容 , 屬性名 : 內(nèi)容 ， 屬性名 : 內(nèi)容 } ] } 返回多條數(shù)據(jù) { result: [ { 屬性名 : 內(nèi)容 , 屬性名 : 內(nèi)容 ， 屬性名 : 內(nèi)容 }, { 屬性名 : 內(nèi)容 , 屬性名 : 內(nèi)容 ， 屬性名 : 內(nèi)容 } ] } 哈爾濱理工大學(xué)學(xué)士學(xué)位論文 23 返回零條數(shù)據(jù) { result: null } 返回錯(cuò)誤信息 { Message: 詳細(xì)的錯(cuò)誤信息 } 數(shù)據(jù)庫(kù)詳細(xì)設(shè)計(jì) 由于數(shù)據(jù)是由客戶提供 ，所以數(shù)據(jù)庫(kù) 方面只要取得相應(yīng)的字段即可 。 以下是視圖對(duì)應(yīng)中文含義 與說(shuō)明。 表 1 船舶計(jì)劃 數(shù)據(jù)表中文名 船舶計(jì)劃 數(shù)據(jù)表英文名 V_VesselPlan 功能描述 船舶計(jì)劃視圖 序號(hào) 字段中文名 字段英文名 說(shuō)明 1 ID ID 唯一標(biāo)示 2 船名 VesselName 3 船英文名 VesselEnglishName 4 船型 VesselType 船型英文簡(jiǎn)寫 5 船型信息 VesselTypeInfo 船型中文 6 航次 VoyageNumber 7 進(jìn)出口 ImportOrExportFlag 進(jìn)出口標(biāo)志 8 計(jì)劃抵達(dá)時(shí)間 ArrivePlanTime 9 實(shí)際抵達(dá)時(shí)間 ArriveActualTime 10 計(jì)劃離港時(shí)間 DeparturePlanTime 11 實(shí)際離港時(shí)間 DepartureActualTime 12 計(jì)劃泊位 BerthPlan 13 實(shí)際泊位 BerthActual 14 已截關(guān) IsCustomsClosing 截關(guān)狀態(tài) 15 范圍 Status 范圍英文簡(jiǎn)寫 16 范圍信息 VesselPlanStatus 范圍中文 17 CSI CSI CSI 18 進(jìn)箱開始時(shí)間 ContainerBeginTime 哈爾濱理工大學(xué)學(xué)士學(xué)位論文 24 19 進(jìn)箱截止時(shí)間 ContainerDeadline 20 代理 Agency 21 掛靠港 ID PortOfCallID 22 激活 IsActive 23 備注 Remark 24 進(jìn)箱狀態(tài) ContainerStatus 表 2 箱詳細(xì)信息 數(shù)據(jù)表中文名 箱詳細(xì)信息 數(shù)據(jù)表英文名 V_ContainerDetail 功能描述 箱詳細(xì)信息視圖 序號(hào) 字段中文名 字段英文名 說(shuō)明 1 ID ID 唯一標(biāo)示 2 箱號(hào) ContainerNo 箱號(hào) 3 箱大小 CTNSize 4 箱類型 CTNType 5 箱高 CTNHeight 6 箱狀態(tài) CTNStat 7 鉛封號(hào) SealNO 8 提單號(hào) BLNO 9 持箱人 CTNOwner 10 箱重量 CTNNetWeight 11 冷藏箱溫度 RCTemerature 12 危險(xiǎn)品類型 DGType 13 危品聯(lián)合國(guó)編號(hào) DGUNNO 14 計(jì)劃作業(yè)方式 CTNIOType 15 計(jì)劃作業(yè) 時(shí)間 PlanWorkTime 16 集裝箱進(jìn)場(chǎng)時(shí)間 ArriveTime 17 集裝箱出場(chǎng)時(shí)間 DepartureTime 18 集裝箱進(jìn)場(chǎng)方式 ArriveType 19 集裝箱出場(chǎng)方式 DepartureType 20 箱變空時(shí)間 TCTNEmpty 21 箱變空原因 RCTNEmpty 22 第一程船名 FirstVVessel 23 第一程航次 FirstVVoyage 24 第二程船名 SecondVVessel 25 第二城航次 SecondVVoyage 哈爾濱理工大學(xué)學(xué)士學(xué)位論文 25 27 裝貨港 LoadingPort 28 卸貨港 DischargingPort 29 目的 港 DestinationPort 30 是否放關(guān) CustomsClearance 31 是否配船 Stowagefg 32 場(chǎng)箱位 CTNYardSlot 33 超限箱類型 OverCTNType 34 超重 OverWeight 35 超高 OverHeight 36 前超長(zhǎng) FOL 37 后超長(zhǎng) BOL 38 左超寬 LOW 39 右超寬 RoWidth 40 調(diào)箱門 IsTurnCTN 41 危險(xiǎn)品 IsDamaged 是否是危險(xiǎn)品 42 晚進(jìn)箱 ArriveISLate 表 3 箱詳細(xì)信息 (簡(jiǎn) ) 數(shù)據(jù)表中文名 箱詳細(xì)信息 (簡(jiǎn) ) 數(shù)據(jù)表英文名 V_ContainerMain 功能描述 箱詳細(xì)信息視圖 序號(hào) 字段中文名 字段英文名 說(shuō)明 1 ID ID 唯一標(biāo)示 2 箱號(hào) ContainerNo 3 提單號(hào) BillOfLadingNum 4 IEFG IEFG 5 箱狀態(tài) ContainerStatus 6 船名 VesselName 7 航次 VoyageNumber 8 抵達(dá)時(shí)間 ArriveTime 9 離港時(shí)間 DepartureTime 10 進(jìn)場(chǎng)方式 ArriveType 11 出場(chǎng)方式 DepartureType 12 進(jìn)箱時(shí)間 ArrivalContainerTime 13 結(jié)關(guān)時(shí)間 CustomsClearanceTime 14 存放時(shí)間 StowageTime 15 卸船時(shí)間 VesselTime 哈爾濱理工大學(xué)學(xué)士學(xué)位論文 26 16 抵達(dá)標(biāo)志 Arrivefg 17 離港標(biāo)志 Departurefg 18 結(jié)關(guān)標(biāo)志 CustomsClearance 19 存放標(biāo)志 Stowagefg 20 卸船標(biāo)志 Vesselfg 表 4 裝箱