项目简介
本次项目的要求是服务构建与前后端分离的开发。利用 web 客户端调用远端服务是服务开发实验的重要内容,还要建立 API First 的开发理念,实现前后端分离,使得团队协作变得更有效率。
任务分工
本次作业为小组作业,我们组采用了2个前端+4个后端的分配方式。我在本次任务中负责前端,以及最后的运行测试。
本次开发主要是使用了Vue-cli开发工具。本次实验遵循API First的开发理念,前后端分别根据API进行开发。
我在本次任务中
- 主要负责文章列表页面,文章内容页面以及错误页面的编写
主要工作就是编写对应页面的内容格式并调用相应API将得到数据显示在页面中。 - 负责其他页面格式的优化
- 运行测试
其中的难点在于,对VUE框架不是很熟悉,在VUE框架下的JS,CSS与无框架下的有一些语法上的区别,在编写的过程中需要查阅很多资料,花费了比较多的时间。同时,虽然之前学习过API,但是对API的使用还不是很熟练,在实际应用时遇到了一些bug。
具体的代码以及运行方法参见Github。
显示效果
-
初始界面
-
登录界面
-
文章列表
-
文章内容
-
评论内容
-
404页面