前端框架(二)DIV多选复选框框的封装和MySql数据库存取
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了前端框架(二)DIV多选复选框框的封装和MySql数据库存取,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含3415字,纯文字阅读大概需要5分钟。
内容图文
![前端框架(二)DIV多选复选框框的封装和MySql数据库存取](/upload/InfoBanner/zyjiaocheng/480/79779e99ce584b52bacf37f812a14dfa.jpg)
将多个checkbox放到一个div元素中。利用jquery的函数进div和checkbox进行控制选取。取值和赋值能够写一个循环既能够完毕。至于表单提交既能够利用form标签调教。也能够利用jquery的ajax方式提交。在对用户体验度要求高的系统中最好使用ajax方式提交,这是界面的设计部门,另外还有数据库表的建立,我在做数据库表时认为非常easy但也遇到了一些问题。
数据库须要建立一张关系表来存储多对多关系,大家都知道到,须要注意的是在这张关系表里面怎么存储。即多个复选框的ID是存储在一个字段里面还是一个ID一条记录呢。这两种方式都能够实现;假设存储在一个字段里面就须要把处理这个字段的逻辑写在java类里面,我在做表单时从表单界面直接到数据库SQL语句,中间逻辑已经封装不能够改动,因此仅仅能把IDS存在一个字段里面,感觉这样的方式实现也挺快,降低了逻辑。
例如以下有两张表fcs_checkitem、fcs_useritem。fcs_useritem为关系表它的itemids字段保存了fcs_checkitem表的itemid数组,想利用以下嵌套语句查询:
SELECT * FROM fcs_checkitem WHERE itemid IN ( SELECT itemids FROM fcs_useritem WHERE userid=‘00000075‘ )
经測试这样写并不能查询出结果,由于里面嵌套的查询返回的结果是一个逗号隔开的字符串数据(001,002。,003),假设手动写一个这种数据是能够查询出来的,可是这样动态的方式是查不出来的,上网查发现mysql是不支持这样动态查询的,发现有还有一种思路实现这种keyword “IN” 的功能。
SELECT group_concat(b.itemname) as itemnames FROM fcs_useritem a, fcs_checkitem b WHERE CONCAT(CONCAT(‘,‘,a.checkid),‘,‘) LIKE CONCAT(CONCAT(‘%,‘,b.itemid),‘,%‘) AND a.userid=‘:{$urlParam("formid")}:‘
上面利用了concat()以及group_concat()这两个函数,它原理是能够用几个字理解:用LIKE 实现IN的功能。
这种比如有两张表A和表B,A表的一个字段ids是B表字段id的数组。那么给B.id两天加上%,让A.ids字符数组两端加上逗号。拿一个详细的数字举个样例即是,1,去匹配,1,2,3,这个字符串,仅仅要找到一个匹配的就会返回一条记录。用这种方式实现类似于in的查询。
Concat()函数
这个函数经常使用语连接多个字符串,比如
String Str1="世界";
String str2="你好"
Str3=concat(str1,str2);
Str3="世界你好",这个函数把这两个字符串连接了起来,有时会认为非常实用;
Group_concat()函数。看一下效果
这是一个简单的查询结果,再看一下使用这个函数的效果
该函数实现了将表中查出的某一列数据,转换成一个字符串数组。如上图所看到的,假设你就是想把查出的某一列转为字符串数组会非常实用。
这个多选能够封装为一个颗粒、把公共的东西抽象出来弄成一个个的颗粒,把它封装为一个控件,这个控件有自己的函数获得checkbox值和赋值等方法,还能够封装一些样式等,还在考虑怎么才干把checkbox封装到div标签中。以后再用到时仅仅须要引入这个div标签就可以,通过div标签传參控制多选。这涉及到自己定义标签怎么弄,在.NET中能够开发用户自己定义控件,那么在标签中认为也是能够开发自己定义标签库,还有类似于下拉列表框等等,都能够封装起来。
不知道还有没有别的思路能够实现用户控件、或标签的封装?开发自己定义标签查了一下好实现。把开发jar包引入进来实现几个接口就能够定义自己的标签库了,开发自己定义标签库能够实现用户自己定义功能。方便页面上的布局,同一时候发现如今的非常多产品有关界面框架,不管界面多美观、高端大气。都是封装原始的html标签元素,封装也就意味着能够带了自己心的特性,假设有特殊需求的时候能够自己适当封装一下。
方便别人编程、也提高了开发效率和编码的灵活性。
前端框架(二)DIV多选复选框框的封装和MySql数据库存取
标签:数据库 效率 产品 方式 列表 term 字段 jquer 效果
本文系统来源:http://www.cnblogs.com/yjbjingcha/p/6763636.html
内容总结
以上是互联网集市为您收集整理的前端框架(二)DIV多选复选框框的封装和MySql数据库存取全部内容,希望文章能够帮你解决前端框架(二)DIV多选复选框框的封装和MySql数据库存取所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。