请问如何在网页实现数据库中的列表逐个显示

Chloe1995 2016-01-22 11:32:00
上张tb图方便表达下我的问题
请问如何同tb这样逐个在一个个框中提取自己数据库里的数据
我看了下美团外卖的商品代码是在body中一个个显示出来的
tb则是全在js中
比较苦恼如何将我现在数据库中的订单列表实现像tb这样的逐个嵌套展现的形式
希望有相应源码可以参考学习下

另外也不是很懂怎么实现如图那样的销量排序 时间排序什么的
也是SQL语句先写好然后页面action调用吗

开发环境是eclipse 后台已开发完成
html css js我都是放eclipse里面调用action="url"实现对数据库操作的
...全文
1273 17 打赏 收藏 转发到动态 举报
写回复
用AI写文章
17 条回复
切换为时间正序
请发表友善的回复…
发表回复
aWebBean 2016-03-31
  • 打赏
  • 举报
 回复
现在我的action的url输出是如下这样的 现在我想通过这个url值只传给前台data中的cId和price $.ajax({ url: , success:function(data){ data=data.data;// 此时的data就是想要的数据了 } })
Chloe1995 2016-02-29
  • 打赏
  • 举报
 回复
引用 15 楼 zgxjj 的回复:
要先学js,后学jquery,有些人觉得jquery简单，可以拿来就用。但是连最基本的对象和遍历都不了解，还叫懂js？
好的 谢谢 我先看看JS权威指南应该可以的吧
留校_察看 2016-02-15
  • 打赏
  • 举报
 回复
要先学js,后学jquery,有些人觉得jquery简单，可以拿来就用。但是连最基本的对象和遍历都不了解，还叫懂js？
Chloe1995 2016-02-04
  • 打赏
  • 举报
 回复
引用 13 楼 showbo 的回复:
找jquery.waterfall.js这个插件
所以我现在是不是该立马去学jQuery。。。 一直在犹豫到底应该先学犀牛还是先学jQuery js只是把w3的看完理解了 准备深入学一下 jQuery是一点都不知道
斯洛文尼亚旅游 2016-02-03
  • 打赏
  • 举报
 回复
找jquery.waterfall.js这个插件
Chloe1995 2016-02-02
  • 打赏
  • 举报
 回复
引用 5 楼 zgxjj 的回复:
后台一次性给完页面所需要的产品JSON也行，比如一页20个产品，用一个数组含有20个对象，每个对象下面有价格，图片地址，名称这些属性，前台遍历这个数组生成相应HTML就行了。给你个我自己写的最简单的http://m.haoyunlaigame.com/select.html,点击下面的分页按钮就可以在控制台看到JSON了，前台用模板输出。
万分感谢回复 现在我的问题就是出在后台json通过url传给前台数据的问题上 现在我的action的url输出是如下这样的 现在我想通过这个url值只传给前台data中的cId和price 
{"code":"0","msg":"Success","data":[{"id":1,"cId":1,"aId":2,"price":3,"crt":"2015-10-25 23:07:36","upt":"2016-02-02 11:50:37"},{"id":2,"cId":3,"aId":4,"price":3,"crt":"2015-10-25 23:07:36","upt":"2016-02-02 11:50:37"}]}
这是我找的一个原生js数组转表格栗子 但是我不是很清楚怎么把我的url中的data数组提取进栗子中的testArray中 json的语法有点生疏 看了有些jQuery的方法我还不是很能理解 所以还是想用原生js提取json中的数据 希望可以得到解决 
<script type="text/javascript">
		var testArray = [ {
			"RRYID" : "039",
			"公共部分" : "22.0440",
			"设备管理" : "0",
			"班组管理" : "0",
			"运行管理" : "-0.20",
			"安全管理" : "-0.10"
		}, {
			"RRYID" : "586",
			"公共部分" : "33.2670",
			"设备管理" : "0",
			"班组管理" : "0",
			"运行管理" : "-1.50",
			"安全管理" : "-0.20"
		}, {
			"RRYID" : "429",
			"公共部分" : "10.7290",
			"设备管理" : "0",
			"班组管理" : "0",
			"运行管理" : "-0.20",
			"安全管理" : "0"
		}];
		var headArray = [];

		function appendTable() {

			for ( var i in testArray[0]) {
				headArray[headArray.length] = i;
			}

			for (var tableNo = 0; tableNo < testArray.length; tableNo++) {

				var table = document.createElement("table");
				var thead = document.createElement("tr");
				for (var count = 0; count < headArray.length; count++) {
					var td = document.createElement("td");
					td.innerHTML = headArray[count];
					thead.appendChild(td);
				}
				table.appendChild(thead);
				var tbody = document.createElement("tr");
				for (var headCount = 0; headCount < headArray.length; headCount++) {
					var cell = document.createElement("td");
					cell.innerHTML = testArray[tableNo][headArray[headCount]];
					tbody.appendChild(cell);
				}
				table.appendChild(tbody);
				document.body.appendChild(table);
			}

		}
虚心求教
Chloe1995 2016-02-02
  • 打赏
  • 举报
 回复
引用 10 楼 zgxjj 的回复:
最重要的一点，对象名一般不用中文，用英文统一写法；在访问的时候会出问题；
所以才找了这么一个原生js json格式然后自动生成表格的例子 想把我的url输出的json嵌套进去试试看行不行 那个循环我也没有看到 但我测试那个例子的时候 没有这个循环竟然测试不出数据 也是搞不懂 而且大神知不知道原生js怎么获取action网址输出的json啊 我测试的都是自己随意写的数据 不知道如何和数据库传来的连接起来 犀牛书刚借来 准备看了 但是有点纠结到底现在应该先学犀牛还是先学jQuery 我的项目有点棘手 而且近期要交稿 所以我才找了原生js方法想理解了先写出个能运行结果的
Chloe1995 2016-02-02
  • 打赏
  • 举报
 回复
引用 10 楼 zgxjj 的回复:
最重要的一点，对象名一般不用中文，用英文统一写法；在访问的时候会出问题；
恩 好的 知道 这只是我找来的一个例子 不是我自己写的 那个html的才是我的json输出的 主要是我jQuery还没开始学 想试试原生js能不能写 所以找了这么一个
留校_察看 2016-02-02
  • 打赏
  • 举报
 回复
后台一次性给完页面所需要的产品JSON也行，比如一页20个产品，用一个数组含有20个对象，每个对象下面有价格，图片地址，名称这些属性，前台遍历这个数组生成相应HTML就行了。给你个我自己写的最简单的http://m.haoyunlaigame.com/select.html,点击下面的分页按钮就可以在控制台看到JSON了，前台用模板输出。
留校_察看 2016-02-02
  • 打赏
  • 举报
 回复
最重要的一点，对象名一般不用中文，用英文统一写法；在访问的时候会出问题；
留校_察看 2016-02-02
  • 打赏
  • 举报
 回复
有三个错误，对象初始化错误和
for ( var i in testArray[0]) {
                headArray[headArray.length] = i;
            }
这个循环看不懂有什么作用；还就是对td talbe tbody th这些使用innerHTML是无效的。 
<meta charset="utf-8">
<table id="table">
</table>
<script type=text/javascript>
        var testArray = [ {
            RRYID : "039",
            公共部分 : "22.0440",
            设备管理 : "0",
            班组管理 : "0",
            运行管理 : "-0.20",
            安全管理 : "-0.10"
        }, {
            RRYID : "586",
            公共部分 : "33.2670",
            设备管理 : "0",
            班组管理 : "0",
            运行管理 : "-1.50",
            安全管理 : "-0.20"
        }, {
            RRYID : "429",
            公共部分 : "10.7290",
            设备管理 : "0",
            班组管理 : "0",
            运行管理 : "-0.20",
            安全管理 : "0"
        }];
	function appendTable() {
		var doc = document;
		var table = doc.getElementById("table"),
		thead = doc.createElement("thead"),
		theadtr = doc.createElement("tr"),
		tbody = doc.createElement('tbody');
		thead.appendChild(theadtr);
		for(var i  in  testArray[0]){
			var td = doc.createElement('td');
			td.appendChild(doc.createTextNode(i))
			theadtr.appendChild(td);
		}
		table.appendChild(thead);
		table.appendChild(tbody);
		for (var i = 0, l = testArray.length; i < l; i++) {
			var tr = doc.createElement('tr');
			for(var j in testArray[i]){
				var td = doc.createElement('td');
				td.appendChild(doc.createTextNode(testArray[i][j]))
				tr.appendChild(td);
			}
			tbody.appendChild(tr);
		}
	}
	appendTable();
</script>
json字面量初始化的时候，属性名不能加引号; 用原生 js遍历json不是最佳方法，一般用jq each，for in能不用就尽量不用，如果在对象上增加了原型，会遍历出来，和数据导致冲突，多看看犀牛书吧。
Chloe1995 2016-02-02
  • 打赏
  • 举报
 回复
引用 7 楼 u012239465 的回复:
数组有排序的
有排序。。。 有排序然后怎么操作。。。不是很理解
木头海上漂 2016-02-02
  • 打赏
  • 举报
 回复
数组有排序的
Chloe1995 2016-01-30
  • 打赏
  • 举报
 回复
程序媛小白 很多不懂的地方 大神们体谅下 在这几天我刷完并理解了w3school的html、css、js 可是对于商品展示这一块还是不知道该如何写 求大神告知 虚心请教
Chloe1995 2016-01-28
  • 打赏
  • 举报
 回复
引用 2 楼 hch126163 的回复:
浏览器认识的就是html 服务器端获取到数据 页面显示2种方式 1、服务器端生成html,响应到浏览器 2、服务器端响应 json 或者 xml 数据到浏览器，浏览器端js 去 生成html
是的 我现在用的是第二种方法 所以按tb的默认排序的方式的话就是随意提取所有商品中的一个然后嵌套到一个div里面 然后下一个商品再嵌套到下一个div中吗 有实例可以参考下吗 网站写到这一步有点懵
hch126163 2016-01-24
  • 打赏
  • 举报
 回复
浏览器认识的就是html 服务器端获取到数据 页面显示2种方式 1、服务器端生成html,响应到浏览器 2、服务器端响应 json 或者 xml 数据到浏览器，浏览器端js 去 生成html
Chloe1995 2016-01-23
  • 打赏
  • 举报
 回复
求回复 求告知
JavaWeb之查询数据库,显示到页面
需求: 将数据库中send_email表展示到页面上 分析 创建jsp页面 拿到list<Email>将数据显示在页面上 创建BeanEmail实体类 创建EmailServlet,BaseServlet类 响应编码设置 调用EmailService的findAll()方法,返回List<Email> 使用request进行转发到jsp页面,携带list集合 创建EmailService接口 调用EmailDao中的findAll()方法,返回List<Emai
node.js与mysql数据库
网络爬虫与数据库操作 简介 本章将通过一个实例来介绍如何编写一个网络爬虫程序来抓取网页内容，并存储到 MySQL 数据库中，以及定期执行爬虫来更新内容。通过本章内容的学习，读者将掌握以下技能： 发起一个 HTTP 请求来获取指定 URL 的内容；使用 jQuery 的查询语法来操作网页元素，提取出需要的数据；将数据储存到数据库中，以及从数据库中查询出这些数据；建立一个简单的 We
数据库系统实现（第2版）完整1——12章
书大概12章节，要求每周阅读一章并撰写读书笔记和心得，发送给我。第一章：DBMS系统概述1数据库管理系统将满足：用户使用专门的数据定义语言来创建新的数据库并指定其模式（数据的逻辑结构）用户使用适当的语言查询数据大量的数据长期地进行存储数据具有持久性，从故障、多种类型的错误或者故意滥用中进行恢复。多个用户同时对数据进行访问，孤立性，原子性关系数据库系统：关系数据库的程序员并不需要关心存储结构。查询可以用很高级的语言来表达，这样可以极大地提高数据库程序员的效率。数据操纵语言(DML)
数据库系统原理课程总结5——数据库系统制作（python+SQL+HTML）
实验任务要求： 结合自己所选的应用案例，至少完成一个简单案例，Web页面的操作应包括增、删、改、查，查询结果以表格或表单形式展现。 整个系统架构至少应包括前端、Web服务器、应用服务器、数据库服务器。Web服务器和应用服务器可以合在一起，也可以根据硬件资源情况分开。 要求提交系统代码、程序与实验报告，届时将逐个检查。 实验任务完成情况： 代码和HTML文件如下： 完成情况说明：已经可以完成通过web界面进行数据库中列表数据的增删改查。本次实验使用python语言中的web模块提供web服务，以及pymys
微信小程序链接数据库并实现登录，特权用户与普通用户的页面跳转（PHP语言）
需要强调的是，phpstudypro也会自带一个数据库，在phpstudypro里需要强调的是要把他关闭掉的，这个数据库与我们电脑的数据库内容是不相通的，但是链接都共用的是一个80端口，如果只想使用phpstudypro的端口，需要关闭80端口，然后打开在phpstudypro里的mysql（这个你下载好了页面的第三个就是，直接启动就行）win+r 敲打cmd，在命令行内输入services.msc,找到mysql 80 然后禁用就可以了。我在这里放出原文，如果有感兴趣的可以可以去原文章看看。
JavaScript

87,995

社区成员

224,693

社区内容

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章