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

2016-01-22 11:32:00 1.3k 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

Chloe1995 墨衍会员 · AI 创作全网分发关注 + 加入社区

python+flask+mysql 用网页展示数据库内容利用flask框架，把数据库的内容用网页展示出来，并可以用关键词进行搜索操作。一、项目目录数据库的内容二、Flask.py from flask import Flask,request from flask import render_template from mysql import Mysql app = Flask(__name__) @app.route('/index'... 阅读详情

上张tb图方便表达下我的问题

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

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

开发环境是eclipse 后台已开发完成
html css js我都是放eclipse里面调用action="url"实现对数据库操作的

...全文

网页实现数据库表信息的CRUD操作描述我们主要是对数据库表进行一些简单的增删改查操作，然后将内容展示在网页当中，其中主要分为简单功能 1. 列表查询 2. 登录 3. 添加 4. 删除 5. 修改复杂功能 1. 删除选中 2. 分页查询 3. 复杂条件查询一、简单功能在对数据库表进行操作时，我们首先得进行提供数据库表的实体类 public class User { private int id; private String name; private String gender; priva 阅读详情

Chloe1995

JavaScript 87,984 成员 224,681 内容

+ 关注 + 加入社区

切换为时间正序

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