第一次接触实际的项目

前言

不秃也要变强 ~ ~

在大三上学期开学前我接了朋友推荐的一单活，负责做一个商城类的小程序。

当时的我，在大二下学期学了javase之后，接着暑假里过一遍javaWeb的知识，然后模仿别人的项目，边看视频边码代码，用java基础知识、mysql和layui做了个"新生注册系统"。这个练习项目最终顺利地用在大一新生来校报到的那两天。这个练习项目的功能就只有简单的表单信息录入、不同级别的用户登录后台对数据CRUD、对表单录入的信息导出Excel表格。这几个简单的功能，改善了以往报道的方式，之前都是在纸上用笔填写上新生的信息，然后由助班把新生的信息一个一个地录入Excel表格中。

借着这个练习项目的经历，勇敢地接了那个商城类小程序的任务。

静态页面篇

借着大一时学的前端三大件，我开始了静态页面的编写。开头总是艰难的，迎来的第一个难题是布局问题，当时我对布局的认识还停留在盒子模型和浮动的阶段，结果用浮动带来了页面的崩塌问题，不能响应不同数据量带来的页面展示。后来尽量少用浮动，主要用弹性布局和盒子模型，最终解决了页面问题。慢慢地，写静态页面的速度也上来了。开始的时候，一天下来都没能完成一个页面的编写，后来可以在一天里完成了一两个页面。当然，当时也是借着课下的时间写的。

10天很快地过去了，到了第11天，公司那边要检查静态页面写的效果如何，我就上传了小程序的文件，让测试那边测试。结果，emem，返回了20来个需要处理的地方，第一个静态页面版本跟UI图一比，那简直是…。现在回想起来，第一次上交的静态页面比平时作业的效果还要差。接着就对静态页面各种弥补细节啦~~

对接口篇

到了第15天，经过公司那边3次的静态页面测试，这个静态页面总算过了。随之就开始对接口了。emem，第二大难题来了，我之前只用ajax请求过数据，接口是啥我都懵，好吧，谁让我是只初生牛犊的呢。开始四处找视频，找博客，快速学习微信小程序是如何对接口。经过几般折腾，学会了对接口，采用的是model.js请求接口拿到数据，用箭头函数返回数据给page.js页，然后再渲染到page.wxml页面。对完普通的接口之后，接得对接登录接口，购物车接口，支付接口了。

• 购物车模块
  在实现购物车模块时，拼接商品规格，商品信息的参数对我来说是一个难题，不过，在软磨硬泡之后，也拿到了请求接口的参数。
  参考博客链接1

• 登录授权模块
  登录这一块得根据项目的需要去实现，这个项目要求登录的用户才能进入到主页里，这时候就得处理几个场景了：1、未授权；2、token过期；3、分享页面打开的用户；4、token被用户清除；这一块我封装了个token类去处理了。
  参考博客链接1
  参考博客链接2

• 支付接口
  这一块就是要实现提交订单，拉起微信支付的那一刻啦。参考微信小程序官方开发文档操作，接合实际项目提交订单需要的参数去实现啦。

期间，借着中秋和国庆的假期，公司员工不用上班，我就可以加把劲把落下的进度补上啦。

整体测试篇

一轮，页面的兼容性。
二轮，整体的页面效果与UI图是否一致。
三轮，业务的流程是否一致。
因为小程序的顶部，底部导航栏都是自定义的，所以要处理不同设备的兼容性。就有一个IphoneX的底部线条，你要让整体页面上移，否则IphoneX的线条回遮盖底部内容的展示。
解决IphoneX底部适配问题
参考博客连接1
关于微信小程序的坑，还待官方加强吖！

后续

经过前面三个阶段的努力，项目就等着给用户路演，抱着一颗期待的心，等结果啦。emem，磨练我耐心的经历开始了。

10月18日给客户路演，这距离我接到任务的时间已经过去一个多月了。不得不承认，后端一直在配合着我这菜菜。耐心磨练开始了，第一次路演，客户那边反映很大，emem。反馈回来的不是bug的问题，是产品需求没到达客户的预期。前端页面要大改，商品的业务逻辑不符合客户的需求，之前的某些功能要去掉等待。好吧， 菜机的第一次实战。正面对待之后，调整心态，重新战斗。

之后在改动的过程，边改，边加周边需求。嗯嗯，我得顶住吖，虽然由于某种原因，出现了这么一出，可是这种事情难免会遇到得吖，又不是我能控制的，视为常态吧。

在这后续编，经过大改，小改，反馈bug。产品来到了1.4版本。此时已经是11月中旬了。

小结：

在写这篇博客的时候，项目还没有结项，还在陆陆续续的做小改动。经过这两个月以来的战斗，收获颇多，毕竟接触了实际的开发项目，了解到公司开发的基本流程，自己对Web开发有了进一步的认识，算是初步踏入这一行了吧。期间，难免会熬夜到凌晨3点，第二天8点又起床上课，这就是项目的动力。

这段历程应该接近尾声了，而Java后端开发路程才刚开始呢，奖励个小鸡腿，继续…