首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

​元数据管理—动态表单设计crudapi系统完整实现

表单设计 在前面文章,我们通过一系列案例介绍了表单设计的一些基本功能,表单设计起到非常重要作用,也是crudapi核心,所以本文会详细介绍表单设计中一些其它功能。...显示的顺序 dataType 数据类型,比如字符串、整数等 seqId 序列号ID,用于设置流水号 indexName 索引名称 indexStorage 索引存储, 支持BTREE、HASH indexType...systemable 是否系统字段 updatable 是否可修改 createdDate 创建时间 lastModifiedDate 修改时间 以上属性不是所有的都同时有效,比如unsigned只有dataType...联合索引 如果索引只有一个字段,设置列属性的时候直接设置。如果是多个字段联合索引,就需要单独设置了。这里可以创建普通或唯一两种类型的联合索引,通过下拉框选择多个字段。...表单设计API [Swagger] 表单设计提供了API,如果默认提供的后台管理UI不适合,可以二次开发,重新设计UI,通过API管理表单,API文档如下: https://demo.crudapi.cn

1.7K70

盘点7款顶级 PHP Web 框架

Laravel的优势:易于学习;无缝数据迁移; PHP 社区很受欢迎;MVC 架构支持;大量培训材料(文档、图像和视频教程);模板引擎;简单的单元测试等。...Zend 构建于敏捷方法之上,可帮助开发人员为大型客户创建、高质量的 Web 应用程序的框架。它非常适合复杂的企业级项目,Zend 主要关注安全性、性能和可扩展性。...使用 CakePHP 部署 Web 网站非常容易,只需要一个 Web 服务CakePHP 框架的副本。...与其他框架相比,Phalcon(最流行的 PHP 框架)使用的资源非常少,从而可以快速处理 HTTP 请求。...使 Symfony 成为 PHP 框架独一无二的特性之一是它的可重用 PHP 组件。使用可重用组件,开发时间减少了许多模块,如表单创建、对象配置、模板等。可以直接从旧组件构建,节约了大量成本。

4.6K00
您找到你想要的搜索结果了吗?
是的
没有找到

JavaWeb04-jQuery(Java真正的全栈开发)

jQuery 一.jQuery入门 1.javascript类库 JavaScript 库封装了很多预定义的对象和实用函数。能帮助使用者建立有高难度交互客户端页面, 并且兼容各大浏览。...它是轻量级的js库 ,它兼容CSS3,还兼容各种浏览。 jQuery已经成为最流行的javascript库,在世界前10000个访问最多的网站,有超过55%使用jQuery。...由美国人John Resig2006年1月发布 jQuery是免费、开源的 jQuery分类: WEB版本:我们主要学习研究 (jQuery-版本.js 、 jQuery-版本-min.js)...标签的src属性导入即可 二.jQuery基本操作 1.获得jQuery对象 语法:$(选择或者DOM对象) 或 jQuery(选择或者DOM对象) $ == jQuery <script type...基本,层次,基本过滤,内容过滤,可见性过滤,属性,子元素过滤,表单过滤,表单对象属性过滤 1.基本 id选择, 语法:$("#id值") 元素(标签)选择

2.3K90

jquery 常用方法总结

jQuery顶级对象 缩写$    window.jQuery   window.$   第一部分,找对象   其本选择       $("#id")       $(".class")      ...元素       $(":text")匹配所有 匹配所有的单行文本框       $(":checkbox")匹配所有复选框       etc.....查看帮助   表单对象属性选择      ...对象,只是在内存     加到对像内       .append($link);向后追加       appendTo将一个元素移动到另一个元素的最后面       prepend向前追加      .../js/jquery.validate.js" type="text/javascript">       具体看查JQValidate.txt   提交表单插件       <script...:的有简单选择表单选择表单对像选择 还有一个内容选择,$("div:contains('John')")        这里有一个特别的表单元素。

1.6K00

jQuery笔试题汇总整理--2018

在这里我将JQ的一些面试题进行了整理,希望对大家有所帮助! 1、你为什么要使用jQuery?你觉得jquery有哪些好处?...,并调用执行绑定的函数 3、你知道jQuery的选择吗,有哪些选择 大致分为:基本选择,层次选择表单选择 基本选择:id选择,标签选择,类选择等 层次选择:如:$("form input...选择所有tr元素的最后一个 表单选择:如:$(":input")选择所有的表单输入元素 $(":text")选择所有的text的input元素 4、jQuery的美元符号$有什么作用?...=向上滑动 slideDown()==向下滑动 8、jQuery中使用过哪些插入节点的方法,他们的区别是什么 元素内部添加 append:向每个匹配的元素内部追加内容 我想说...该对象Internet Explorer 5首次引入,它是一种支持异步请求的技术。简而言之,XmlHttpRequest使您可以使用JavaScript向服务提出请求并处理响应,而不阻塞用户。

2.5K21

【领会要领】web前端-轻量级框架应用(jQuery基础)

操作,查找,删除,创建,复制,插入,替换,jQuery事件,事件绑定,鼠标事件,键盘事件,表单事件,窗口事件,事件冒泡,事件解除。...就是说它非常请求,大小30kb左右;具有强大的选择和dom操作的封装,可靠的事件处理机制,有完善的ajax,jquery将所有的ajax操作封装到函数``$.ajax()`;具有丰富的插件,完善的文档...() 在前面选择匹配到的元素中去除某个或者某几个 $("选择").add() 在前面选择追加节点 选择对象遍历 d...dom是一种与浏览,平台,语言无关的接口,jquery的dom操作就是对HTML的元素进行操作。...appendTo() 将所有匹配的元素追加到另一个指定的元素集合 注意:$(A).append(B)的操作,不是将B追加到A,而是将A追加到B prepend() 向每个匹配的元素内部前置内容

2.1K20

分享九款构建响应式网站的最佳PHP框架

它提供了一套解决特定工程问题的概念和工具,帮助广大开发者减少重复性工作。抽象化意味着能用更简洁的东西表达复杂的概念、流程等。 2 Phalcon 如果你想提高网站速度,你可以试试Phalcon框架。...Yii里面的Gii是一个功能强大的代码生成器,基于网络,开发者使用它可以轻易地生成表单、模块、CRUD、模型等。...而这就是我们创造CakePHP的首要目的。 CakePHP拥有一个活跃的开发团队和社区,使CakePHP本身更具备应有的价值。...另外,使用CakePHP也意味着您的应用程序将更容易测试,也更容易被改良、更新。...它具有流线型的路由、自定义视图呈现的模板渲染功能、安全cookies、flash消息和一个简单的配置过程、HTTP缓存、错误处理等。

2.3K70

JavaScript学习笔记(五)——Ajax

GET和POST模式: GET方式一般用来传送简单数据,大小限制1kb以下,请求的数据被转化成查询字符串并追加到请求的URL之后发送; POST可以达到2MB,他是将数据存放在send方法中发送,在数据发送之前必须先设置...请求服务数据 $.get() jQuery.get(url [,data] [,callback] [,type]); url为必选参数,指定了URL的地址 data为可选参数,指定了要发送给服务端的数据...]); 参数同get serialize()序列化表单 jQuery,可以使用serialize函数将表单数据序列化为键值对,创建url编码文本字符串进行提交。...好用的jQuery插件: 1. jQuery Form插件 jQuery Form是一个优秀的表单插件,它可以非常容易地使HTML表单支持Ajax。...jQuery Form插件有两个核心方法: ajaxForm() 适用于以提交表单的方式处理数据,需要在表单中标明表单的action、id、method属性,最好在表单中提供submit按钮。

1.9K10

前端(四)-jQuery

节点 $(selector) 通过选择获取节点 $(html) 使用HTML字符创建jQuery节点 3.4.2 插入节点 1 元素内部插入子节点 方法 说明 $(A).append(B) 将B节点追加到...A节点的子节点中 $(A).appendTo(B) 将A节点追加到B节点的子节点中 $(A).prepend(B) 将B节点追加到A节点的子节点中 $(A).prependTo(B) 将A节点追加到B节点的子节点中...A节点之后 $(A).insterAfter(B) 将A节点追加到B节点之后 $(A).before(B) 将B节点追加到A节点之前 $(A).insertBefore(B) 将A节点追加到B节点之前...方法,必须是转化为jQuery节点 alert($(this).html()); //$(this)转换为jQuery节点 }); 3.6.5 end() 结束当前链条的最近的筛选操作,并将匹配元素集还原为之前的状态...{ alert("登录请求可以提交"); //jQuery手动提交表单 $("form").submit();

8.5K30

SSM整合案例

例如点击一个按钮,向一个div追加5条记录,那么下一次点击按钮,又会调用一次ajax请求,向里面追击五条与先前重复的记录,因此每一次追加之前,需要先将之前追加的记录或者追加的标签属性清除 jquery...例如点击一个按钮,向一个div追加5条记录,那么下一次点击按钮,又会调用一次ajax请求,向里面追击五条与先前重复的记录,因此每一次追加之前,需要先将之前追加的记录或者追加的标签属性清除 ---- jquery...---- js清除表单内容的reset方法 使用jquery获取到要重置的表单后,需要取出数组的dom表单对象 //清除表单数据(表单重置)---DOM里面的方法,而不是jquery...,标签体不会显示出现追加的内容,但是实际已经存在,那么下一次再次调用ajax时,又会重复上一次的追加行为,那么页面效果就是内容重复追加,解决办法就是每次调用ajax之前,先将之前重复追加的内容清除掉...,例如给删除按钮增添一个自定义属性保存当前员工的id,方便一会通过在按钮点击事件获取到id值,从而通过ajax返回给服务端,进行删除逻辑操作 使用ajax时,获取到服务端发送来的数据后,可以成功的回调函数

4.1K21

JQuery选择JQuery包装集

(本文年代久远,请谨慎阅读)今天学习了JQuery的一些基本用法,包括JQuery选择JQuery包装集; 从现在开始,要慎重区分DOM对象和JQuery对象,两种对象的方法不同,属性不同,使用要特别注意...JQuery选择 编写任何javascript程序都需要首先获得对象, jQuery选择能彻底改变我们平时获取对象的方式, 可以获取几乎任何语意的对象, 比如”拥有title属性并且值包含test...而在JQUERY则完全不同,JQUERY提供了异常强大的选择器用来帮助我们获取页面上的对象,并且将对象以JQUERY包装集的形式返回。 "$"符号JQUERY中代表对JQUERY框架集的引用。...JQUERY选择包括以下几种: 1、基础选择 2、层次选择 3、基本过滤器 4、内容过滤器 5、可见性过滤器 6、属性过滤器 7、子元素过滤器 8、表单选择 9、表单过滤器 下面列出几种重要的选择...由于该事件文档就绪后发生,因此把所有其他的 JQUERY事件和函数置于该事件是非常好的做法。

3.1K20

什么是jQuery

对象 Jquery对象都是当成是数组的。...(8)表单选择 匹配表单对应的控件属性 (9)表单对象属性选择 匹配表单属性具体的值 通过这九种的选择,我们基本可以能获取HTML任何位置的标签。...从而在网页上做出动态的效果 追加 append():追加到父元素之后 prepend():追加到父元素之前 after():追加到兄弟元素之后 before():追加到兄弟元素之前 查询层次关系 我们发现在选择上就有层次关系的选择...和Firefox获取event对象的不同 mousemove:指定区域中不断移动触发 mouseover:鼠标移入时触发 mouseout:鼠标移出时触发 submit:提交表单时触发,true表示提交到后台...最后一个是对表单的数据进行封装,将表单的数据封装成JSON格式 `load()` 首先,我们来使用一下load()这个方法吧。文档对它的解释是这样子的。 ?

3K70

jQuery 常用方法

Ajax 交互 选择 符号$表示 jQuery 对象,$函数通常也被称为 jQuery 的工厂函数,jQuery 的操作基本上都以$( )开始,所有选择都放在这个括号,例如$("#title")将返回一个...jQuery 选择的 HTML 元素,返回 jQuery 对象之后,就可以调用由 jQuery 提供的丰富的 API 来完成相应的操作了 基本选择,通过元素标签名,元素 ID,Class 来查找...,按照不同的过滤规则,过滤选择可以分为基本过滤,内容过滤,可见性过滤,属性过滤,子元素过滤和表单对象属性过滤选择,总结如下: 选择 返回 示例 :first 单个元素 $("div:first")...:animated 集合元素 $("div: animated") 选取正在执行动画的 元素 表单选择,利用表单选择我们可以极其方便地获取表单的某个或某类型的元素,总结如下: 选择....append(); 把所有匹配元素追加到另一个指定的元素元素集合 .appendTo(); 在被选元素的开头插入指定内容 .prepend(); $("p").prepend("love</

2.6K50

JQuery

jquery选择 jquery选择可以快速地选择元素,选择规则和css样式相同,使用length属性判断是否选择成功。...mouseenter() 鼠标进入(进入子元素不触发) mouseleave() 鼠标离开(离开子元素不触发) hover() 同时为mouseenter和mouseleave事件指定处理函数 submit() 提交表单...表单验证 规则: var re = new RegExp(‘规则’,’可选参数’) var re =/规则/参数; 事件冒泡 作用: 事件冒泡允许多个被集中处理(把事件处理添加到一个父级元素上...:同级追加和自己追加(前面 后面) 步骤: 声明变量保存的节点数据 使用追加函数追加节点 子级追加: append()和appendTo():现存元素的内部,从后面放入元素 prepend()和prependTo...():现存元素的内部,从前面放入元素 父级追加: after()和insertAfter():现存元素的外部,从后面放入元素 before()和insertBefore():现存元素的外部,从前面放入元素

94621

Juqery就是这么简单

对象 Jquery对象都是当成是数组的。...(5)可见性选择 (6)属性选择 (7)子元素选择 (8)表单选择 (9)表单对象属性选择 通过这九种的选择,我们基本可以能获取HTML任何位置的标签。...从而在网页上做出动态的效果 追加 append():追加到父元素之后 prepend():追加到父元素之前 after():追加到兄弟元素之后 before():追加到兄弟元素之前 查询层次关系 我们发现在选择上就有层次关系的选择...和Firefox获取event对象的不同 mousemove:指定区域中不断移动触发 mouseover:鼠标移入时触发 mouseout:鼠标移出时触发 submit:提交表单时触发,true表示提交到后台...最后一个是对表单的数据进行封装,将表单的数据封装成JSON格式 load() 首先,我们来使用一下load()这个方法吧。文档对它的解释是这样子的。 ?

2.3K50

JQuery_

mouseenter() 鼠标进入(进入子元素不触发) mouseleave() 鼠标离开(离开子元素不触发) hover() 同时为mouseenter和mouseleave事件指定处理函数 submit() 提交表单...表单验证 规则: var re = new RegExp(‘规则’,’可选参数’) var re =/规则/参数; 事件冒泡 作用: 事件冒泡允许多个被集中处理(把事件处理添加到一个父级元素上...,避免把事件处理添加到多个子级元素上),它还可以让你在对象层的不同级别捕获事件。...:同级追加和自己追加(前面 后面) 步骤: 声明变量保存的节点数据 使用追加函数追加节点 子级追加: append()和appendTo():现存元素的内部,从后面放入元素 prepend()和prependTo...():现存元素的内部,从前面放入元素 父级追加: after()和insertAfter():现存元素的外部,从后面放入元素 before()和insertBefore():现存元素的外部,从前面放入元素

70410

【Java 进阶篇】JQuery DOM操作:轻松驾驭网页内容的魔法

轻松引入JQuery 使用JQuery之前,我们需要引入JQuery库。可以通过HTML文件添加以下代码来获取JQuery: <!...这种结构使得我们能够通过JavaScript(或JQuery)轻松地操作、创建、删除和替换HTML元素。 选取元素 JQuery,选择是我们选取DOM元素的利器。...通过选择,我们可以准确地找到页面上的元素,并对其进行操作。选择以$()的形式出现,括号传入选择字符串。...// 元素末尾追加内容 $("#myElement").append("追加的内容"); // 元素开头插入内容 $("#myElement").prepend("插入的内容<...用户可以输入框输入新的待办事项,点击"添加"按钮后,新的事项会被追加到列表。每个事项后面都有一个"删除"按钮,点击它可以删除相应的事项。

21750
领券