项目经验#关于前端后台项目的从0-1到1开发记录（二）

---

前言

前面我们说到，因为没有ui的缘故，我们是基于原型图开发的最初模型。在简单的还原我们原型图的基础上，和后端进行简单的数据交互。整个流程，大致做了一个规范。后面我们的需求，就可以按部就班的进行了。

---

一、技术

该项目使用的技术是基于公司的后台框架模板进行的二次开发。但是由于，我们项目想要达到的效果和公司框架中的效果不一样。大部分是要自己进行重新封装的。 前端运用的技术是vue，什么请求那些都是原本的框架封装好的，如果没有也可以自己封装一个请求（网上很多，此处也就不一一列出）。其他的也是用框架（模板）封装好的就行，有详细的使用介绍文档。跟vue-admin那个模板差不多的用法。因为隐私原因，在这里就不做过多介绍。 后端主要是go还是python，我给忘了。因为不是我负责的，我就没有详细的了解。

二、开发

1.静态样式

算起来，大概有20个界面，都是比较简单的图表展示，我这里是由于简单的只要完成一个雏形，所以都是很简单的运用element ui简单的把静态的布局，完成。大概花了两天的时间，20个静态界面，一一搞定。但是存在一些细微的排版问题。我们这边，前期也是不用太较真，因为听说后面要有ui进来对我们整个平台的项目进行重新的设计，到时候，很多东西都要重新写一遍，就很麻烦。所以，前期我们就只要功能可以实现，用的起来就行。

2.数据交互

简单的界面已经搭建起来了，我们项目除了数据的交互完成，目前就没有其他的事情。但是，我们这边为了项目的时效性，前端可以根据要展示的效果，将我们的数据进行mock，提前完成项目的功能。毕竟，如果要等后端现在把项目的接口，一个一个给你完成，再给你联调。还是会比较花费时间的。一个周，下来我们这边才把数据的联调跑通。因为后端那边也是不了解我们这边的安排，所以两个人讨论，最后定下来，在进行测试，就花费的时间比较多。 某个界面的接口联调，最后还是完成了。功能也大概完成。

总结

简单的数据交互，我们这边已经完成。现在，数据跑通是没有问题的了。这边，收到通知还是要改ui，所以，我这边提出为了节约成本，暂停项目。等ui那边的设计出来了，我们这边再重新的接入开发。 其他的交互已经，跑通。就等ui设计稿了。