wex5仿滴滴打车资源-CSDN文库

共105个文件

html：25个

js：24个

sign：18个

wex5

移动开发

滴滴打车

4星 · 超过85%的资源需积分: 5 62 浏览量 2016-08-09 10:40:17 上传评论 12 收藏 776KB RAR 举报

【wex5 仿滴滴打车】是一款基于wex5技术框架开发的移动应用程序，旨在模仿滴滴打车的用户体验和核心功能。wex5是一种强大的跨平台开发工具，它允许开发者使用HTML5、CSS3和JavaScript来构建原生的移动应用，支持iOS、Android以及Web端，提供了一种高效且灵活的开发方式。在这款仿滴滴打车的项目中，我们可以看到以下几个关键的知识点： 1. **wex5框架**：wex5提供了丰富的组件库和API，使得开发者可以快速构建复杂的用户界面和交互逻辑。它支持离线存储、推送通知、地理位置服务等移动特性，大大简化了移动应用的开发流程。 2. **移动开发**：在移动设备上开发应用，需要考虑的因素包括屏幕适配、触摸交互、性能优化以及多平台兼容性。wex5通过其跨平台能力，使得开发者只需编写一次代码，就能在多个平台上运行，降低了开发成本。 3. **滴滴打车功能实现**：滴滴打车的核心功能包括定位服务、路线规划、实时叫车、支付系统和评价系统。仿滴滴打车项目可能已经实现了这些功能，例如： - **定位服务**：利用GPS和网络定位技术，获取用户和司机的实时位置。 - **路线规划**：结合地图API，计算乘客与司机之间的最佳行驶路线。 - **叫车服务**：用户可以发起叫车请求，系统匹配附近的司机，并进行实时通讯。 - **支付系统**：集成第三方支付接口，如支付宝或微信支付，实现安全便捷的在线支付。 - **评价系统**：用户和司机可以互相评价，促进服务质量的提升。 4. **用户界面设计**："界面不错哦"说明项目注重用户体验，UI设计遵循了简洁、直观的原则，使用户能够轻松理解和操作。在移动应用中，良好的用户体验往往直接影响产品的成功与否。 5. **文件结构分析**：尽管没有列出具体的文件内容，但根据压缩包名为“didi”，我们可以推测其中包含的文件可能包括HTML、CSS、JavaScript源码，以及可能的图片资源、配置文件等，这些构成了仿滴滴打车应用的基础。这个项目展示了如何使用wex5框架来开发一款类似滴滴打车的移动应用，涵盖了移动开发的多个方面，包括界面设计、功能实现、跨平台开发以及用户体验优化。对于想要学习wex5或者移动开发的人员来说，这是一个很好的实战案例。

资源推荐

资源详情

资源评论

收起资源包目录

wex5 仿滴滴打车（105个子文件）

didi.icons.css 10KB

main.css 3KB

demo.css 3KB

index-me.css 1KB

index-disc.css 354B

index-didi.css 91B

index.css 0B

didi.eot 112KB

main__zh_CN_Mobile.html 106KB

main_desktop_zh_CN_Computer.html 106KB

main__zh_CN_Mobile.html 100KB

main_desktop_zh_CN_Computer.html 100KB

index.w.view__zh_CN_Mobile_.html 82KB

index.w.view_desktop_zh_CN_Computer_.html 81KB

main.w.view__zh_CN_Mobile_.html 75KB

main.w.view_desktop_zh_CN_Computer_.html 75KB

demo.html 60KB

main_desktop_zh_CN_Computer.html 43KB

main__zh_CN_Mobile.html 43KB

main_desktop_zh_CN_Computer.html 43KB

main__zh_CN_Mobile.html 42KB

main_desktop_zh_CN_Computer.html 29KB

main__zh_CN_Mobile.html 29KB

main__zh_CN_Mobile.html 25KB

main_desktop_zh_CN_Computer.html 25KB

index-me.w.view_desktop_zh_CN_Computer_.html 20KB

index-me.w.view__zh_CN_Mobile_.html 20KB

index-disc.w.view__zh_CN_Mobile_.html 7KB

index-disc.w.view_desktop_zh_CN_Computer_.html 7KB

index-didi.w.view__zh_CN_Mobile_.html 4KB

index-didi.w.view_desktop_zh_CN_Computer_.html 3KB

logo2.jpg 165KB

yourLogo.jpg 17KB

css3.jpg 12KB

logo1.jpg 3KB

main.js 6KB

main.w.view_desktop_zh_CN_Computer_.js 6KB

main.w.view__zh_CN_Mobile_.js 6KB

index-me.w.view_desktop_zh_CN_Computer_.js 5KB

index-me.w.view__zh_CN_Mobile_.js 5KB

index-didi.w.view__zh_CN_Mobile_.js 5KB

index-didi.w.view_desktop_zh_CN_Computer_.js 5KB

main.w.form.js 3KB

index.w.view_desktop_zh_CN_Computer_.js 3KB

index-disc.w.view_desktop_zh_CN_Computer_.js 3KB

index.w.view__zh_CN_Mobile_.js 3KB

index-disc.w.view__zh_CN_Mobile_.js 3KB

index-me.w.form.js 3KB

index-didi.w.form.js 2KB

index.w.form.js 828B

index-disc.w.form.js 813B

index.js 478B

index-didi.js 173B

index-disc.js 173B

index-me.js 173B

logo3.png 11KB

user-1.png 7KB

cssdiv.png 3KB

index-didi.w.view__zh_CN_Mobile_.html.sign 40B

index.w.view__zh_CN_Mobile_.html.sign 40B

index-me.w.view__zh_CN_Mobile_.html.sign 40B

index-me.w.view_desktop_zh_CN_Computer_.html.sign 40B

index-disc.w.view__zh_CN_Mobile_.html.sign 40B

main.w.view_desktop_zh_CN_Computer_.html.sign 40B

index-didi.w.view_desktop_zh_CN_Computer_.html.sign 40B

main.w.view__zh_CN_Mobile_.html.sign 40B

index-disc.w.view_desktop_zh_CN_Computer_.html.sign 40B

index.w.view_desktop_zh_CN_Computer_.html.sign 40B

index-disc.w.form.xml.sign 40B

index.w.form.xml.sign 40B

main.w.form.xml.sign 40B

index-me.w.form.xml.sign 40B

index-didi.w.form.xml.sign 40B

didi.svg 168KB

didi.ttf 112KB

main.w 15KB

index-me.w 9KB

index-disc.w 3KB

index-didi.w 3KB

index.w 667B

realtime.wav 41KB

yyOder.wav 39KB

allOrder.wav 32KB

stopOrder.wav 32KB

startOrder.wav 31KB

comleteSet.wav 29KB

setMode.wav 28KB

didi.woff 64KB

index.w.form.xml 82KB

共 105 条

<?xml version="1.0" encoding="UTF-8"?> <html xmlns="http://www.w3.org/1999/xhtml" style="width:100%;height:100%" class="no-js"> <head xmlns=""> <meta charset="utf-8"/> <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1"/> <meta name="apple-mobile-web-app-capable" content="yes"/> <meta name="apple-mobile-web-app-status-bar-style" content="black"/> <meta name="format-detection" content="telephone=no"/> <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/> <script src="../../v_3932160cf5d141438c4d5127e24b8648l_zh_CNs_d_m/system/lib/base/modernizr-2.8.3.min.js"/> <script id="__varReplace"> window.__justep = window.__justep || {}; window.__justep.isDebug = true; window.__justep.__packageMode = "1"; window.__justep.__isPackage = false;; window.__justep.url = location.href; window.__justep.versionInfo = {}; </script> <script id="__updateVersion"> (function(url, mode){ if (("@"+"mode@") === mode) mode = "3"; if (("@"+"versionUrl@") === url) url = "system/service/common/app.j"; if ((mode!=="1" && (mode!="2") && (mode!="3"))) return; var async = (mode=="1"); var x5Version = "noApp"; var x5AppAgents = /x5app\/([0-9.]*)/.exec(navigator.userAgent); if(x5AppAgents && x5AppAgents.length > 1){ x5Version = x5AppAgents[1] || ""; } function createXhr(){ try { return new XMLHttpRequest(); }catch (tryMS) { var version = ["MSXML2.XMLHttp.6.0", "MSXML2.XMLHttp.3.0", "MSXML2.XMLHttp", "Miscrosoft.XMLHTTP"]; for(var i = 0; i < version.length; i++){ try{ return new ActiveXObject(version[i]); }catch(e){} } } throw new Error("您的系统或浏览器不支持XHR对象！"); } function createGuid(){ var guid = ''; for (var i = 1; i <= 32; i++){ var n = Math.floor(Math.random()*16.0).toString(16); guid += n; if((i==8)||(i==12)||(i==16)||(i==20)) guid += '-'; } return guid; } function parseUrl(href){ href = href.split("#")[0]; var items = href.split("?"); href = items[0]; var query = items[1] || ""; items = href.split("/"); var baseItems = []; var pathItems = []; var isPath = false; for (var i=0; i<items.length; i++){ if (mode == "3"){ if (items[i] && (items[i].indexOf("v_") === 0) && (items[i].indexOf("l_") !== -1) && (items[i].indexOf("s_") !== -1) && (items[i].indexOf("d_") !== -1) || (items[i]=="v_")){ isPath = true; continue; } }else{ if (items[i] && (items[i].indexOf("v-")===0) && (items[i].charAt(items[i].length-1)=="-") ){ isPath = true; continue; } } if (isPath){ pathItems.push(items[i]); }else{ baseItems.push(items[i]); } } var base = baseItems.join("/"); if (base.charAt(base.length-1)!=="/") base += "/"; var path = pathItems.join("/"); if (path.charAt(0) !== "/") path = "/" + path; return [base, path, query]; } var items = parseUrl(window.location.href); var base = items[0]; var path = items[1]; var query = items[2]; var xhr = createXhr(); url += ((url.indexOf("?")!=-1) ? "&" : "?") +"_=" + createGuid(); if (mode === "3"){ url += "&url=" + path; if (query) url += "&" + query; } xhr.open('GET', base + url, async); if (async){ xhr.onreadystatechange=function(){ if((xhr.readyState == 4) && (xhr.status == 200) && xhr.responseText){ var versionInfo = JSON.parse(xhr.responseText); window.__justep.versionInfo = versionInfo; window.__justep.versionInfo.baseUrl = base; if (window.__justep.url.indexOf(versionInfo.resourceInfo.version) == -1){ versionInfo.resourceInfo.isNewVersion = true; }; } } } try{ xhr.send(null); if (!async && (xhr.status == 200) && xhr.responseText){ var versionInfo = JSON.parse(xhr.responseText); window.__justep.versionInfo = versionInfo; window.__justep.versionInfo.baseUrl = base; if ((mode==="3") && window.__justep.isDebug){ /* 模式3且是调试模式不重定向 */ }else{ if (versionInfo.resourceInfo && versionInfo.resourceInfo.version && (window.__justep.url.indexOf(versionInfo.resourceInfo.version) == -1)){ if (query){ path = path + "?" + query; } path = versionInfo.resourceInfo.indexURL || path; /* 如果返回indexPath则使用indexPath，否则使用当前的path */ var indexUrl = versionInfo.baseUrl + versionInfo.resourceInfo.version + path; window.location.href = indexUrl; } } } }catch(e2){} }("@versionUrl@", "@mode@")); </script> <link rel="stylesheet" href="../../v_128a0cabda8c4c569dd021cec9a46ea1l_zh_CNs_d_m/system/components/bootstrap.min.css" include="$model/UI2/system/components/bootstrap/lib/css/bootstrap,$model/UI2/system/components/bootstrap/lib/css/bootstrap-theme"/> <link rel="stylesheet" href="../../v_d4b16d47a27945e6abc0a7f7132c7a3al_zh_CNs_d_m/system/components/comp.min.css" include="$model/UI2/system/components/justep/lib/css2/dataControl,$model/UI2/system/components/justep/input/css/datePickerPC,$model/UI2/system/components/justep/messageDialog/css/messageDialog,$model/UI2/system/components/justep/lib/css3/round,$model/UI2/system/components/justep/lib/css5/didi,$model/UI2/system/components/justep/input/css/datePicker,$model/UI2/system/components/justep/row/css/row,$model/UI2/system/components/justep/attachment/css/attachment,$model/UI2/system/components/justep/barcode/css/barcodeImage,$model/UI2/system/components/bootstrap/dropdown/css/dropdown,$model/UI2/system/components/justep/dataTables/css/dataTables,$model/UI2/system/components/justep/contents/css/contents,$model/UI2/system/components/justep/common/css/forms,$model/UI2/system/components/justep/locker/css/locker,$model/UI2/system/components/justep/menu/css/menu,$model/UI2/system/components/justep/scrollView/css/scrollView,$model/UI2/system/components/justep/loadingBar/loadingBar,$model/UI2/system/components/justep/dialog/css/dialog,$model/UI2/system/components/justep/bar/css/bar,$model/UI2/system/components/justep/popMenu/css/popMenu,$model/UI2/system/components/justep/lib/css/icons,$model/UI2/system/components/justep/lib/css4/e-commerce,$model/UI2/system/components/justep/toolBar/css/toolBar,$model/UI2/system/components/justep/popOver/css/popOver,$model/UI2/system/components/justep/panel/css/panel,$model/UI2/system/components/bootstrap/carousel/css/carousel,$model/UI2/system/components/justep/wing/css/wing,$model/UI2/system/components/bootstrap/scrollSpy/css/scrollSpy,$model/UI2/system/components/justep/titleBar/css/titleBar,$model/UI2/system/components/justep/lib/css1/linear,$model/UI2/system/components/justep/numberSelect/css/numberList,$model/UI2/system/components/justep/list/css/list,$model/UI2/system/components/justep/dataTables/css/dataTables"/> </head> <body xmlns="" style="width:100%;height:100%;margin: 0;"> <script intro="none"/> <div id="applicationHost" class="applicationHost" style="width:100%;height:100%;" __component-context__="block"> <div xid="window" class="window cbY7fUj" component="$model/UI2/system/components/justep/window/window" design="device:m;" data-bind="component:{name:'$model

评论收藏

内容反馈