文档建议反馈控制台
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
发布

一款免费、开源，使用sprinbboot快速开发管理系统

；代码生成模块 ，完成重复的工作。...字典管理：对系统中经常使用的一些较为固定的数据进行维护，如：是否、男女、类别、级别等。 操作日志：系统正常操作日志记录和查询；系统异常信息日志记录和查询。...客户端验证：JQuery Validation 富文本在线编辑：summernote 数据表格：bootstrapTable 弹出层：layer 树结构控件：jsTree 4、平台 服务器中间件：SpringBoot...双重验证：用户表单提交双验证：包括服务器端验证及客户端验证，防止用户通过浏览器恶意修改（如不可写文本域、隐藏变量篡改、上传非法文件等），跳过客户端验证操作数据库。...安全编码：用户表单提交所有数据，在服务器端都进行安全编码，防止用户提交非法脚本及SQL注入获取敏感数据等，确保数据安全。 密码加密：登录用户密码进行SHA1散列加密，此加密方法是不可逆的。

4.9K20
    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

    【初学者指南】在ASP.NET MVC 5中创建GridView

    服务器端和客户端有许多可用的第三方库，这些库能够提供所有必需的功能，如 Web 表格中的搜索、排序和分页等。是否包含这些功能，取决于应用的特殊需求，例如在客户端和服务器端提供搜索或其它功能的需求等。...DataTables 使用 jQuery 数据表 以上库和插件都有自己的优缺点，其中 jQuery 数据表是个不错的选择。...例如： DOM JavaScript的 Ajax Server-side processing 我最喜欢的选项之一是， jQuery 数据表不但支持客户端搜索、分页、排序等，而且还提供了一个可以在服务器端处理的选项...下面，我们先来看看一个利用客户端处理的例子。我们将会实现一个具有搜索、排序和分页功能的工作表，正如下图中我们看到的： ?...现在，在控制器文件夹中添加一个空的名为 AssetController 的控制器，这个控制器件将用于所有 Asset 的相关工作。

    8.4K90

    Bootstrap Table强大的web数据表格渲染框架

    Bootstrap Table 是什么‌Bootstrap Table 是一个基于 Bootstrap 框架的开源插件，专为快速构建功能丰富、响应式的数据表格而设计。‌...Web 开发领域，数据表格是呈现结构化数据的核心组件。...、核心技术特性：重新定义表格功能边界（一）响应式设计体系自适应布局：通过data-responsive="true"启用智能列隐藏，移动端自动切换为堆叠视图弹性单位支持：兼容百分比 / 像素 / 视口单位...：// 隐藏指定列$('#dataTable').bootstrapTable('hideColumn', 'email');// 显示隐藏列$('#dataTable').bootstrapTable...、数据导出export, charts 移动端应用 触摸优化、智能列隐藏responsive, mobile（二）性能优化建议大数据处理：启用data-virtual-scroll="100"配合后端分页

    69300

    【8】数据浏览表格的快速输出

    在各种浏览器下都能正常工作； 2、可控性强。数据列表页面的所有HTML输出，都是编码实现的。因此，对于任何的需求和修改，都相当容易实现。...在实际的应用中，配合JQuery、CSS样式表和Ajax，可以发挥强大的威力，达到“无所不能”的境界。 表格还是列表？ 输出数据库中数据列表，实际上就是以格式化的方法，把一个多行多列的数据展示出来。...2、列的隐藏。某些列，可能会用到，但是不需要显示。比如，ID列。 3、控制链接。对每行数据的具体的控制操作，常用的有删除和编辑。 4、跳转链接。单击行，跳转到某个展示链接。...： dt：数据表 KeyField：关键字段名 tableid：表格的html节点id，便于使用样式进行控制 HideColumn：隐藏列，不显示该列，用“|”进行定界。...4、前端代码需要ID列，但不要显示 可以通过JS代码或者JQuery代码隐藏第一列。 5、新增控制列 可以通过前端代码，对行或者表格的单击事件进行处理，提取该行的ID，并转换为相应的控制链接。

    3.3K50

    Node.js的介绍

    JavaScript JavaScript（简称js）是一种主要运行于浏览器中的弱类型的动态脚本语言，可以用来实现网页上的一些高级功能，如数据验证处理、页面动态效果、定时任务、与用户交互、发送/接收服务器端数据等等...，是基于文本的、比较纯粹的数据表示方法。...JSON从js中脱胎而出，作为一种简洁、扩展性好的轻量级数据表示方法，在很多领域得到了广泛使用。 Node.js在服务器端与开发流程中都越来越得到重视。...查看github上的jQuery开发包，可以看到它使用了Node.js上的grunt来进行自动化构建、测试的工作。...以上几项技术的共同进步，配合浏览器的进步，此外还有硬件条件的发展，让复杂的页面应用越来越多，许多以前在服务器端进行的工作可以转到客户的浏览器中进行，顺应了分布式处理的潮流。

    2K00

    Bootstrap实用手册

    列偏移数量，每个列都可以指定向右偏移几列位置（不能用float）,偏移的列会影响后续的列,主要作用是列左右留白，列右对齐，列居中 A. .col-xs-offset-n :在 xs 下，当前列向右偏移...指定列在特定屏幕下不显示 A. .hidden-lg : 在 lg 下隐藏 B. .hidden-md : 在 md 下隐藏 C. .hidden-sm : 在 sm 下隐藏 D. .hidden-xs...行：div.form-group /(正常情况div.row) C. 列：div.col-*-* ? (4). checkbox及radio表单的特殊写法(H5规范) ? 17....响应式导航条 当屏幕尺寸大于 768px 时候，可以正常显示出所有的内容，当屏幕尺寸小于 768px时候，一部分内容就会隐藏，通过点击弹出，响应式导航条由两部分组成. ①. class .navbar-header...@import 功能 在 Less 中的@import ，在服务器端将多个 less 文件的内容整合到一个 less 文件中 @import "xxx.less"; 在CSS中使用@import功能将多个

    8.3K20

    Power BI：关于FilterDatabase和命名区域(DefinedName)

    文章背景：在使用文件夹的方式批量导入多份Excel文件时，由于Excel文件中存在隐藏的筛选行，所以导致数据重复录入，后来看了赵文超老师的一篇文章（见文末的参考资料1），对这一问题有了新的认识。...2 通过Excel工作簿导入 在Power BI中，通过Excel工作簿导入上述的销售数据表，一切正常。...之所以我们导入的结果正确是因为在下一步导航中，Power Query 默认只导入Kind="Sheet"的数据，也就是我们的工作表数据，没有包括命名区域的数据。...这时，如果直接将Data列展开，则会把工作表中的数据和命名区域中的数据都展开，也就造成了数据的重复。而当我们有多份Excel文件合并时很难发现这个错误。...避免的方法就是在展开Data列的时候只筛选Kind等于Sheet，从而排除其它不需要的数据。

    3.9K61

    ajax实现看视频无刷新评论

    本实验步骤 1.在SqlServer中，时间插入方法：： getdate()方法 2.服务器端的，写《《ajax链接数据库程序》》需要捕获异常（但是如果是出错了。...，在序列化时间的时候，应该在服务器端将时间ToString（)转化为字符串。...5.在页面加载函数中，这里分两个部分来写：（完全可以放在一个一般处理程序中的，只是需要一个参数action判断就可以了） 1.页面加载，显示已有的评论。...success函数中：加特殊处理，显示刚刚发的内容为：时间：“刚刚”，IP:"本机"，并将文本框的的内容清空； 6.只有error函数添加上了，才可以在浏览器中看到错误的内容。...select * from T_Comments"); //2》.将评论内容放到一个List类型的数组中,方便序列化为json标准字符串，同时因为json不能对DataTable

    3.1K21

    Yii2开发的简单日程管理后台

    如图所示 特点 使用RBAC权限管理，所有操作基于权限控制 视图使用JS控制，数据显示使用的jquery.DataTables 基于数据表的增、删、改、查都有封装，添加新的数据表操作方便 安装 提示：...init 初始化配置（生成本地配置文件） 配置好数据库配置后,导入数据表结构 需要顺序执行 导入rbac migration 权限控制数据表 php yii migrate --migrationPath...配置默认查询条件,没有可以不用填写 * 键对应查询字段 * 值对应查询配置处理 * 字符串 'pid' => '=' 处理为 model 查询数组 ['=', 'pid', '查询数值'] * 数组 '...* --- aoColumns 中的 value, search, edit, defaultOrder, isHide 是 meTables 的配置 * ------ value 为编辑表单radio...设置默认排序的方式(有"ace", "desc") * ------ isHide 该列是否需要隐藏 true 隐藏 * 其他配置查看 meTables 配置 */ // 自定义表单处理方式 meTables.extend

    2.1K20

    项目开发知识盲区记录

    项目开发知识盲区记录 解决ajax请求下，后台页面跳转无效问题 layui数据表格的使用和分页失效的问题解决 layui的数据表格的cols属性设置列的二维数组的[[....]]和thymeleaf的语法重复...，客户端的浏览器在获取ajax异步结果时，不是直接显示在页面上，而是要通过js来进行处理，js处理完以后才能显示在页面上，所以这才导致了controller中的ModelAndView对象不能直接返回视图...layui分页失效问题 layui数据表格分页无法正常显示 ---- layui的数据表格的cols属性设置列的二维数组的[[…]]和thymeleaf的语法重复，因此在使用springboot的模板引擎进行渲染时...div，里边写一个隐藏的table 记录一下，模仿layui在弹出框中写一个表格 ---- Layui中弹出层关闭后但是弹出层中的内容依然显示在页面上，没有消失 原因：jquery 冲突 解决方法...第一种方式 页面正常通过Key-Value的形式传值，数组保持原格式，后端使用@RequestParam注解标注接值的入参，注意@RequestParam里的value一定要带上中括号： controller

    8K32

    jQuery 表格插件汇总

    Flexigrid – Web 2.0 Javscript Grid for jQuery - 可变列宽，自动适应表头宽度，可通过 Ajax 连接 XML 数据源，类似 Ext Grid，但基于 jQuery...graphTable - 借助 flot 将 HTML 表格中的内容变成图形（演示）。 ? ? DataTables - 非常强大的 jQuery 表格插件，可变宽页码浏览，现场过滤。...jqGrid Plugin - 基于 Ajax 的 jQuery 表格插件，可以 Ajax 方式从服务器端获取数据填充进来（演示）。 ? ?...Table Drag and Drop - 通过拖放，对表格中的数据重新排列，可以设置禁止拖放的行。 ? ? Table Pagination - 在表格下方自动生成分页导航。 ? ?...tableFilter - 给表格添加简单的筛选功能。 ? ? uiTableFilter - 根据条件筛选（隐藏）表格行 ? ?

    9.8K10

    jquery.datatables 分页功能

    为了解决这个DataTables的服务器端处理功能，提供了一种方法，让服务器端的数据库引擎完成所有的“繁重的操作”（对于这个用例，它们都是高度优化的），然后有在用户的网络浏览器中绘制的信息。...请注意，正常情况下，服务器端处理脚本不会在大型数据集上执行正常的表达式搜索，但在技术上可以由脚本自行决定。 order[i][column] -- int // 应该应用排序的列。...与全局搜索一样，通常，服务器端处理脚本在大型数据集上不会执行正常的表达式搜索，但在技术上可以由脚本自行决定。...columns[i] - 定义表中所有列的数组。 在这两种情况下，i都是一个整数，它将改变以指示数组值。在大多数现代化的服务器端脚本环境中，这些数据将作为数组自动提供给您。...} 下面的“示例数据”部分显示了使用这些选项的返回外观的示例。 组态 DataTables中的服务器端处理通过使用该serverSide选项启用。

    7K20

    LayUI之旅-入门

    ，不仅仅要PC端使用，还有移动端也是要使用的，所以需要实现左边栏的显示和隐藏），因为设计是右侧（页面内容区域）异步加载（这是最终确定的方案），所以页面上的所有事件的绑定都需要用事件委托来处理（刚开始我也没注意到这个问题...代码很快就写完了，然后进行效果测试，诶···怎么怪怪的，左边栏隐藏和显示实现了啊，但是头部的logo没有隐藏啊，然后不断的查看layui的源码（开启扒站模式），发现要完美呈现官网的layAdmin的侧边栏隐藏效果是需要重新写...已经确定列实现方案，立马开始实现左边栏的点击功能 HTML部分 隐藏遮罩 } }); }); 3、异步加载的页面内容中的按钮点击无效 这个也怪自己没有经验，解决方法很简单，直接把事件委托到祖先元素上...坑从何来，因为突然收到一个需求的变化，就是当点击按钮时，渲染的数据表格只是数据集中的一部分（因为数据确实有些多），要查看没一条信息对应的详细情况，需要在表格最右侧增加一列操作列，里面放的是按钮，点这个按钮的时候需要给弹窗出来

    3.4K20

    使用Jsonp解决跨域数据访问问题

    这种方法依赖于必须接受一个回调函数的名字作为参数。 然后执行这个函数，处理JSON数据，并显示在客户页面上。 JQuery的JSONP支持 从JQery 1.2以后，就开始支持JSONP的调用。...同时jquery还对非跨域的请求进行了优化，如果这个请求是在同一个域名下 那么他就会像正常的Ajax请求一样工作。...在页面文件中，我们使用JQuery的支持：         //JQuery JSONP Support         var url = "http://www.mydomain.com/api...如果动态插入的代码正常运行，你可以得到返回，但是如果失败了，那么什么都不会发生。...你无法获得一个404的错误，也不能取消这个请求     另外一个重要的缺点是如果使用了不信任的服务会造成很大的安全隐患。

    1.5K20

    layui2.0数据表格导出复杂表头EXCEL解决方案,table2excel

    数据表格组件也是使用非常频繁的，它可以快速从api得到数据并进行处理渲染成表格，并且还有排序、总计、导出表格等等功能。 ? ?...在一次的需求中，需要使用复杂表头并且导出EXCEL表格，发现layui并不支持复杂表头的处理，社区之中也还未找到相关的方案。于是使用了table2excel插件协助完成需求。...Table2Excel(); table2excel.export(document.querySelectorAll("table")); 但是此方式在layui生成的数据表格中并不适用...原生写的table标签可以正常导出，并且可以使用复杂表头。...于是绕了一下弯路，在layui数据表格加载完数据后，在页面操作原生tableDom（并且隐藏起来 (╹▽╹) ），再使用table2excel导出表格。

    3.1K20

    Web前端学习笔记之JavaScript、jQuery、AJAX、JSON的区别

    JavaScript JavaScript（简称js）是一种主要运行于浏览器中的弱类型的动态脚本语言，可以用来实现网页上的一些高级功能，如数据验证处理、页面动态效果、定时任务、与用户交互、发送/接收服务器端数据等等...其中选择器引擎后来被单独剥离出来成为sizzle，供其他的js库调用。这部分的工作还影响了官方，在jQuery成功之后，浏览器才有了querySelector与querySelectorAll方法。...ajax的基本流程可以概括为：页面上js脚本实例化一个XMLHttpRequest对象，设置好服务器端的url、必要的查询参数、回调函数之后，向服务器发出请求，服务器在处理请求之后将处理结果返回给页面，...，是基于文本的、比较纯粹的数据表示方法。...校验这个名称不能重复，就需要把数据提交上去，与服务器端数据交互的方法就是 form 提交表单。这时候需要用户填完所有的表单，点击『确定』之后提交校验。如果此时名称被占用就悲剧了。

    2.8K20
    点击加载更多

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 粤公网安备44030502008569号

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号

      领券