JSQL 基于客户端的成绩统计实现方法

代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Marks Count</title>
<script type="text/javascript" src="../src/YESBRAIN.js"></script>
<script type="text/javascript" src="../src/JSQL.js"></script>
<script type="text/javascript" src="../src/JSQL-Memory.js"></script>
<script type="text/javascript" src="../src/JSQL-DOM.js"></script>
<style>
#marks input {
width: 100px;
}
</style>
</head>
<body>
<center>
<h1>Marks Count</h1>
<p>
<button onclick="insertline();"> Add one line </button>
<button onclick="savemarks();"> Save Changes </button>
<span>By<span>
<select id="byfield">
<option value="chinese" selected="selected">Chinese</option>
<option value="math">Math</option>
<option value="english">English</option>
</select>
<select id="ascdesc">
<option value="desc" selected="selected">Desc</option>
<option value="asc">Asc</option>
</select>
<button onclick="order();">Order</button>
</p>
<form name="marks" id="marks">
<span>Name:</span>
<input type="text" id="name[1]" value="zhangsan">
<span>Sex:</span>
<input type="text" id="sex[1]" value="female">
<span>Chinese:</span>
<input type="text" id="chinese[1]" value="96">
<span>Math:</span>
<input type="text" id="math[1]" value="94">
<span>English:</span>
<input type="text" id="english[1]" value="98">
<br>
</form>
</center>
<script type="text/javascript">
var marks = [
{
name: 'Lisi',
sex: 'Female',
chinese: '88',
math: '90',
english: '92'
},
{
name: 'Wangwu',
sex: 'Female',
chinese: '92',
math: '80',
english: '82'
},
{
name: 'Lilei',
sex: 'Female',
chinese: '93',
math: '88',
english: '87'
},
{
name: 'HanMeimei',
sex: 'Male',
chinese: '97',
math: '92',
english: '100'
},
{
name: 'Wangjuan',
sex: 'Male',
chinese: '92',
math: '93',
english: '90'
}
];

function addto(index,name,sex,chinese,math,english) {
"insert into marks (nodename,innerHTML) values ('span','Name:')".ForDOM().execute();
("insert into marks (nodename,type,id,value) values ('input','text','name[" + (index) + "]','" + name + "')").ForDOM().execute();
"insert into marks (nodename,innerHTML) values ('span','Sex:')".ForDOM().execute();
("insert into marks (nodename,type,id,value) values ('input','text','sex[" + (index) + "]','" + sex + "')").ForDOM().execute();
"insert into marks (nodename,innerHTML) values ('span','Chinese:')".ForDOM().execute();
("insert into marks (nodename,type,id,value) values ('input','text','chinese[" + (index) + "]','" + chinese + "')").ForDOM().execute();
"insert into marks (nodename,innerHTML) values ('span','Math:')".ForDOM().execute();
("insert into marks (nodename,type,id,value) values ('input','text','math[" + (index) + "]','" + math + "')").ForDOM().execute();
"insert into marks (nodename,innerHTML) values ('span','English:')".ForDOM().execute();
("insert into marks (nodename,type,id,value) values ('input','text','english[" + (index) + "]','" + english + "')").ForDOM().execute();
("insert into marks (nodename) values ('br')").ForDOM().execute();
};

for(var i=0; i<marks.length;i++) {
addto(i+2,marks[i].name,marks[i].sex,marks[i].chinese,marks[i].math,marks[i].english);
};

function insertline() {
var count = "select count(*) as Count from marks where id like 'name%'".ForDOM().query();
var index = count[0].Count + 1;
addto(index,"","","","","");
};

function dellastline() {
var count = "select count(*) as Count from marks where id like 'name%'".ForDOM().query();
var index = count[0].Count;
("delete from marks where id like '%["+ index +"]'").ForDOM().execute();
};

"create table savedmarks".execute();

function savemarks() {
var names = ("select value from marks where id like 'name%'").ForDOM().query();
var sexs = ("select value from marks where id like 'sex%'").ForDOM().query();
var chineses = ("select value from marks where id like 'chinese%'").ForDOM().query();
var maths = ("select value from marks where id like 'math%'").ForDOM().query();
var englishs = ("select value from marks where id like 'english%'").ForDOM().query();
"delete from savedmarks".execute();
for(var i=0;i<names.length;i++) {
("insert into savedmarks (name,sex,chinese,math,english) values ('"+ names[i].value +"','" + sexs[i].value + "'," + chineses[i].value + "," + maths[i].value + "," + englishs[i].value + ")").execute();
};
//alert(savedmarks);
};

function orderby(field,asc) {
savemarks();
var marks = ("select * from savedmarks order by " + field + " " + asc).query();
"delete from marks".ForDOM().execute();
for(var i=0; i<marks.length;i++) {
addto(i+2,marks[i].name,marks[i].sex,marks[i].chinese,marks[i].math,marks[i].english);
};
};
function order() {
var byfield = document.getElementById("byfield").value;
var ascdesc = document.getElementById("ascdesc").value;
orderby(byfield,ascdesc);
};
</script>
</body>
</html>

主要用到四个JS库，其中YESBRAIN.js是基库，JSQL.js是接口。JSQL-Memory.js和JSQL-DOM分别是JSQL对 javascript Objects Array 和 Html DOM 的 SQL 实现。

jsql javascript

赞 (0)

相关推荐

  • JSQL 基于客户端的成绩统计实现方法

    复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head> <meta http-equiv=&q

  • JS基于cookie实现来宾统计记录访客信息的方法

    JS基于cookie实现来宾统计记录访客信息的方法

    本文实例讲述了JS基于cookie实现来宾统计记录访客信息的方法.分享给大家供大家参考.具体如下: 这里使用JavaScript记录访客的来宾信息,记录是第几次来访,显示的信息有:您的名字;您浏览该网页的次数;您上次浏览网页的时间.可以更改姓名. 运行效果如下图所示: 具体代码如下: <html> <head> <title>记录客户信息</title> <script language="JavaScript"> <!

  • PHP基于cookie与session统计网站访问量并输出显示的方法

    本文实例讲述了PHP基于cookie与session统计网站访问量并输出显示的方法.分享给大家供大家参考,具体如下: <?php $f_open = fopen("count.txt","r+"); //打开指定的文件 $count = fgets($f_open); //读取文件中的数据 if(empty($_COOKIE['cookie_name'])){ //判断COOKIE的是否存在 setcookie("cookie_name",

  • Python 3.x基于Xml数据的Http请求方法

    1. 前言 由于公司的一个项目是基于B/S架构与WEB服务通信,使用XML数据作为通信数据,在添加新功能时,WEB端与客户端分别由不同的部门负责,所以在WEB端功能实现过程中,需要自己发起请求测试,于是便选择了使用Python编写此脚本.另外由于此脚本最开始希望能在以后发展成具有压力测试的功能,所以除了基本的访问之外,添加了多线程请求. 整个脚本主要涉及到的关于Python的知识点包括: 基于urllib.request的Http访问 多线程 类与方法的定义 全局变量的定义与使用 文件的读取与写

  • AngularJS基于ui-route实现深层路由的方法【路由嵌套】

    AngularJS基于ui-route实现深层路由的方法【路由嵌套】

    本文实例讲述了AngularJS基于ui-route实现深层路由的方法.分享给大家供大家参考,具体如下: 1.前面我们通过了简单的ng-route实现了简单层次的路由,对于深层次的路由,我们可以通过ui-route来实现. (1)ng-route的局限性:一个页面无法嵌套多个视图,也就是说一个页面只能有包含一个页面一个控制器的切换. (2)ui-route的改进:在具有富客户端的单页应用中,要在一个页面中呈现不同的视图,我们可以通过ui-route实现路由的嵌套. 2 . ui-route的使用

  • Java基于Socket的文件传输实现方法

    本文实例讲述了Java基于Socket的文件传输实现方法.分享给大家供大家参考,具体如下: 1. Java代码如下: package sterning; import java.io.BufferedInputStream; import java.io.DataInputStream; import java.io.DataOutputStream; import java.io.File; import java.io.FileInputStream; import java.net.Ser

  • 基于JavaMail API收发邮件的方法

    本文实例讲述了基于JavaMail API收发邮件的方法.分享给大家供大家参考.具体如下: 1.JavaMail API按其功能划分通常可分为如下三大类 (1)创建和解析邮件内容的API :Message类是创建和解析邮件的核心API,它的实例对象代表一封电子邮件. (2)发送邮件的API:Transport类是发送邮件的核心API类,它的实例对象代表实现了某个邮件发送协议的邮件发送对象,例如SMTP协议. (3)接收邮件的API:Store类是接收邮件的核心API类,它的实例对象代表实现了某个

  • php获取客户端电脑屏幕参数的方法

    本文实例讲述了php获取客户端电脑屏幕参数的方法.分享给大家供大家参考.具体分析如下: 首先需要说明的是php是服务器端的语言,是获取不到客户端的屏幕的宽度和高度的.但是有变通的方法就是通过客户端脚本语言javascript获取客户端的电脑屏幕的宽度和高度,然后通过ajax或者cookie的形式传递给php脚本语言,从而实现php获取客户端电脑屏幕宽度和高度的办法. 通过javascript获取客户端电脑的宽度,高度,分辨率的方法如下: 屏幕分辨率的高: window.screen.height

  • 基于js对象,操作属性、方法详解

    一,概述 在Java语言中,我们可以定义自己的类,并根据这些类创建对象来使用,在Javascript中,我们也可以定义自己的类,例如定义User类.Hashtable类等等. 目前在Javascript中,已经存在一些标准的类,例如Date.Array.RegExp.String.Math.Number等等,这为我们编程提供了许多方便.但对于复杂的客户端程序而言,这些还远远不够. 与Java不同,Java2提供给我们的标准类很多,基本上满足了我们的编程需求,但是Javascript提供的标准类很

  • python基于xmlrpc实现二进制文件传输的方法

    本文实例讲述了python基于xmlrpc实现二进制文件传输的方法.分享给大家供大家参考.具体实现方法如下: 服务器端: from SimpleXMLRPCServer import SimpleXMLRPCServer import xmlrpclib def python_logo(): handle = open("python_logo.jpg",'rb') return xmlrpclib.Binary(handle.read()) handle.close() server

随机推荐