vue项目SaaS平台开发所用技术与开发总结

项目总结

经过了半个月的不懈努力，我们小组终于大体上的完成了本次项目的开发。在本次开发过程中，我们遇到了太多的问题和困难，但是都在我们小组和老师的班助下，得到迎刃而解。

在项目的刚开始几天，我们迷茫着，因为后端服务器需要我们自己写，所以包括接口文档，大致的UI原型图，数据库，数据表，字段这些全靠我们自己建，在这期间也是我们最迷茫的时候。因为相互关联的数据表实在是太多了，导致刚开始还没码代码就已经搞得人都快晕了。但是后来经过了三天的不懈努力，我们加班加点，每天都快到十二点才回去，终于把这些初步的工作完成了。

接下来就是我们我们正式开始的时候。最主要的敲代码，实现功能和业务逻辑。项目的第四天，也就是我们刚开始正式开始敲代码的第一天，我搭好简单的nodejs的框架，然后大家各自先大致的写完后端nodejs的接口和一些简单的SQL语句，刚开始发现还好，因为毕竟刚开始写，还没有涉及到多表联查，然后经过了大半天的时间，就把接口这些都写好在了后端，但实际上也仅仅只是一部分的接口和一些简单的SQL语句，这就好像是先搭好毛坯房，有个雏形，后面再慢慢的完善。

第五天，也是项目开始的第二天，我们今天开始了前端的构建。首先还是我用脚手架把vue框架搭好，然后放到码云上面让组员们都拉下来开始写直接负责的模块和页面。我也开始写我所负责模块。首先我写的是整个页面的顶部和侧边，仔细看了原型图举出的功能和样式之后，去elementUI找了很多组件，然后把基本的样式和功能都写了出来，当然其中也花费了大量的时间，遇到了很多难以解决的问题，就包括elementUI的样式都很难改掉，但是还是在慢慢的摸索中把样式和功能都写了出来。

后面的时间就是写数据的渲染，当然这肯定就是得用到后端的接口，但是前边写的都是最基本的，还有很多关于数据库的SQL语句都没有完善，需要我们一点一点的琢磨，SQL语句是我们小组每一个人遇到的最难的部分。

时间飞快的流逝，距离项目结束的时间越来越近，但是我们的完成率却还是严重不足，我们每天都在加班加点，晚上到11点多钟才下班回去。终于赶在项目所给时间的最后一天完成了，因为之前我们每天都在合代码，所以最后一天留给我们合代码的时间就完全是够了的，我们合完代码之后一遍又一遍的检查一些显眼的样式差距和小bug，之后没过多久就把一些样式之间的差距都改的七七八八了，终于到了项目上线的那一天了，我们小组的每一个人都到了讲台上开始了自己的评讲，最开始以项目组长讲的整个项目流程和业务逻辑，然后再到我们自己的个人模块和模块所实现的功能，终于在我们每一个人极力的讲解和描绘把整个项目流程都给跑通了。之前有过紧张，有过担忧，但是都在这次讲解完毕之后一一告破。非常感谢组员们的共同努力，让我们的项目能在本次规定时间里基本的完成。包括以后项目会发生的一些小问题我们都会更好的完善。

在这次项目中，我们学会了很多前所未有的新知识，更加深刻的掌握了vue的语法和一些vue项目中经常会犯的错误，最大的其实还是在遇到困难时不惊慌，不要觉得很迷茫，想自己百度，在百度中总会有自己说需要的答案。也可以和组员们共同解决这个困难，让组员们也了解到这些经常可能会出现的报错情况，加深印象，以后再遇到时就很容易的解决。其实更让我们理解和学到的东西是如何解决问题的方法。而这次项目也让我明白团队配合的重要性，大家互相帮助，互相学习，毕竟，你不是一个人在战斗！

所用技术

vue-cli ，创建vue 

vuex 用于组件间的通信和传值

vue-Router  vue的路由，用于页面之间的跳转

axios 

先引入axios

再把axios加入Vue的原型

Vue.prototype.$axios = axios

elementUi 

moment   vue中的时间转化工具模块