#### 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)
- 版本管理
- BS版本管理
- BS数据库版本号升级
- 升级功能说明
- 平台升级1
- 平台升级2
- 第一章.平台规则
- Java版本配置注意事项
- 浏览界面自定义排序规则
- 弹出框选择数据自定义排序
- BS固定参数说明
- 常用界面地址格式
- 第二章.环境搭建
- JDK环境搭建
- 免安装版JDK的配置方法
- Java版本BS搭建
- Linux系统搭建BS程序
- Linux安装JDK
- 第三章.业务功能
- 基础业务
- 快速建模
- 左侧菜单栏目
- BS表单详解(弹出选择、多页签)
- 主细表、三层表配置
- 弹出框配置
- 映射下拉配置
- 数据检查条件配置
- 流程图配置方法1
- Java版本BS嵌入APP页面
- BS文档中心配置
- 第二版流程图配置方法
- 第一版流程图配置方法
- 第三版流程图配置方法
- 特殊业务
- BS树页面配置
- BS用户组权限配置
- 业务查询条件
- 查询条件配置
- BS 查询条件 "单选框" 和 "复选框" 配置
- 常用高级功能
- 自动补全配置
- BS字段输入值检查
- 字段汇总配置
- 文件上传配置
- Java版本发送邮件配置
- 设置网格内容对齐方式
- 查询页面状态使用图标表示配置
- Java版本发送邮件并携带附件
- BS嵌入BI图表
- 计算字段
- 自动计算配置
- 修改网格颜色
- 值改变时修改刷新网格汇总
- 按钮功能
- 按钮功能设置
- 按钮背景颜色设置
- 自定义查询界面不检查是否勾选
- Excel导入数据配置
- sql导入表数据配置
- Excel导出子表数据配置
- 弹窗自定义业务配置
- 自动赋值主表数据
- 获取浏览状态下细表选中字段
- 获取自定义查询界面勾选数据
- 带出三层表明细
- 批量审核功能配置
- 打印配置
- Java版本中使用CS打印
- CS打印使用BS文档中心图片
- IReport打印配置
- IReport打印设置主细表关联显示
- IReport打印记录打印次数
- IReport打印不能打印黑体、宋体等自定义字体解决方案
- Ureport报表打印
- 第四章.特殊功能说明
- API数据交互规范
- Kettle同步工具使用指南
- 通过Token登录BS
- .Net版本BS免登陆跳转并打开业务
- BS帮助文档使用说明
- BS接口程序搭建
- 存储过程手动分页配置
- BS 负载均衡部署
- quickBi嵌入BS系统
- BS部署SSL证书(https访问)
- BS演示搭建同一端口转发到不同机器
- BS嵌入APP界面动态渲染按钮并记录点击日志
- 第五章.常见问题
- BS流程图或业务打开报错
- 常见问题及解决方案
- .Net版本BS登录页报错
- BS表单引用app表单常见问题
- 修改BS的网页Logo
- BS上传文件后无法下载
- Java程序CPU占用100%后排查定位
- Linux 安装Java 开发调试工具包
- Linux开机自启动sh 脚本