开启掘金成长之旅!这是我参与「掘金日新计划 · 12 月更文挑战」的第8天,点击查看活动详情
-
创建一个uniapp项目首先需要下载HBuilder,然后点开这个软件新建一个uniapp项目即可,如下图所示:
-
-
然后我们就可以编写我们的uniapp项目了,我们的这个项目是一个学习类的app,有文章浏览以及答题训练知识普及等等。
-
首先我们先完成我们的文章浏览页面,具体的样式如下图所示:
- 首先我们先在项目里面创建一个myserver文件夹,在这个文件夹里面输入cmd进入终端窗口安装json-server进行数据的编写,在这个文件的终端窗口下面输入json-server --watch db.json,然后等一会就会出现一个文件名为db.json,这里面是编写我们文章数据的,然后用vscode打开这个文件,编写文章数据的接口,我的接口格式如下图所示:
基本的格式如这张如图所示,可以多写几条待会好展示
-
数据写好了之后就需要在前端发送reques请求了,这里我们先封装一下request,在项目里面创建一个utils工具类文件夹,里面创建一个request.js文件,用来封装我们的request
-
首先我们需要创建一个基础的路径,即baseUrl,基础路径即为我们json-server跑的本地端口http://localhost:3000 ,然后封装一个请求头,再封装一个request,当请求成功之后返回res,失败之后返回err。