索引

NET Core应用框架之BitAdminCore框架应用篇系列

框架演示：http://bit.bitdao.cn

框架源码：https://github.com/chenyinxin/cookiecutter-bitadmin-core

一、简介

本篇讲解querySuite套件查询按钮区域的实现功能。

先来一张效果图，其实没啥特别的。

总共有5个已经做了默认实现的按钮：查询、添加、导入、导出、删除。只需要配置相应的链接即可。

因为框架使用的是前后端分离，所以前端实现事实上到webapi调用就算完成了。

二、查询按钮实现

查询功能代码包括两部分：1、按钮、2、查询url配置

运行效果

 三、 删除，导入、导出按钮实现

删除，导入、导出按钮的实现原理与查询一致，可以自行跟踪下交互参数。

代码出下：

 四、新增按钮实现

新增按钮实现打开一个新增窗口，需要结合formSuite表单套件，formSuite表单套件后续会详细介绍。

先看下运行效果

代码实现

注意：这里的表单，必须是formSuite表单套件，如果页面只有一个表单，可以不指定ID

 五、总结

querySuite按钮，总共包括四个数据交互实现：查询、删除、导入、导出。一个操作交互实现：新增。

querySuite按钮，通过action进行角色定义，同时承担权限控制，通过data-query-url、data-delete-url、data-import-url、data-export-url定义数据交互的url。

querySuite按钮，样式及位置可以自行修改，不影响功能，这个就是BitAdminCore布局与功能分离核心思想。

本系列文章链接：

BitAdminCore框架应用篇：（一）使用Cookiecutter创建应用项目

BitAdminCore框架应用篇：（二）创建一个简单的增删改查模块

BitAdminCore框架应用篇：（三）核心套件querySuite入门介绍

BitAdminCore框架应用篇：（四）核心套件querySuite按钮功能

BitAdminCore框架应用篇：（五）核心套件querySuite列的定义

BitAdminCore框架应用篇：（四）核心套件querySuite按钮功能的更多相关文章

  1. BitAdminCore框架应用篇：（五）核心套件querySuite列的定义

    索引 NET Core应用框架之BitAdminCore框架应用篇系列 框架演示:http://bit.bitdao.cn 框架源码:https://github.com/chenyinxin/coo ...

  2. BitAdminCore框架应用篇：（三）核心套件querySuite入门介绍

    索引 NET Core应用框架之BitAdminCore框架应用篇系列 框架演示:http://bit.bitdao.cn 框架源码:https://github.com/chenyinxin/coo ...

  3. NET Core应用框架之BitAdminCore框架应用篇系列

      BitAdminCore是基于NET Core2.0的后端快速开发框架,本篇主要目标是介绍如何使用框架开发应用.框架的一些特性等. BitAdminCore核心特性: 保留行业规范,减少学习成本. ...

  4. BitAdminCore框架应用篇：（二）创建一个简单的增删改查模块

    NET Core应用框架之BitAdminCore框架应用篇系列 框架演示:http://bit.bitdao.cn 框架源码:https://github.com/chenyinxin/cookie ...

  5. BitAdminCore框架应用篇：（一）使用Cookiecutter创建应用项目

      框架演示:http://bit.bitdao.cn 框架源码:https://github.com/chenyinxin/cookiecutter-bitadmin-core 一.简介 1.Coo ...

  6. CYQ.Data 数据层框架 CYQ.Data 数据框架 使用篇四 MAction 增删改

    本篇内容概要 本篇继续上一篇内容,本节介绍所有增删改的相关操作. 1:添加数据 Insert方法 2:删除数据 Delete方法 3:更新数据 Update方法 一:添加操作 方法原型: public ...

  7. BitAdminCore框架更新日志20180529

    索引 NET Core应用框架之BitAdminCore框架应用篇系列 框架演示:http://bit.bitdao.cn 框架源码:https://github.com/chenyinxin/coo ...

  8. BitAdminCore框架更新日志20180524

    20180524更新内容 本次更新两个内容,一是增加windows service,二是增加邮件发送功能. windows service windows service用于定期跑服务,网上有一些提供 ...

  9. BitAdminCore框架更新日志20180531

    索引 NET Core应用框架之BitAdminCore框架应用篇系列 框架演示:http://bit.bitdao.cn 框架源码:https://github.com/chenyinxin/coo ...

随机推荐

  1. Hibernate查询方式（补）

    -----------------siwuxie095                             Hibernate 查询方式         1.对象导航查询     根据已经加载的对 ...

  2. php Pthread 多线程 (六) Pool类 线程池

    Pool对象是多个Worker对象的容器,同时也是它们的控制器,对Worker功能更高抽象. 比如Worker是河,而线程是运行在河里的船.Pool则是管理着多条河. <?php //继承Col ...

  3. 转 git push 提示 Everything up-to-date

    git 还没有分支,需要指定一个($ git remote -v),就可以push了 第一步:$ git remote -v 第二步:$ git branch 转载链接: http://blog.cs ...

  4. Vue.js （Frontend & Backend）尝试前后端分离

    前言 前端用什么框架都可以,这里选择小巧的vuejs. 要实现的功能很简单:1.登录功能,成功将服务器返回的token存在本地2.使用带token的header访问服务器的一个资源 本次实验环境: & ...

  5. 【UML】UML类图关系（泛化 、继承、实现、依赖、关联、聚合、组合）

    http://www.cnblogs.com/olvo/archive/2012/05/03/2481014.html 继承.实现.依赖.关联.聚合.组合的联系与区别 分别介绍这几种关系: 继承 指的 ...

  6. Netty 源码 NioEventLoop（一）初始化

    Netty 源码 NioEventLoop(一)初始化 Netty 系列目录(https://www.cnblogs.com/binarylei/p/10117436.html) Netty 基于事件 ...

  7. 01 Maven 安装与配置

    Maven 安装与配置 1. Maven 介绍 Maven 翻译为 "专家","内行".Maven 是 Apache 下的一个纯 Java 开发的开源项目,它是 ...

  8. 彻底测试全部拷贝list相关操作的区别python

    1.用浅拷贝后修改数字,可以起到与原数据分离的效果 import copy origin = [, , [, ]] #origin 里边有三个元素:, ,[, ] cop1=origin.copy() ...

  9. DB2数据类型（抄袭）

    数字 数据类型        精度          最小值                                        最大值                       smal ...

  10. 2018.09.25 poj3070 Fibonacci（矩阵快速幂）

    传送门 矩阵快速幂板题,写一道来练练手. 这一次在poj做题总算没忘了改万能库. 代码: #include<iostream> #include<cstdio> #define ...