第一次接触实际的项目

前言

不秃也要变强 ~ ~

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

当时的我，在大二下学期学了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后端开发路程才刚开始呢，奖励个小鸡腿，继续…

第一次接触实际的项目相关推荐

vue中常碰见的坑_Vue 与 Vuex 的第一次接触遇到的坑
在 Vue.js 的项目中,如果项目结构简单, 父子组件之间的数据传递可以使用 props 或者 $emit 等方式但是如果是大型项目,很多时候都需要在子组件之间传递数据,使用之前的方式就不太方便 ...
百度地图API的第一次接触
因为项目的需求,第一次接触了百度API. 第一步:引用百度地图API的脚本如果在局域网环境中,要把地图文件和js文件都要下载下来 <script type="text/javascr ...
家电售后php网站源码,php家电维修源码-第一次接触php语言的最经典，最简单的源代码！！！！！！！！！！-电气资讯 - 电工屋...
如何修改PHP的源码 PHP源码用记事本就可打开编辑了,当然用DW也可以.图片背景要改,可要看清图片的链接(或者直接将图片改成你要的图片也可),改文字格式要通过CSS来修改,链接的话,应该在网站后台就 ...
如果你是第一次接触Python当中的面向对象，请点击进来。
2018年7月29日15:49:49 今天有时间写一篇关于Python面向对象入门的文章,其实面向对象是不属于某一门编程语言的,而是一种编程思想,如果你是第一次接触面向对象,你需要弄懂下面几个问题: ...
Android Studio 第一次新建Android Gradle项目超级慢的解决方案
Android Studio 第一次新建Android Gradle项目超级慢的解决方案参考文章: (1)Android Studio 第一次新建Android Gradle项目超级慢的解决方案 ( ...
第一次创建springboot框架项目
第一次创建springboot框架项目 1.1_创建步骤 2.1_启动时遇到的问题 2.2_启动响应网页测试 2.3_连接数据库尝试 1.1_创建步骤 (1)创建spring项目 (2) (3) 加入 ...
第一次接触终极事务处理——Hekaton
在这篇文章里,我想给出如何与终极事务处理(Extreme Transaction Processing (XTP) )的第一次接触,即大家熟知的Hakaton.如果你想对XTP有个很好的概况认识,我推 ...
Project Pacific的第一次接触(转）
这是己亥年的最后一篇公众号更新,想谈谈自己与VMware Pacific产品的第一次接触,提供一些配置的参考,感兴趣的朋友们可以一起对照着在自己的环境中进行模拟. 首先我们来看几张演示用例: 这可能是 ...
第一次接触APK【破解纪实】
前言昨天刚把公司任务弄得差不多.同事想学粤语,下了一款XX粤语手机APP,让我帮他弄下.之前也没接触过APK,这次就当学习好了. 先下个JDK装好再把Android SDK NDK统统装好,配置 ...

第一次接触实际的项目

前言

第一次接触实际的项目相关推荐

最新文章

热门文章