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

2.2 服务器文件index.js

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;

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则近万的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Android移动开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：Android）

推荐学习资料

• Android进阶学习全套手册

  

• Android对标阿里P7学习视频

  

• BAT TMD大厂Android高频面试题

《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取！

https://img-blog.csdnimg.cn/img_convert/02c1d6d7eedf5b9d2c1f336eae5cea7f.jpeg" />

推荐学习资料

• Android进阶学习全套手册

  [外链图片转存中…(img-ZARkAknc-1713608511092)]

• Android对标阿里P7学习视频

  [外链图片转存中…(img-n5Znz2vb-1713608511094)]

• BAT TMD大厂Android高频面试题

[外链图片转存中…(img-sDEzGl5n-1713608511096)]

《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取！