精易论坛

标题: 可视化设计uniapp+CCHTTP实现的get post 表单提交例子 [打印本页]

作者: diygw    时间: 2022-9-3 11:41
标题: 可视化设计uniapp+CCHTTP实现的get post 表单提交例子
[attach]1195127[/attach]
[attach]1195128[/attach]
[JavaScript] 纯文本查看 复制代码
.版本 2
.支持库 spec

.程序集 窗口程序集_启动窗口
.程序集变量 网站, CC网站

.子程序 __启动窗口_创建完毕

网站.创建 (, )
网站.zc接口 (&GET演示, “/api/get”, , , , , , , , , , , , #GET)  ' 只接收GET请求
网站.zc接口 (&POST演示, “/api/post”, , , , , , , , , , , , #POST)  ' 只接收POST请求
网站.zc接口 (&POST提交JSON演示, “/api/json”, , , , , , , , , , , , #POST)  ' 只接收POST请求
网站.zc接口 (&POST提交表单演示, “/api/form”, , , , , , , , , , , , #POST)  ' 只接收POST请求

网站.启动 (, 3333)


.子程序 GET演示, 逻辑型
.参数 指针, 整数型
.局部变量 接口, CC接口

取回接口 (指针, 接口)
调试输出 (“=======GET参数接收========”)

调试输出 (接口.取参数 (“title”))
调试输出 (接口.取所有参数 ().到JSON ())


接口.回复文本 (“DIYGW+易语言CCHTTP实现GET接口成功!” + 接口.取参数 (“title”), )
return (假)


.子程序 POST演示, 逻辑型
.参数 指针, 整数型
.局部变量 接口, CC接口
.局部变量 所有参数, json对象
.局部变量 返回结果, json对象

取回接口 (指针, 接口)
调试输出 (“=======POST参数接收========”)
' 下面这个代码可以获取到所有的参数
所有参数 = 接口.取所有参数 ()

调试输出 (所有参数.到JSON ())

' 下面这个方法和上面的类似,但是可以直接操作
' 接口.参数表 ()

' 例如这样操作:
接口.参数表 ().置文本 (“message”, “DIYGW+易语言CCHTTP实现POST接口成功!”, )

接口.参数表 ().置整数 (“code”, 200, )

接口.参数表 ().置文本 (“title2”, 接口.取参数 (“title”) + “加工了”, )

' 这种情况下,如果想获取GET参数可以这样:
调试输出 (接口.取GET参数 ())

接口.回复文本 (所有参数.到JSON (), )

' 自定义返回JSON结果
' 返回结果.置整数 (“code”, 200, )
' 返回结果.置文本 (“message”, “DIYGW+易语言CCHTTP实现POST接口成功!”, )
' 接口.回复JSON_自定义 (返回结果, )

return (假)


.子程序 POST提交JSON演示, 逻辑型
.参数 指针, 整数型
.局部变量 接口, CC接口
.局部变量 所有参数, json对象
.局部变量 数组, json数组

取回接口 (指针, 接口)
调试输出 (“=======JSON参数接收========”)

' 如果请求头中的 content-type 指定了类型为JSON传递,那么可以直接取JSON参数了
' JSON传递给了我们更多的可能,例如传递复杂的数据结构,传递数组

' 你可以这样的获取所有参数,这和前面的例子是一样的
所有参数 = 接口.取所有参数 ()
调试输出 (所有参数.到JSON ())

' 除了像前面那样回复数组,还可以直接回复JSON,下面演示了回复我们常用的JSON结构 (包含了状态码,是否成功,状态说明,数据等)
接口.回复JSON (“请求成功”, 0, 所有参数, 真)  ' 这里的默认键名是可以通过: 网站.配置_回复JSON格式 ()  进行修改的!

' 当然你也可以回复自定义的JSO你参数:
' 接口.回复JSON_文本 ()
' 接口.回复JSON_自定义 ()

' (注意!回复XXX 命令只能同时调用一个)

return (假)  ' 这里的真假与否会决定是否走后置全局接口,如果你不懂这是什么意思没有关系,等等看下我们后面的例子或视频教程即可!


.子程序 POST提交表单演示, 逻辑型
.参数 指针, 整数型
.局部变量 接口, CC接口

取回接口 (指针, 接口)

接口.置响应头 (“Access-Control-Allow-Origin”, “*”)
接口.置响应头 (“Access-Control-Allow-Methods”, “GET, POST, OPTIONS”)
接口.置响应头 (“Access-Control-Allow-Credentials”, “true”)
接口.置响应头 (“Access-Control-Max-Age”, “3600”)
接口.置响应头 (“Access-Control-Allow-Headers”, “content-type”)

调试输出 (“=======表单参数接收========”)
调试输出 (接口.取所有参数 ().到JSON ())
' 如果遇到模块无法解析的情况,你可以这样操作自己去写解析哦:
接口.取请求体 ()  ' 与下面一行功能一致,只是为了方便不同易友的习惯
接口.取原始请求数据 ()  ' 与上面一行功能一致,只是为了方便不同易友的习惯

接口.参数表 ().置整数 (“code”, 200, )
接口.参数表 ().置文本 (“msg”, “DIYGW+易语言CCHTTP实现POST表单成功!”, )

接口.回复文本 (接口.取所有参数 ().到JSON ())  ' 我们直接简单的写一下 当检测到请求头中有formdata字样,模块便会自动根据表单形式解析
return (假)  ' 这里的真假与否会决定是否走后置全局接口,如果你不懂这是什么意思没有关系,等等看下我们后面的例子或视频教程即可!


' 上传文件可以看专门的上传文件例子哦!


[HTML] 纯文本查看 复制代码
<template>
        <view class="container">
                <view class="diygw-form-item diygw-col-24">
                        <view class="title"> 搜索 </view>
                        <view class="input">
                                <input class="flex1" name="title" comfirm-type="done" type="text" v-model="title" placeholder="请输入提示信息" />
                        </view>
                </view>
                <view class="flex diygw-col-24">
                        <button @tap="navigateTo" data-type="dataApi" class="diygw-btn green flex1 margin-xs button-button-clz">按钮</button>
                </view>
                <view class="diygw-col-24">
                        {{ data }}
                </view>
                <view class="flex diygw-col-24">
                        <button @tap="navigateTo" data-type="page" data-url="/pages/post" class="diygw-btn green flex1 margin-xs button1-button-clz">跳转到POST接口页面</button>
                </view>
                <view class="flex diygw-col-24">
                        <button @tap="navigateTo" data-type="page" data-url="/pages/form" class="diygw-btn green flex1 margin-xs button2-button-clz">跳转到表单页面</button>
                </view>
                <view class="flex diygw-col-24">
                        <button @tap="navigateTo" data-type="page" data-url="/pages/json" class="diygw-btn green flex1 margin-xs button3-button-clz">跳转到JSON提交</button>
                </view>
                <view @tap="navigateTo" data-type="page" data-url="/pages/post" class="diygw-col-24"> 跳转到POST接口页面 </view>
                <view class="clearfix"></view>
        </view>
</template>

<script>
        export default {
                data() {
                        return {
                                //用户全局信息
                                userInfo: {},
                                data: `DIYGW+易语言CCHTTP实现GET接口成功!`,
                                title: ''
                        };
                },
                onShow() {
                        this.setCurrentPage(this);
                },
                onLoad(option) {
                        this.setCurrentPage(this);
                        if (option) {
                                this.setData({
                                        globalOption: this.getOption(option)
                                });
                        }

                        this.init();
                },
                methods: {
                        async init() {
                                await this.dataApi();
                        },
                        // GET接口 API请求方法
                        async dataApi() {
                                let data = await this.$http.get(
                                        '/api/get',
                                        {
                                                title: this.title
                                        },
                                        {},
                                        'json'
                                );
                                this.data = data;
                        }
                }
        };
</script>







作者: 忧郁之子    时间: 2022-9-3 13:28
谢谢分享,支持一下
作者: xb982577146    时间: 2022-9-4 12:42
原文件比较大,放在了网盘,自由下载  链接: https://pan.baidu.com/s/1DGLqtcZ4_e9lKqJZr6Dk9Q?pwd=uj2w 提取码: uj2w 复制这段内容后打开百度网盘手机App,操作更方便哦
作者: 藏梦阁    时间: 2022-9-5 08:53
谢谢分享,支持一下
作者: LLZWWY    时间: 2022-9-5 13:31
感谢分享
作者: hanson1025    时间: 2022-9-8 10:28
这个应该很好的吧
作者: samso    时间: 2022-9-11 13:36
谢谢分享
作者: 天外飞雪    时间: 2022-9-12 11:23
非常好非常好非常好
作者: 飞宇    时间: 2022-9-12 17:44

作者: fusiyon    时间: 2022-9-13 12:15
感谢发布原创作品,精易因你更精彩!
作者: 1078848263    时间: 2022-9-15 20:25
我直言多余了  问答区基本都是奔着荣誉值的,精币值几个钱,随便充几十块钱就花不完了
作者: quary888    时间: 2022-9-18 19:18
谢谢楼主分享!!! 好人一生平安!!!
作者: 沉默1212    时间: 2022-9-18 21:41
dfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfs
作者: 江小白666    时间: 2022-9-19 13:36
休息休息吧
作者: 江小白666    时间: 2022-9-19 14:09
学习下。。。。。。。。。。。。。。。
作者: 吞吞吞    时间: 2022-9-19 14:52
666666666666666
作者: 痴情公子    时间: 2022-9-19 15:52
感谢分享
作者: 字小白    时间: 2022-9-19 19:19
感谢分享!!!
作者: zhai645492807    时间: 2022-9-25 13:17
66666666666666666666666666
作者: yvh3344    时间: 2022-9-26 12:26
感谢分享!!!
作者: 吃猫的小鱼    时间: 2022-9-27 11:21
可视化那个是个好东西,但是动不动就挂了也是神奇。
作者: BmpCmdVmp    时间: 2022-10-4 20:20
试试这个
作者: BmpCmdVmp    时间: 2022-10-4 20:22
片子吧,根本就没有你截图的这些东西
作者: xiaoxiaoqiu123    时间: 2022-10-9 07:57
感谢发布原创作品,精易因你更精彩
作者: tmdgdx    时间: 2022-10-18 08:24
感谢分享
作者: tmdgdx    时间: 2022-10-19 08:19
感谢分享
作者: xb982577146    时间: 2022-11-15 11:24
66666666666666666666666666666666
作者: TYU2021    时间: 2022-11-23 15:31
感谢分享!!!
作者: 曜辉    时间: 2022-12-4 22:25
可视化这个东西,要是能商业化,潜力也非常大的说!
作者: 世云达网络    时间: 2022-12-11 10:35
提示: 作者被禁止或删除 内容自动屏蔽
作者: opq123    时间: 2022-12-13 16:09
        支持开源~!感谢分享
作者: 世云达网络    时间: 2022-12-26 20:48
提示: 作者被禁止或删除 内容自动屏蔽
作者: lyjzyq    时间: 2023-1-8 19:17
学习学习学习
作者: lyjzyq    时间: 2023-1-8 19:18
学习学习学习
作者: 曜辉    时间: 2023-1-22 21:27
怎么导入到可视化里面呢~
作者: zdr15    时间: 2023-3-4 00:28
支持!!!!!
作者: zhangx1aoxi    时间: 2023-3-23 13:20
        CC + DIY 项目已完成 感谢大佬指点
作者: ujff77    时间: 2023-4-4 18:30
感谢发布原创作品,精易因你更精彩!
作者: FaceAbout    时间: 2023-4-5 10:02
CCHTTPCCHTTP
作者: FaceAbout    时间: 2023-4-5 10:03
CC + DIY 项目已完成 感谢大佬指点
作者: Mouth    时间: 2023-6-8 13:30
感谢分享
作者: 515667395    时间: 2023-6-24 12:54
多谢分享
作者: 221211    时间: 2023-9-6 11:33
感谢分享,学习下
作者: sdlovets    时间: 2024-1-10 16:49
可视化很方便
作者: uq2ktdwt    时间: 2024-1-27 15:04
感谢分享,很给力!~
作者: 2422346948    时间: 2024-1-28 01:45
太棒了,正好需要
作者: 2422346948    时间: 2024-1-28 01:46
感谢分享
作者: wuyou1234    时间: 2024-2-18 10:41
嗯,真是好东西,一定先收藏,在点赞。
作者: なす随风ぬね    时间: 2024-2-18 20:01
支持开源~!感谢分享
作者: 夜深了YsL    时间: 2024-10-16 11:21
支持开源~!感谢分享
作者: 夜深了YsL    时间: 2024-10-16 11:26
如果你的网站东西免费用。早就遍地开花了
作者: 人头收割机    时间: 2024-11-18 10:55
东西看了一下还行。但是收费有些高,这玩意现在遍地都是不算什么了一年1k还有限制。就没必要了
作者: juzi520    时间: 2024-11-18 16:10
支持开源~!感谢分享
作者: cenjinqing    时间: 2024-12-5 22:24
这是好东西啊 值得学习
作者: kyo9766    时间: 2024-12-19 16:23
很好用,感谢分享
作者: 素颜也倾城    时间: 2024-12-28 20:51
可视化设计uniapp
作者: lxh3936815    时间: 2025-1-3 09:43

作者: lxh3936815    时间: 2025-1-3 09:44
学习一下
作者: liushuku    时间: 2025-1-6 09:11

作者: 给自己留一片天空    时间: 2025-1-9 15:03
新技能已get√
作者: lijie0479    时间: 2025-2-21 23:50
学习一下
作者: 人头收割机    时间: 2025-4-18 12:38
支持开源~!感谢分享
作者: 温柔的一条鱼    时间: 2025-5-14 16:25
66666666666666666
作者: shuya1    时间: 2025-5-20 15:49
感谢分享,很给力!~
作者: zz1596    时间: 2025-6-11 15:09
老铁,双击696969...




欢迎光临 精易论坛 (https://125.confly.eu.org/) Powered by Discuz! X3.4