关于若依vue前后端分离项目

简言

时隔好久，又在这里更新我的随笔。此次是在接近年底接到的一个vue后台管理系统，这个系统是用来显示仓库物料的出库，入库等操作，目标是可以让不同身份（这里只公司职位）的人可以在系统中申请物料，入库物料，上级审核申请做出审批，最后由库管进行出货或者核销操作。

一，项目流程

1.首先就是原型图的设计，现在市面上有许多做原型图的产品，此次项目的原型图设计用到的是墨刀

之前也有用过摹客，由于这次的项目在原型上较为统一，而且要使用到element-ui，因此此次选用墨刀，它其中包含了许多后台的模板原型，可以拿过来直接使用，省去了我们搭架子的时间，同时也引入了element，这样就可以是我们的原型和做出了的样式更加接近。

2.项目初步搭建，使用的是若依前后端分离版，小伙伴完成了后台的搭建，我这里只需要完成前端样式的显示就可以了

首先是完成前端样式的显示，这个没啥好说的，多看看element-ui就能完成，毕竟那么多人推荐，肯定是有理由的

3.完成功能，这里更多的是考研js的功底，同时也需要小伙伴配合的默契，小伙伴完成权限和接口，我这里先看了一遍若依前端示例代码的逻辑，那里调接口，用什么方法等等，然后拿到后台的接口和权限字符完成功能

4.测试，这个比较有意思。

拿着最初的原型和客户的需求档案，一个一个功能的测试，同时看看样式有没有什么瑕疵，这个阶段可以看到自己的项目一点一点变的完美（就贼开心）

项目中遇到的问题

关于打印

1.项目中有一个需要打印的功能，但是window.print()方法，在打印完成后会刷新页面，而我当前页面是表单，不想被刷新

此处有许多方法，我在网上也查了许多，有些有用有些无用。

这里推荐一个插件，print.js，文件很小，直接拿到js文件就可以了，官方文档里还有css文件，不过我不需要也就没有花时间研究，有兴趣的小伙伴可以试试

2.插件中修改样式

打印的东西比较多，需要对打印的页面进行缩放

image.png

找到getStyle方法，然后模仿文件添加样式即可

这就是此次项目的记录，完。
身为一个代码搬运工，我也想让自己平凡的生涯在这世界上留下一点痕迹。