实习总结

引言

过年期间去A公司实习了，实习期间作了一个汽车保养优惠的功能，迭代到A公司的官网里。本来这个功能是已经有的，可是是用react写的，A公司想改成vue的。我在此次项目里负责的是UI界面的组件化实现。

项目描述

此项目首页是优惠券的展现，优惠卷分为三种：未使用，已使用，已过时。点击优惠劵，跳入‘确认车型’个页面。确认车型页面主要是让用户输入车牌号， 品牌车系以及排量年份。

在确认车型页面点击‘下一步’，进入‘预定保养’页面。此页面主要是显示用户信息，让用户选择保养时间，以及提供修改用户信息功能。

在‘预定保养’页面点击‘下一步’，进入‘配送完成’页面。此页面主要是让用户选择使用哪些保养产品，并将产品送至哪家门店，并让用户选择支付方式。

点击‘提交订单’，进入‘到店安装’页面。确认车型，预定保养，配送完成，以及到店安装。

这四个页面，每一个页面上面，都有一个步骤条。

实施方法

UI界面的实现采用组件化思想。将公用部分封装成组件，放入公用组件文件夹。将每一个页面分模块实现，模块放入页面所在文件夹的子文件夹里面。

这样作的好处是，能够大大下降代码之间的耦合度。

封装的公用组件有：省键盘，通知组件，步骤条。

• 通知组件 组件接收四个参数：标题，内容，是否显示‘取消’、‘肯定’按钮，回调函数名称。 第一个参数的默认值为舒适提示，第二个参数必须传递，第三个参数默认值为 我知道了 第四个参数是当有肯定按钮时，而且用户点击了，则此时调用父组件传递的回调函数。
• 步骤条 此组件接受一个数字参数，以及一个数组，数组里面是对象。对象里面是图片，以及文字。根据数字肯定当前进度在哪里。