uniapp添加一言并且自己搭建一个一言

准备工作

首先有个一言,一个小程序,一个uniapp。这里我用了自己博客的小程序来吧。

搭建一言

download
来源:默认下载 | 提取码: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之类的参数所以直接声明就好了

THE END
本站版权©️ 张游鑫版权所有