uniapp添加一言并且自己搭建一个一言
准备工作
首先有个一言,一个小程序,一个uniapp。这里我用了自己博客的小程序来吧。
搭建一言
来源:默认下载 | 提取码:p98w
下载完解压到根目录,具体的参数可以看它的php
dutang.txt就是存放一言的地方
好了之后访问一下如图就是成功搭建
写进小程序开始
首先给大家看下我的小程序界面
我要做的是把这行人生不相见 动如参或商给他换成一言
首先我们打开uniapp这个小程序未编译的文件,这是index的,所以我到index.vue里面找
这里就是公告也就是我自定义的地方
我们接下来就是给vue命令让它显示在这里
我们滑到下面的script这里
给它先来在return命名
one:[], //给它个命名
然后在onLoad里面赋值
this.getOne();
接着methods发起请求
getOne(){
//这里一定要对照上面的赋值
uni.request({
url:"xxxxx",//这里是你搭建的接口域名/+one
data:{
code:"json"
},
success: (res) => {
console.log(res.data);
// 将请求到的数据存放放到dataList中
this.one = res.data;
//这里则对应命名
}
});
}
这样的话就意味着已经把一言给导入进去了,我们保存打开开发者工具
控制台有了,但是要如何给它显示出来呢,这时滑到上面的公告部分
我们把这个变量给换成one
这里为什么要换成one的原因可以学点vue基础就会啦,返回值200则为正确,它是直接显示的,并没有放到content之类的参数所以直接声明就好了
版权声明:
作者:zyx
链接:https://www.thinkzyx.cn/107/
文章版权归作者所有,未经允许请勿转载。
THE END