FastAdmin前端开发——词条生成二维码

最新推荐文章于 2025-11-01 13:17:27 发布

原创

最新推荐文章于 2025-11-01 13:17:27 发布 · 1.7k 阅读

9 ·

CC 4.0 BY-SA版权

文章标签：

#前端

一、前端开发基础文件

序号	文件路径	功能
1	application/index/controller	控制器文件
2	application/index/lang/zh-cn	语言包
3	application/index/model	模型文件
4	application/index/view/common/sidenav.html	左侧菜单栏
5	application/index/view/index.html	右侧列表视图
6	application/index/view/add.html	添加页面视图
7	application/index/view/edit.html	编辑页面视图
8	application/index/view/detail.html	查看页面视图
9	public/assets/js/frontend	功能模块JS文件

二、生成二维码操作效果图

三、新增二维码按钮

（1）文件位置：application/index/view/你自己的菜单名/index.html

（2）增加代码：

<a href="javascript:;" data-id="{$list.id}" class="btn btn-success btn-xs btn-qrcode" data-toggle="tooltip" title="生成二维码"><i class="fa fa-qrcode"></i></a>

（3）如下图：

四、增加对应的点击事件

（1）文件位置：public/assets/js/frontend/菜单名.js

（2）增加代码：

$(".btn-qrcode").click(function(e){
                let id = $(this).data('id');
                e.stopPropagation();
                e.preventDefault();
                Fast.api.ajax({
                    url: '/api/index/createQrcode',
                    data: {
                        id: id