简单 web 服务与客户端开发实战

1.概述

利用 web 客户端调用远端服务是服务开发本实验的重要内容。其中，要点建立 API First 的开发理念，实现前后端分离，使得团队协作变得更有效率。

2.任务目标

1. 选择合适的 API 风格，实现从接口或资源（领域）建模，到 API 设计的过程
2. 使用 API 工具，编制 API 描述文件，编译生成服务器、客户端原型
3. 使用 Github 建立一个组织，通过 API 文档，实现 客户端项目 与 RESTful 服务项目同步开发
4. 使用 API 设计工具提供 Mock 服务，两个团队独立测试 API
5. 使用 travis 测试相关模块

3.swapi开发项目

模仿 https://swapi.co/ 网站

• 你需要想办法获取该网站所有资源与数据
• 给出 UI 帮助客户根据明星查看相关内容

4.实验内容

我负责的部分是前端部分,使用的框架是vue.js,由于之前很少写前端,似乎并没有用过框架,所以需要学习了一波vue.js,总体感觉用起来还是比较舒服的,不过只是会用轮子,并不知其原理,当然这轮子用得也不熟练.

常用命令:

• 创建并初始化vue脚手架项目

vue-cli init webpack name

• 安装相应的包,并保存在package.json里

npm install package --save

• 启动项目

npm run dev

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-IliOeuvc-1576504235869)(tree.png)]

前端主要工作就是在src目录写vue文件,vue文件分为三部分,为template,script,style,分别对应原生web网页的html,javascript,css,当然我们要利用一些中间件实现一些辅助功能,如路由功能等,然后我们实现向后端发送require,并将后端的response呈现在页面即可.

实验总结

通过这次实验,学到了一些前端知识,了解了API First的开发理念,并对RestFul的API有了更深的理解.