微信小程序开发之——个人中心-订单物流查询(8)

const express = require(‘express’);

// 使用框架创建Web服务器

const app = express();

const fs = require(‘fs’);

app.get(‘/search’, function (req, res) {

fs.readFile(‘test.json’, ‘utf-8’, function (err, data) {

if (err) {

res.send(err);

}

else {

res.json(JSON.parse(data));

}

})

})

// 程序监听3000端口

app.listen(3000);

console.log(‘服务器启动成功’);

2.3 物流信息文件

{

“resultcode”: “200”,

“reason”: “查询物流信息成功”,

“result”: {

“company”: “fs”,

“com”: “顺丰”,

“no”: “SF1334165744862”,

“status”: “1”,

“status_detail”: “PENDING”,

“list”: [

{

“datetime”: “2016-06-15 21:44:04”,

“remark”: “离开郴州市 发往长沙市【郴州市】”,

“zone”: “”

},

{

“datetime”: “2016-06-15 21:46:45”,

“remark”: “郴州市邮政速递物流公司国际快件监管中心已收件（揽投员姓名：侯云,联系电话:）【郴州市】”,

“zone”: “”

},

{

“datetime”: “2016-06-16 12:04:00”,

“remark”: “离开长沙市 发往贵阳市（经转）【长沙市】”,

“zone”: “”

},

{

“datetime”: “2016-06-17 07:53:00”,

“remark”: “到达贵阳市处理中心（经转）【贵阳市】”,

“zone”: “”

},

{

“datetime”: “2016-06-18 07:40:00”,

“remark”: “离开贵阳市 发往毕节地区（经转）【贵阳市】”,

“zone”: “”

},

{

“datetime”: “2016-06-18 09:59:00”,

“remark”: “离开贵阳市 发往下一城市（经转）【贵阳市】”,

“zone”: “”

},

{

“datetime”: “2016-06-18 12:01:00”,

“remark”: “到达 纳雍县 处理中心【毕节地区】”,

“zone”: “”

},

{

“datetime”: “2016-06-18 17:34:00”,

“remark”: “离开纳雍县 发往纳雍县阳长邮政支局【毕节地区】”,

“zone”: “”

},

{

“datetime”: “2016-06-20 17:55:00”,

“remark”: “投递并签收，签收人：单位收发章 *【毕节地区】”,

“zone”: “”

}

]

},

“error_code”: 0

}

三 界面搭建

---

3.1 布局文件(order.wml)

欢迎进入快递查询系统

选择快递公司：

{{com[index]}}

运单号：

查询

【{{item.datetime}}】 {{item.remark}}

3.2 页面样式文件(order.wxss)

.container {

padding: 20rpx;

}

.container > .title {

text-align: center;

}

button {

width: 300rpx;

height: 80rpx;

line-height: 80rpx;

margin: 30rpx auto;

}

.section {

width: 100%;

box-sizing: border-box;

margin-top: 80rpx;

overflow: hidden;

}

.section > .title {

width: 20%;

float: left;

font-size: 28rpx;

text-align: right;

line-height: 42rpx;

}

.section > .input {

border: 1px solid gainsboro;

width: 70%;

padding: 5rpx 10rpx;

float: right;

font-size: 32rpx;

}

.orderlist {

height: 300px;

}

.orderlist view {

border-bottom: 1px solid #efefef;

font-size: 32rpx;

padding: 10rpx 0;

}

.orderlist text {

color: red;

font-size: 28rpx;

}

3.3 逻辑文件(order.js)

学习分享

在当下这个信息共享的时代，很多资源都可以在网络上找到，只取决于你愿不愿意找或是找的方法对不对了

很多朋友不是没有资料，大多都是有几十上百个G，但是杂乱无章，不知道怎么看从哪看起，甚至是看后就忘

如果大家觉得自己在网上找的资料非常杂乱、不成体系的话，我也分享一套给大家，比较系统，我平常自己也会经常研读。

2021最新上万页的大厂面试真题

七大模块学习资料：如NDK模块开发、Android框架体系架构…

2021大厂面试真题：

只有系统，有方向的学习，才能在短时间内迅速提高自己的技术，只有不断地学习，不懈的努力才能拥有更好的技术，才能在互联网行业中立于不败之地。
《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》，点击传送门，即可获取！

2021最新上万页的大厂面试真题

[外链图片转存中…(img-3Vzz3d94-1715265876312)]

七大模块学习资料：如NDK模块开发、Android框架体系架构…

[外链图片转存中…(img-g58qczmJ-1715265876313)]

2021大厂面试真题：

[外链图片转存中…(img-5czNyQpT-1715265876314)]

只有系统，有方向的学习，才能在短时间内迅速提高自己的技术，只有不断地学习，不懈的努力才能拥有更好的技术，才能在互联网行业中立于不败之地。
《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》，点击传送门，即可获取！