Fastadmin 等一些thinkphp5 larval的后台框架程序 bootstraptable 自定义js 实现动态列 的实现方法1 ,通过nginx apache rewrite 重定向

需要实现不定长度的列

fastadmin 为例

表格的实现是

define(['jquery', 'bootstrap', 'backend', 'table', 'form'], function ($, undefined, Backend, Table, Form) {var Controller = {index: function () {// 初始化表格参数配置Table.api.init({extend: {index_url: 'supplier/product/index',add_url: 'supplier/product/add',edit_url: 'supplier/product/edit',del_url: 'supplier/product/del',multi_url: 'supplier/product/multi',table: 'supplier_product',}});var table = $("#table");// 初始化表格table.bootstrapTable({url: $.fn.bootstrapTable.defaults.extend.index_url,pk: 'id',sortName: 'id',columns: [[{checkbox: true},{field: 'id', title: __('Id')},{field: 'productName', title: __('Productname')},{field: 'productCode', title: __('Productcode')},{field: 'productWeight', title: __('Productweight'), operate:'BETWEEN'},{field: 'createtime', title: __('Createtime'), operate:'RANGE', addclass:'datetimerange', formatter: Table.api.formatter.datetime},{field: 'updatetime', title: __('Updatetime'), operate:'RANGE', addclass:'datetimerange', formatter: Table.api.formatter.datetime},{field: 'status', title: __('Status'), visible:false, searchList: {"normal":__('normal'),"hidden":__('hidden')}},{field: 'status_text', title: __('Status'), operate:false},{field: 'operate', title: __('Operate'), table: table, events: Table.api.events.operate, formatter: Table.api.formatter.operate}]]});// 为表格绑定事件Table.api.bindevent(table);},add: function () {Controller.api.bindevent();// 初始化表格参数配置Table.api.init({extend: {index_url: 'product/attr/value/index',add_url: 'product/attr/value/add',edit_url: 'product/attr/value/edit',del_url: 'product/attr/value/del',multi_url: 'product/attr/value/multi',table: 'product_attr_value',}});var table = $("#table");// 点击添加SKU$(document).on("click", ".btn-add-sku", function () {var productCode = $("#c-productCode").val();if(productCode == ""){Layer.alert("产品编码不能为空");}else{Fast.api.open("product/attr/value/add?productCode=" + productCode, "添加子SKU");}});// 点击添加属性$(document).on("click", ".btn-add-attribute", function () {var productCode = $("#c-productCode").val();if(productCode == ""){Layer.alert("产品编码不能为空");}else{Fast.api.open("product/attribute/add?productCode=" + productCode , "添加商品属性");}});// 初始化表格table.bootstrapTable({url: $.fn.bootstrapTable.defaults.extend.index_url,pk: 'productCode',sortName: 'productCode',columns: [[{checkbox: true},{field: 'attr_id', title: __('Attr_id')},{field: 'attr_price', title: __('Attr_price')},{field: 'operate',title: __('Operate'),table: table,events: Table.api.events.operate,formatter: Table.api.formatter.operate}]]});// 为表格绑定事件Table.api.bindevent(table);},edit: function () {Controller.api.bindevent();},api: {bindevent: function () {Form.api.bindevent($("form[role=form]"));}}};return Controller;
});

对应的是js 。无法实现动态列

实现方法1

apache  win10 phpstudy测试

.htaccess

<IfModule mod_rewrite.c>Options +FollowSymlinks -MultiviewsRewriteEngine OnRewriteCond %{REQUEST_FILENAME} !-dRewriteCond %{REQUEST_FILENAME} !-f#RewriteRule  ^/assets/js/backend/supplier/product.js$ /admin/supplier/product/js#RewriteRule ^(.*)$ index.php [L,E=PATH_INFO:$1]RewriteRule ^((?!.*product\.js).*)$ index.php?/$1 [QSA,PT,L]#RewriteRule ^assets/js/backend/supplier/product.js$ /admin/supplier/product/js#RewriteRule  /assets/js/backend/supplier/product.js /admin/supplier/product/js
</IfModule>

nginx 通过 win10 phpstudy测试

vhost.conf

server {listen       80;server_name  6.com ;root   "C:/phpStudy/WWW/6.com/fastadmin/public";location / {index  index.html index.htm index.php;#autoindex  on;if (!-e $request_filename) {rewrite ^/assets/js/backend/supplier/product.js$ /admin/supplier/product/js;rewrite ^((?!product\.js).*)$ /index.php?s=$1 last;#rewrite  ^(.*)$  /index.php?s=/$1  last;break;}}#include thinkphp5.conf;location ~ \.php(.*)$ {fastcgi_pass   127.0.0.1:9000;fastcgi_index  index.php;fastcgi_split_path_info  ^((?U).+\.php)(/?.+)$;fastcgi_param  SCRIPT_FILENAME  $document_root$fastcgi_script_name;fastcgi_param  PATH_INFO  $fastcgi_path_info;fastcgi_param  PATH_TRANSLATED  $document_root$fastcgi_path_info;include        fastcgi_params;}
}

Fastadmin 等一些thinkphp5 larval的后台框架程序 bootstraptable 自定义js 实现动态列 的实现方法1 ,通过nginx apache rewrite 重定向相关推荐

  1. 基于layuiCMS2.0开发后台管理系统,实现自定义分页并动态加载数据表格的示例...

    2019独角兽企业重金招聘Python工程师标准>>> 公司让做一个app基础数据管理后台系统,前端就以layuiCMS2.0为模板,拷贝到项目resources/static目录下 ...

  2. cmdb python 采集虚拟机_Python编程(三十四):CMDB后台管理、封装自定义JS组件、前端td标签定制显示内容及属性...

    一. CMDB后台管理 CMDB管理主要分为采集资产.API接口.后台管理.这里主要介绍CMDB后台管理. - 采集资产 - API - 后台管理- 资产列表- 业务线列表- 用户列表- 组列表... ...

  3. php后台架构,架构 · FastAdmin - 基于ThinkPHP5的极速后台开发框架文档 · 看云

    ## 架构总览 FastAdmin基于MVC的设计模式,将我们的应用分为三层(模型M.视图V.控制器C). ## 目录结构 FastAdmin目录结构遵循ThinkPHP5官方建议的模块设计: ~~~ ...

  4. Spring3.2.0-mybatis3.2.0 基于全注解搭建的后台框架-基础版

    2019独角兽企业重金招聘Python工程师标准>>> 摘要: Spring3.2.0-mybatis3.2.0 基于全注解搭建的后台框架-基础版 没有什么不可能  之前一直用的是自 ...

  5. 基于ASP.Net Core开发的一套通用后台框架

    基于ASP.Net Core开发一套通用后台框架 写在前面 这是本人在学习的过程中搭建学习的框架,如果对你有所帮助那再好不过.如果您有发现错误,请告知我,我会第一时间修改. 知其然,知其所以然,并非重 ...

  6. layui 刷新页面_layuimini简洁、清爽、易用的layui后台框架模板

    简介 layuimini最简洁.清爽.易用的layui后台框架模板.它基于jquery3.4.1 和 layui2.5.4 实现.整套后台大约有20个页面,满足常用的后台管理,如果有基于jquery ...

  7. PHPCMS后台框架实现思路

    PHPCMS后台框架实现思路[原创] 时间 2014-11-27 10:12:19 极客头条 原文  http://blogs.zmit.cn/3589.html 1.打开后台入口文件admin.ph ...

  8. 理想的互联网服务后台框架的九个要点

    理想的互联网服务后台框架的九个要点 对于互联网服务后台团队,开发框架的选择是非常关键的一个问题,多年的海量服务经验和教训使得我们团队深刻的认识到: 要尽早规范团队的开发服务框架,避免到了后期,各种开发 ...

  9. 关于vue 框架与后台框架的混合使用的尝试

    这几天我在研究前台框架和后台框架融合的问题,进行了一些尝试; 我前台选择的是 vue,当然也可以选择 react 等其他 mvvm 框架,不过 vue 对于我来说是最熟悉的; 后台话,我选择的是 ph ...

最新文章

  1. 面试时候可以问的问题集锦
  2. 机器学习笔记(二)模型评估与选择
  3. Chargen DoS攻击
  4. 干货 | 仅需10分钟,开启你的机器学习之路!
  5. Android 沉浸式透明状态栏与导航栏
  6. Android添加Header请求参数实例,java响应header请求实现demo
  7. org.hibernate.exception.ConstraintViolationException: Could not execute JDBC batch update
  8. python考勤分析
  9. php数组重置,php 重置数组索引,兼容多维数组
  10. PHP导出MySQL数据字典 Summer-Mysql-Dic
  11. offset must be non-negative and no greater than buffer length (0)(tensorflow.keras)
  12. unity 中画布随相机视野实时变化
  13. greensock下载_使用GreenSock构建可拖动的画布外菜单
  14. JAVA基础知识点总结
  15. 会议论文出版地和出版者
  16. 衍生品定价一:远期与期货定价
  17. 利用微信JSSDK调用微信扫一扫功能
  18. extjs 中时间控件中 时分秒
  19. 【Android实战】----基于Retrofit实现多图片/文件、图文上传
  20. 【信息安全】EDR、HIDS、NDR、MDR、XDR 区别与联系

热门文章

  1. 数学智力题 武士数独题目_这5道数学智力题,“虐哭”很多家长,难倒众多大学生...
  2. 世界排名第一的永久免费开源ERP:Odoo生产制造管理功能概述
  3. 安卓笔记之xutil下载apk并安装
  4. 一测振系统包括微型计算机,机械工程师职称考试真题及答案「2016」
  5. 全球超 900 家 App 开发商收入超百万美元,几家欢喜几家愁?
  6. WTF Solidity极简入门: 39链上随机数
  7. telnet服务端c 语言源码,Telnet服务端易语言源码
  8. IT业潜规则 通奸的不如强奸的
  9. 小曾曾读书笔记 ||《大数据实践之路》
  10. 3.5背景图像固定(背景附着)