项目的技术选型及合作分工 | 青训营大项目笔记

70 阅读2分钟

这是我参与「第五届青训营」伴学笔记创作活动的第8天,我们小组做的项目是基于SSR的仿掘金官网,由于团队人员都会vue,所以采用vue的ssr框架nuext.js来编写前端代码,cms系统采用strapi记进行页面的数据配置,数据库使用mysql。服务器渲染就是将vue页面转换成html文件,将html页面传给浏览器,并且ssr生成的html是有内容的,可以让搜索引擎索引到页面内容。大大加快了首屏加载时间,由于nuxt是基于vue的框架,所以需要安装vue脚手架npm install vue-cli -g,然后初始化nuxt项目vue init nuxt/starter,nuxt具有路由模块,在page文件里面可以添加组件,不需要在router文件配置,用起来更方便,通过动态导入页面页面,拆分路由请求提供少量的js,通过<NuxtLink>组件链接页面,通过to属性去更新浏览器url进行页面转换。
strapi是基于nodejs的cms框架,可以自由配置数据托管平台,我们选择的数据库是myssql,可以定制自己的数据字段和接口逻辑,可视化数据操作更方便开发人员的使用,通过配置自己的database文件连接本地mysql,创建自定义的表和内容字段。
团队合作使用gitlab进行代码托管工具,邀请成员加入,配置仓库和分支的权限。
目前项目分工主要的路由配置、文章格式转换、页面样式、文章列表使用虚拟列表展示、cms的内容配置等方面,根据成员的自身情况分配任务,我负责的主要是任务分配、cms方面和项目的初始化配置。由于第一次使用strapi,不太熟悉,一边了解一边配置,大概花了一天半了解了strapi的用法和配置,确实方便了开发人员的使用,对于刚学习的前端新手又不太懂后端逻辑提供了很大的帮助,目前还有些问题正在尝试解决,要进行同步数据库,这样成员之间用起来也方便。
大家在项目上都特别用心,都想全力做出一个完美的项目,也难免出现一些bug,大家都努力的解决,我相信我们团队会取得一个好的成绩,这不仅对于我们技术上的提升,也可以在团队合作总会取得相应的经验和方法,大家都要加油!