用AI赚第一桶💰低成本搭建一套AI赚钱工具,源码可二开。 广告
#### 1.1、首先先在BS 中嵌入一个APP 界面,教程参考:[https://www.kancloud.cn/fesion/bsdocument/1804096](https://www.kancloud.cn/fesion/bsdocument/1804096) <br/> #### 1.2、数据库中创建测试表,保存按钮相关的信息 ~~~ create table app_btns( id int primary key identity(1,1), opeid varchar(100), btnName varchar(255), link varchar(255), enabled int ); ​ GO ​ insert into app_btns values('750001', '跳转百度按钮', 'https://www.baidu.com', 1); insert into app_btns values('750001', '跳转京东按钮', 'https://www.jd.com/', 1); ~~~ <br/> #### 1.3、新建APP表单 ![](https://img.kancloud.cn/45/b0/45b05833f71524fc28e12409a728b2ee_1269x554.png) <br/> #### 1.4、配置APP服务 ![](https://img.kancloud.cn/ef/a5/efa51493a92a9dc1c1912db4cfd290d4_1873x481.png) ~~~ <!-- '[proc@1@1]' 代表执行SQL 的第1行第1个返回参数,'[proc@1@2]' 代表第1行第2个返回参数 --> <button onclick="btnClick('[proc@1@1]', '[proc@1@2]')">[proc@1@1]</button> ~~~ <br/> **配置完这里后先保存一次,再点击修改!** ![](https://img.kancloud.cn/8c/0b/8c0b914dc453b6b46b3805f2d542472f_1871x386.png) ~~~ select btnName, link from app_btns where opeid = '750001' and enabled = 1 ~~~ <br/> **配置完成后保存,查看界面预览的效果** ![](https://img.kancloud.cn/b0/f1/b0f1dd051faaf8108b7a505273c3c7d2_1278x350.png) 调整服务那里配置的按钮样式,套用 bootstrap 的按钮样式,也可以自己自定义 bootstrap 文档地址:[https://www.runoob.com/bootstrap4/bootstrap4-buttons.html](https://www.runoob.com/bootstrap4/bootstrap4-buttons.html) ~~~ <button type="button" class="btn btn-primary" onclick="btnClick('[proc@1@1]', '[proc@1@2]')" style="width: 140px; margin-right: 10px; padding: 5px;">   [proc@1@1] </button> ~~~ 界面效果 ![](https://img.kancloud.cn/b4/be/b4be425002a75d6b3d0f6d51c221d826_491x186.png) <br/> #### 1.5、新建一个服务用来记录日志 ![](https://img.kancloud.cn/68/db/68db9e07413aa1425ed992445704083a_1345x461.png) ![](https://img.kancloud.cn/5d/84/5d84b420490b2cc43e3500db1e6b6a75_1119x247.png) ~~~ -- [ins@param1] 代表传入的第1 个参数,后面的类推 [ins@param2]、[ins@param3] ... insert into xt_temp(f1, f2) values('[ins@param1] 按钮被点击了!!!', getdate()) ~~~ <br/> #### 1.6、调整APP表单代码,加入点击执行方法 ![](https://img.kancloud.cn/b6/f9/b6f99ef7446013b2197cd9bc9fb0db3c_734x405.png) ~~~ <div id="btn_container"> ​ </div> <script>    // 7003-01 就是刚刚创建记录日志的服务编号    function btnClick(btnName, link) {        doclick('7003-01', btnName);        window.open(link);   } </script> ~~~ **保存后刷新前端界面,点击按钮测试效果** ![](https://img.kancloud.cn/67/c5/67c571351b312eff4cbe613eae9b9081_1179x468.png)