一对多 or 多对多表结构设计 和循环显示

最新推荐文章于 2024-02-28 06:45:00 发布
最新推荐文章于 2024-02-28 06:45:00 发布
阅读量224 收藏
点赞数
文章标签： ajax spring java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wwy11123/article/details/123975815
版权
此篇博客介绍了如何在Spring MVC中实现一对多或多对多表结构的查询，并展示了如何循环遍历和动态加载评论及标签，以实现页面的动态更新。作者详细地展示了如何通过AJAX异步请求，结合Controller与Mapper的交互，实现了分页获取和数据展示。
摘要由CSDN通过智能技术生成

一对多 or 多对多表结构设计 和循环显示

在impl中

 @Override
    public List<Map<String, Object>> mh(condition condition) {
        Integer page = condition.getPage();
        Integer f=(page-1)*3;
        condition.setPage(f);

        List<Map<String,Object>> resultList = new ArrayList<>();
        List<Map<String, Object>> list = indexJob_infoMapper.mh(condition);

        //查询需要的标签
            for (Map<String, Object> map : list) {
                Integer jid = (Integer) map.get("id");

                List<Map<String,Object>> label_duos = null;
                List<Map<String,Object>> comment = null;
                try {
                    label_duos = indexLabelMapper.selectLabel_duo(jid);
                    comment = indexCommentMapper.commentByid(jid);
                } catch (Exception e) {
                    e.printStackTrace();
                }

                Map<String, Object> map2 = new HashMap<>();

                map2.put("labels",label_duos);
                map2.put("job_info",map);
                map2.put("comment",comment);
                resultList.add(map2);
            }
        return resultList;
    }

image-20220405195030653

给页面 直接点出来就可以

注意

存的评论和多个标签都是 需要再次循环的

        //中间的文章，描述
		function search(page,page2){
			$.ajax({
				url:"indexJob_info/mh",
				data:{"page":page,"page2":page2},
				type:"post",
				dataType:"json",
				success:function (data) {
					//alert(data.list[0].comment[0].uname);
					//alert(data.list[1].job_info.uname);
					//alert(data.list.length);
					//alert(data[1].job_info.uname);
					if(data.code==666){//点击加载更多 超过六条数据
						alert(data.msg);
					}
					var h="";
					for(var i=0;i<data.list.length;i++) {
						h+="<!-- post -->\n" +
								"\t\t\t\t\t<div class=\"post\">\n" +
								"\t\t\t\t\t\t<div class=\"post__head\">\n" +
								"\t\t\t\t\t\t\t<a href=\"#\" class=\"post__head-img\">\n" +
								"\t\t\t\t\t\t\t\t<img src="+data.list[i].job_info.img+">\n" +
								"\t\t\t\t\t\t\t</a>\n" +
								"\t\t\t\t\t\t\t<div class=\"post__head-title\">\n" +
								"\t\t\t\t\t\t\t\t<h5><a href=\"#\"><font style=\"vertical-align: inherit;\"><font style=\"vertical-align: inherit;\">"+data.list[i].job_info.uname+"</font></font></a></h5>\n" +
								"\t\t\t\t\t\t\t\t<p><font style=\"vertical-align: inherit;\"><font style=\"vertical-align: inherit;\">"+data.list[i].job_info.createtime+"</font></font></p>\n" +
								"\t\t\t\t\t\t\t</div>\n" +
								"\t\t\t\t\t\t\t<div class=\"post__dropdown\">\n" +
								"\t\t\t\t\t\t\t\t<a class=\"dropdown-toggle post__dropdown-btn\" href=\"#\" role=\"button\" id=\"dropdownMenu2\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\">\n" +
								"\t\t\t\t\t\t\t\t\t<i class=\"icon ion-md-more\"></i>\n" +
								"\t\t\t\t\t\t\t\t</a>\n" +
								"\t\t\t\t\t\t\t\t<ul class=\"dropdown-menu dropdown-menu-right post__dropdown-menu\" aria-labelledby=\"dropdownMenu2\">\n" +
								"\t\t\t\t\t\t\t\t\t<li><a href=\"#\"><font style=\"vertical-align: inherit;\"><font style=\"vertical-align: inherit;\">编辑</font></font></a></li>\n" +
								"\t\t\t\t\t\t\t\t\t<li><a href=\"#\"><font style=\"vertical-align: inherit;\"><font style=\"vertical-align: inherit;\">删除</font></font></a></li>\n" +
								"\t\t\t\t\t\t\t\t\t<li><a href=\"#\"><font style=\"vertical-align: inherit;\"><font style=\"vertical-align: inherit;\">隐藏</font></font></a></li>\n" +
								"\t\t\t\t\t\t\t\t</ul>\n" +
								"\t\t\t\t\t\t\t</div>\n" +
								"\t\t\t\t\t\t</div>\n" +
								"\t\t\t\t\t\t<div class=\"post__wrap\">\n" +
								"\t\t\t\t\t\t\t<div class=\"post__company\">\n" +
								"\t\t\t\t\t\t\t\t<i class=\"icon ion-ios-briefcase\"></i>\n" +
								"\t\t\t\t\t\t\t\t<span><font style=\"vertical-align: inherit;\"><font style=\"vertical-align: inherit;\">"+data.list[i].job_info.cname+"</font></font></span>\n" +
								"\t\t\t\t\t\t\t</div>\n" +
								"\t\t\t\t\t\t\t<div class=\"post__location\">\n" +
								"\t\t\t\t\t\t\t\t<i class=\"icon ion-ios-navigate\"></i>\n" +
								"\t\t\t\t\t\t\t\t<span><font style=\"vertical-align: inherit;\"><font style=\"vertical-align: inherit;\">"+data.list[i].job_info.address+"</font></font></span>\n" +
								"\t\t\t\t\t\t\t</div>\n" +
								"\t\t\t\t\t\t\t<div class=\"post__actions\">\n" +
								"\t\t\t\t\t\t\t\t<a class=\"post__actions-btn post__actions-btn--green\" href=\"#\">\n" +
								"\t\t\t\t\t\t\t\t\t<i class=\"icon ion-ios-bookmark\"></i>\n" +
								"\t\t\t\t\t\t\t\t</a>\n" +
								"\t\t\t\t\t\t\t\t<a class=\"post__actions-btn post__actions-btn--red\" href=\"#\">\n" +
								"\t\t\t\t\t\t\t\t\t<i class=\"icon ion-ios-mail\"></i>\n" +
								"\t\t\t\t\t\t\t\t</a>\n" +
								"\t\t\t\t\t\t\t</div>\n" +
								"\t\t\t\t\t\t</div>\n" +
								"\n" +
								"\t\t\t\t\t\t<h2 class=\"post__title\"><font style=\"vertical-align: inherit;\"><font style=\"vertical-align: inherit;\">"+data.list[i].job_info.title+"</font></font></h2>\n" +
								"\n" +
								"\t\t\t\t\t\t<div class=\"post__options\">\n" +
								"\t\t\t\t\t\t\t<span><font style=\"vertical-align: inherit;\"><font style=\"vertical-align: inherit;\">"+data.list[i].job_info.cname+"</font></font></span>\n" +
								"\t\t\t\t\t\t\t<p><font style=\"vertical-align: inherit;\"><font style=\"vertical-align: inherit;\">$ "+data.list[i].job_info.salary+" /小时</font></font></p>\n" +
								"\t\t\t\t\t\t</div>\n" +
								"\n" +
								"\t\t\t\t\t\t<div class=\"post__description\">\n" +
								"\t\t\t\t\t\t\t<p><font style=\"vertical-align: inherit;\"><font style=\"vertical-align: inherit;\">"+data.list[i].job_info.content+"</font></font></p>\n" +
								"\t\t\t\t\t\t\t<a href=\"#\"><font style=\"vertical-align: inherit;\"><font style=\"vertical-align: inherit;\">查看更多</font></font></a>\n" +
								"\t\t\t\t\t\t</div>\n" +
								"\n" +
								"\t\t\t\t\t\t<div class=\"post__tags\" id='label'>\n" ;
								for (var j=0;j<data.list[i].labels.length;j++){
									h+='\t\t\t\t\t\t\t<a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">'+data.list[i].labels[j].lname+'</font></font></a>\n';
								}

						h+='\t\t\t\t\t\t</div>\n' +
								'\n' +
								'\t\t\t\t\t\t<div class="post__stats">\n' +
								'\t\t\t\t\t\t\t<div>\n' +
								"\t\t\t\t\t\t\t\t<a class=\"post__likes\" href=\"#\"><i class=\"icon ion-ios-heart\"></i> <span><font style=\"vertical-align: inherit;\">" +
								"<font style=\"vertical-align: inherit;\">"+data.list[i].job_info.love+"</font></font></span></a>\n" +
								"\t\t\t\t\t\t\t\t<a class=\"post__comments\" data-toggle=\"collapse\" href=\"#collapse2\" role=\"button\" aria-expanded=\"true\" aria-controls=\"collapse2\"><i class=\"icon ion-ios-text\"></i> " +
								"<span><font style=\"vertical-align: inherit;\"><font style=\"vertical-align: inherit;\">"+data.list[i].job_info.comCount+"</font></font></span></a>\n" +
								"\t\t\t\t\t\t\t</div>\n" +
								"\n" +
								'\t\t\t\t\t\t\t<div class="post__views">\n' +
								'\t\t\t\t\t\t\t\t<i class="icon ion-ios-eye"></i> <span id="liuyan'+data.list[i].job_info.id+'"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">'+data.list[i].job_info.visitCount+'</font></font></span>\n' +
								'\t\t\t\t\t\t\t</div>\n' +
								'\t\t\t\t\t\t</div>\n' +
								'\n' +
								'\t\t\t\t\t\t<div class="collapse show post__collapse" id="collapse2">\n' +
								'\t\t\t\t\t\t\t<form action="#" class="post__form">\n' +
								'\t\t\t\t\t\t\t\t<input id="infom'+data.list[i].job_info.id+'" type="text" placeholder="输入您的评论...">\n' +
								'\t\t\t\t\t\t\t\t<button οnclick="liuyan('+data.list[i].job_info.id+')" type="button"><i class="icon ion-ios-paper-plane"></i></button>\n' +
								'\t\t\t\t\t\t\t</form>\n' +
								'\n';
						for (var k=0;k<data.list[i].comment.length;k++){
							h+='\t\t\t\t\t\t\t<div class="post__comment">\n' +
									'\t\t\t\t\t\t\t\t<a href="#" class="post__comment-img">\n' +
									'\t\t\t\t\t\t\t\t\t<img src="'+data.list[i].comment[k].img+'" alt="">\n' +
									'\t\t\t\t\t\t\t\t</a>\n' +
									'\t\t\t\t\t\t\t\t<div class="post__comment-title">\n' +
									'\t\t\t\t\t\t\t\t\t<h5><a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">'+data.list[i].comment[k].uname+'</font></font></a></h5>\n' +
									'\t\t\t\t\t\t\t\t\t<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">'+data.list[i].comment[k].createtime+'</font></font></p>\n' +
									'\t\t\t\t\t\t\t\t</div>\n' +
									'\n' +
									'\t\t\t\t\t\t\t\t<p class="post__comment-text"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">'+data.list[i].comment[k].content+'</font></font></p>\n' +
									'\t\t\t\t\t\t\t</div>\n';
						}

								h+='\t\t\t\t\t\t</div>\n'+
										'\t\t\t\t\t</div>';
					}
					$("#jobShow").html(h);
				},
				error:function (data) {

				}
			});
		}

我这个是 多次拼接 加分页的 在controller层 有将返回的值 存在了新的dgb中

最后的效果

image-20220405195542365

魏万燚
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Python从0到100（五）：Python分支结构和循环结构
Hello大家好，我是Dream，如果帮得到你，那我深感荣幸！交流学习、商务合作：https://bbs.csdn.net/topics/614347534
03-18 4936
Python中的分支结构和循环结构是编写程序时常用的控制结构。在Python中，分支结构通过if、elif和else关键字来实现条件判断。在使用if语句时，程序会根据条件表达式的真假执行相应的代码块。
字典 集合 选择结构（单分支、双分支、多分支） 循环结构（while循环）
Nakisha的博客
04-03 2404
文章目录字典字典的创建字典元素的访问字典元素的添加、修改、删除序列解包表格数据使用字典和列表存储，并实现访问字典核心底层原理（重要）集合 字典 1、字典是“键值对”的无序可变序列，字典中的每个元素都是一个“键值对”，包含“键对象”和“值对象”。可以通过“键对象”实现快速获取，删除，更新对应的“值对象”。 2、列表中我们通过“下标数字”找到对应的对象。字典中通过“键对象”找到对应的“值对象”。“键”...
《MySQL入门到精通》（5）一对一，一对多，多对多，表查询表结构设计
笑笑不说话
12-11 335
点击此处有别的博主的解释 一对一（了解） 理解：假如有一个用户表和一个身份证表，一对一就是一个用户对应一个身份证 其实完全可以把两张表合到一起，把身份证表放到用户表中变成一个字段，所以一对一基本就现在不用了。 一对多（重点） 建表原则：在多方表中添加字段，把改字段作为外键，指向一方表的主键。 ...
HBase一对多关系的表结构设计
codepython的专栏
12-13 1630
前面刚开始使用HBase只是用于存取某些简单的JAVA对象或是简单数据，所以一般设置列族和列标示时只用一个就行了。      最近有个任务是把系统中的站内消息移到HBase当中去，才开始查HBase中的一对多关系，发现网上的资料讲的都不甚详尽，这篇blog记录一下我的设计和想法，这些想法毕竟未经证实，尚需验证。如果有大虾认为有不妥甚至错误的地方请不吝指教。      首先讲两个我参考的资料
新的一种一对多表结构设计方法
bajinge6197的博客
04-26 204
新的一种一对多表结构设计方法： 话题重新回到刚才说的，企业上规模之后的业务工作就是针对角色开展，而不再针对具体的客户，我们把这种情况叫做“大企业”；没上规模的企业，业务重点还是放在具体的客户身上，并为单个客户提供差异化服务或产品，这种情况我们称之为“小企业”。 转载于:https://www.cnblogs.com/pctzhang/archive/2010/04/26/172...
多对多表的设计小案例
daxia7577的博客
11-19 290
多对多数据表设计 　　场景模拟： 　　　　员工与角色：一个员工可以扮演多个角色，一个角色可以被多个员工扮演 　　　　三张表：　　employee,role,（关系表）emp_role 　　　　　　　　employee 中的eid,关联到关系表中的r_eid,然后可以找到和r_eid同一行的一个或多个r_rtype 利用r_rtype 又可以到role表中找到rtype对应的rna...
多对多表结构设计
趴趴熊的博客
09-23 7051
在完成角色管理是，首先我们有一个角色表，其次要有一个菜单表。他们之间是多对多的关系，即一个角色对应多条菜单，同时一条菜单可以对应多个角色。 1. 角色表 CREATE TABLE `js` (   `jsid` int(11) NOT NULL auto_increment,   `jsmc` varchar(20) default NULL,   PRIMARY
C语言程序设计第六章：循环结构程序设计 知识总结
小白成长记
05-02 2090
教材：C语言程序设计教程（第二版） 主编：王敬华、林萍、张清国编著 本章主要有两个很重要的小节： 第一小节主要是介绍循环语句和配套使用的函数 第二小节主要是介绍循环结构类型的选择和转换 1.循环结构的含义：在给定条件成立时，反复执行某程序段，直到条件不成立为止。给定的条件成为循环条件，反复执行的程序段成为循环体。C语言提供了多种循环语句，可以组成各种不同形式的循环结构。 2.while语句： wh...
循环结构程序设计
weixin_61913018的博客
11-25 3919
假设今年我国的人口总数为13亿，若按每年2%增长，计算从现在开始10年内每年人口的数量 #include<stdio.h> #include<math.h> int main() { int m = 13, year; double number, rate = 0.022; for (year = 1; year <= 10; year++) { number = m * pow((1 + rate), year); printf("%2d年后,人数为:%.
调查问卷表结构设计及具体实现
weixin_30650859的博客
05-03 4000
一、表结构设计 from django.db import models # Create your models here. class UserInfo(models.Model): '''员工表''' username = models.CharField(max_length=64,verbose_name="用户名") password =...
MySQL表设计思路（一对多、多对多...）
llg___的博客
03-23 5949
一对多，两张表，多的表加外键多对多，三张表，关系表加外键命名规范，表名以t_或者tbl_开头，增加可读性，字段采用下划线命名，避免用保留字，如select、desc主键索引名为pk_字段名，唯一索引名为uk_字段名，普通索引名为idx_字段名数据类型选择时，金额类不能选择float、double，选decimal，防止精度丢失主键的设计最好设业务主键，最好是一串无意义且不重复的数字，可采用UUID或者Auto_increment自增。
常见的多表设计： 一对多 ，一对一 ， 多对一
暖阳爱学计算机的博客
05-15 586
在任意一方加入外键，关联另外一方的主键，并且设置外键为唯一的(UNIQUE)建立第三张中间表，中间表至少包含两个外键，分别关联两方主键。只在逻辑上存在关系，数据库物理层面并没有关系。外键的作用是在多表设计中，将表与表关联起来。使用 forgign key 关联另一张表。在员工的一方增加字段关联部门的一方的主键。两张表存在一对多的关系：用户与身份证、两张表存在一对多的关系：部门与员工。两张表存在一对多的关系：学生和课程。
MySql-多表设计-一对多
最新发布
Code-5的博客
02-28 2274
在数据库设计中，一对多关系（或称为1:N关系）是一个常见的关系类型。这种关系表示一个表中的记录可以与另一个表中的多个记录相关联，但另一个表中的每个记录只能与第一个表中的一条记录相关联。以下是如何在数据库设计中实现一对多关系的步骤：定义主键和外键：创建表结构：假设我们有两个实体：（Student）和（Course）。每个学生可以选修多门课程，但每门课程只能被一个学生选修。 关系约束：查询和操作：考虑性能：考虑扩展性：
数据库表设计：一对一、一对多、多对多
m0_58580098的博客
07-12 2179
a.建立联合主键：alter table user_hobby add constraint user_hobby_pk PRIMARY KEY(userId,hobbyId)b.用户表的户口表id 和 户口表的id 字段类型要一致，类型是字符的话长度也要相同。b.userId、hobbyId作为关系表的联合主键，确保不出现相同记录；c.多对多表建立主外键后，要先删除约束表内容再删除主表内容。2、根据E-R图设计表和表结构（具体根据表关系进行设计）a.通过用户爱好关系表建立用户表和爱好表的联系；
mysql表结构设计规则（1对1，1对多，多对多）
Xiaoqiu的博客
04-14 408
多对多：（建立中间关联表，命名为学生课程关联表，持有学生表的外键，持有课程表的外键，映射起来）比如学生和学籍，一个学生只能有一个学籍，一个学籍也只能被一个学生拥有，就是1对1。比如学生和课程，一个学生可以学习多门课程，一个课程可以被多个学生学习，就是多对多。比如学生和班级，一个学生只能在一个班级，一个班级可以有多个学生，就是一对多。1对多：（学生表持有班级表的外键id），多的那个表持有少的表的外键id。1对1还是1对多还是多对多的关系。1对1：（可互相为外键）
MySQL --- 多表设计
weixin_53622554的博客
05-11 2798
如果是在创建表的时候添加外键，我们只需要在所有字段都罗列完成之后，后面加上这么一个约束，指定关键字constraint，指定外键约束的名称，然后指定外键的关键字foreign key，在小括号里面来指定哪个字段是外键，对于我们当前来说dept_id这个字段就是一个外键字段，然后再通过references来指定它所关联的主表的字段，这个主表指的就是我们刚才所介绍的父表，这是在创建表的时候指定。所以，在一对多的关系当中，我们把一的一方叫做父表，把多的一方叫子表，因为一个父亲可以有多个儿子。
mysql多对多表设计_数据库怎么设计多对多的数据表
weixin_29061509的博客
01-19 6488
数据库怎么设计多对多的数据表一、总结1、项目中小组和主题之间是多对多的2、可以将常用信息和不常用信息分成两个表来优化数据库2、一对多的话：在多的里面建立一的字段，比如母亲(一)和孩子(多)，在孩子里面添加母亲id3、多对多的话：比如老师和学生，建立一个关系表，表id，老师id，学生id即可二、数据表设计(一对多，多对多)做一个项目，必然是少不了数据库设计的！在学习阶段，基本都是单表。然而在实际开发...
多表关系设计及多表查询
lsplook的博客
09-07 494
DQL: 查询多张表, 获取到需要的数据比如: 我们要查询家电分类下都有哪些商品, 那么我们就需要查询分类与商品两张表内连接: inner join: 只获取两张表中 交集部分的数据。左外连接: left join: 以左表为基准, 查询左表的所有数据, 以及与右表有交集的部分。右外连接: right join: 以右表为基准, 查询右表的所有的数据, 以及与左表有交集的部分。
数据库表结构为什么需要三张表之一对多表结构设计
ylx_0716的博客
04-17 1198
说完一对一的表结构设计，咱们现在说一下一对多表结构的设计。 首先一对多表结构的设计是在咱们在开发中应用最多的一个，这个设计是非常重要的，所以必须要掌握。 举个例子，咱们搞了一个叫员工的表结构，还有叫部门的一个表结构。这2张表如果从真正的需求上讲的话，其实就是一个一对多。 怎么理解呢，很简单，咱们一个部门下是可以有很多个员工的，但是员工表里面的员工它只属于某一个部门，所以这就是一个标准的一对多表结构...
Verilog-2001新特性解析：模块声明、敏感表与更多改进
之前版本仅支持一维数组，而2001版则允许创建net和variable类型的多维数组，这对模拟RAM和ROM等复杂存储结构非常有利。同时，可以直接访问多维数组的元素，不再需要额外的暂存变量，提高了编程效率。 Verilog-2001...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值