applogo.png

车抵贷
购物领券
2022-01-08 微信搜索 热度:685

序:北漂做了几年的程序猿,英语水平极差,所以在程序上没有JveJJRGws&wPCEJZX&gZs/I@.R太高的造诣,但是还是想把自己所能做的的记录下来。

下边来完tdmq1Hv*4V1uYg9I*dE成一个微信小程序的车辆违章查询,在最后我会放上源码链%3$b;C!b2/I;接,所以内容上就不对代码做太多解释,只说下思想。

1:数据来源,车辆违章Kms&YuIj/S.yoW!k查询的数据来源想到的@iCIq&o6NhRhg.q3pwTN5就是三方接口,那么我选择的是以BuC1cEbW8UM#tf6XEOc$cEtHh前做公众号开发时候时候的聚合数Xw2TC5iAMn^Lcni&eiP,&EqyNWba据(API数据接口_开发者数据定制),注册申请。

进入全国车辆违章查询可以看^kQOGa1ZA!Us3到三个接口/@$fMup&:1:获取AzJhVL#w3xmvJ*W4wUPscC*.7fM#3,支持城市参数接口 2:请求违章查询接口3:接口剩余次数请求。有了这三个接口就可以L@.2L5k&uw^K实现一个简单的车Ie*NfTiMgV!c60CVFR辆违章查询了。

2:微信小程序,有了数据的来源就等于有了灵魂,之后就是怎样利用数p4IfJ!LX7a@D.Gx1k^6dWC据源来实现*t;rBKDovk0yttm;268zP5*VVX7r了,首先就是小程序vkGD9Sr的学习。安装以3gHl&T7UEm7SdRj3U及创建项目。查看文档(:H/S29^JCmiwf,$D0il^jiri/RGQX9QW/OCc7i,gcCd5McEt27d/mp.weixzi!OIYdZFqkCz@3Y,vfIxBWYg!in.qq.com/debug/wxadoc/dev/?t=1yy38W1hB04T476197488080)

个人建议先把文档看一遍,这一遍并不是要记住文档,而是mtD9@..要在脑子里对小程序有一个初步的印象,更重要的是建立一个kzvTP索引目录,之后开发的时候能够根据目录索引到具体位置。

一遍文档看下s3C*VjF40BbYnco1来,首先想到的是需要哪些知识才能开发30$ADsvQR

懂一点html,css,js,每个页面包括一个jaErHWXr2Oc218smPTv&H%zes,ixml,wuss

之前有对5cHYLI,Jreact native (react native)了解点,Vowk/KJkVVD1;yF@Q^GsLG2i2Zz@发现在页面与数据交MSS;g互上有很多的相似,建议有兴趣的可以看了解一下,有助于理解。

API方pT5HOY面因为之前n#0CyMi做过公众号开发,所以看了一下应该是wxjs的接口开!e2k5J1VTsERiCxY9Ig放。RO13TyVsOVZ6DeaeLG0@q58Hjo&75

安装创建工程根据文档来k79c$I!E.2DJcdO!JRbF8就好了,因为没有内测号就只能VcCtZl6KR3HJzs%Z603UQ创建一个无appid的项目

下载IDE创建项目:MymPll$MH^TGkPZx#$PXqEFKxh;2lJblCar

ui方面需要三个:主页,添加查询车辆信息页,查H73Dxcp;0zIXD9mvR询页

在app.json中加入三个页面

"pages": #h.AnU$kL*B7pUC4JPvpNDRk[

"pages/hom.v@BBdy7b%rvPmNz.39Uyz5s%e/home",

"pages/addcar/addcar",

"pageQjY5oMU1C0!d;j;Aqm45,v4RjjoXMxs/querrwDmGF!dOM4hy/query"

]

主页需要展示添加查询车辆列表以及添加车辆

XLzRxbRdifS.F

点击添加车辆需转到添加页面

在wxml中添加按钮的组c.hl^$Z;Ru5Wpu0icJL建对应的js中实现#R!7#%@aP%5YWDz6bSzl3R对页面的4DyJ.;VUqbNoeFTd32w1lm.ZS%M跳转

7;D%pvdA.aBsBuSs^wDSchome.wxml:

<view wx:if="{{surplus >oL#rw8vlQ9Bs@&qYH#!HZXTH;= hMeOdqtGSXLXt0}}">

<button typgCFg.p52/ZC$WL@FM2he="default" bindtap="bindtapAdd" hoPT8WO^XQf0Q8V/fDlqC$J0*ldVzs5ver-class="other-button-hover">;r0ShVS0r*KAWI^c$&3O77.gM 添加车辆 </button>

</view>

hob#;9LiGrg.y;povme.js2T4gGpLP:

bindtapAdd:sv@X!w%d;6i#i7IbL%GfunctBX5pAOtZ0/c//TyH$/Zion(){

wx.navigateTo({

url: '../addcarbb45mMJMD9m9BkGL/addcar'

})

},

在添加页面要做的是将车辆信息缓存的微信的本地Mir89Ejs^rmLQ,那么就需要使用聚合的接口来获取支持的城市供用户选择,获取聚合,,2;yn的数据后需要做一个二级联动,由于还没有太多时间来研究wxcssF3mu1vc%GZR6m$kQm1#所以页面做的比较粗糙。

当用户ABUIqP#填好数据后存储到数据缓存,这p/cgoJ里涉及到两个知识点一个是请求url一个是数据缓存

请求可查询城市.D;wENItWB数据

requestCitys:function(){

varZ4s8dHN7YEsHInRgV,mVhCHnj page = this;

wx.requesDWAZ7YSSLHU9atQtAXU^Ci61ISdM6.rs({

url: 'hl3UzO*Hitttp://localhost:3000/wz/citys',

headeFv/Yl.R5zrqK9r: {

'Content-Type': 'applicat7b1Dl@zXXxQ69IXZE3TXyd3W3PVP5hion/json'

},

success:F/EZ;zk3RxQ5%&$7ktfunction(res){

var res = res.data;

page.XUgdE.oIvM8FWJ0LanalysisRes(res);2m/dYh*09EyZ!EIz*HMSk

},

fail:function(r2KgDOhVv#khKi0IzXa;Lkes){

page.setData({

toastInfo:util.tol%t!f,9BuK#,mZU1AcfGErrMsg(0),

toastHidden:false

})

coM$nvMacV9wB6Ci91hvOH709nsole.log(resQRnlSmII%oHA^YTwBIRddjSwOYdVV);

}

})

}

保存用户数据并且退回到主界面

wSkWthGscGQnhosEr6qH5Goorxbdx2a93.seJioW&W4sF$UtStorageSync('cars',cars);

wxD5KNZ*omjvNdS.navigateBack();

用户在主界面需要将缓存的数据用列表wRjJzdjmR%z#7ztROzX形式展示并且点击列表EG^@I@gm;y后需要使用查询车辆违章接口进行查询

home.pUde$ORTPNXFHC4rc#wPuc;js

//加载列表数据

reloadData:functioz@TXtfHQ9n(){

var value = wx.getStorageSyng9TWVG&BV9wEcc('cars')

if (value) {

var carsi%ntd5vUIc = [];

vabkr!$uwHeoxPIKzu!4av,fq%Rar i = 0;

for(var kemipmwzjS&Of@GbNp7FJiyFO/bvy in value) {

cars[i]= valGYf03461ue[key];3.V&mtg2cE7hOcTL&;WfE

i ;

}

this.s;U3Ta3hLC9Du!DetData({

cars:cars

})

Kg

上一篇:微信屏蔽支付宝集五福的朋友圈,是否损害了用户使用微信的权益

下一篇:传统门店老板如何利用微信营销提高业绩

赞 0
分享
猜你喜欢

丙肝是什么病微信交流群,丙肝母婴贴吧

耳鸣微信交流群,全国耳鸣交流群

打呼噜微信交流群,怎么加入陌生微信群

「东莞车迷微信群」求个东莞的大众高尔夫微信群

「聋人微信和扣扣群」微信有聋哑人的群吗

「加入菏泽大型微信群」如何加入菏泽一中高三一部十八班微信群

「启动微信群名软件」微信群怎么设置不让别人改群名?

「微信红包群规则复制」微信红包群规章制度是什么样的?

「微信稀奇古怪总代群」我想在微信上卖稀奇古怪的玩意,一件代发的,不需要加盟费!有的留个

「微信群群主有哪些特权」微信群主有哪些特权?

 

账号登录,或者注册个账号?