jquery+easyui+websql

最新推荐文章于 2023-11-09 14:00:00 发布
最新推荐文章于 2023-11-09 14:00:00 发布
阅读量314 收藏
点赞数 3
分类专栏： 工作记录 文章标签： jquery css html5 easyui
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_38197458/article/details/116162939
版权
jquery+easyui+WebSql/LocalStorage前端数据存储

一、简介

1、案列介绍

使用原生jquery+easyui框架,数据存储采用前端WebSql,LocalStorage.实现增删改查

​ 参考文章：

二、功能实现

1、WebSql使用

新建js文件，单独存放websql相关操作，类似于数据访问层操作。

1.1、新增

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ErXKJTip-1619427867972)(C:\Users\Administrator\AppData\Roaming\Typora\typora-user-images\image-20210419145144056.png)]

1.2、修改

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-N8pi6QZ5-1619427867974)(C:\Users\Administrator\AppData\Roaming\Typora\typora-user-images\image-20210419145217266.png)]

1.3、删除

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-HjTTxBEs-1619427867976)(C:\Users\Administrator\AppData\Roaming\Typora\typora-user-images\image-20210419145237141.png)]

1.4、查询

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-w9Nq2QDx-1619427867977)(C:\Users\Administrator\AppData\Roaming\Typora\typora-user-images\image-20210419145306701.png)]

1.5、数据库工具类，用于创建数据库，数据表等

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-nvLUCAGk-1619427867979)(C:\Users\Administrator\AppData\Roaming\Typora\typora-user-images\image-20210419145344698.png)]

完整代码
var webSqlDao = {
	/* 添加用户信息 */
	addEmp(emp,callback){
		var sql = "INSERT INTO EMP(ID,NAME,GENDER,TEL,EMAIL,STATUS,AUTH,USER_IMAGE,CREATE_TIME,REMARK) "
					+"VALUES(?,?,?,?,?,?,?,?,?,?)";
		webSqlDao.dbUtils.execSQL(sql,[emp.ID,emp.NAME,emp.GENDER,emp.TEL,emp.EMAIL,emp.STATUS,emp.AUTH,emp.USER_IMAGE,emp.CREATE_TIME,emp.REMARK],callback);
	},
	/* 修改用户信息 */
	modifyEmp(emp,callback){
		var sql = "UPDATE EMP SET NAME=?,GENDER=?,TEL=?,EMAIL=?,STATUS=?,AUTH=?,USER_IMAGE=?,CREATE_TIME=?,REMARK=? WHERE ID=?";
		webSqlDao.dbUtils.execSQL(sql,[emp.NAME,emp.GENDER,emp.TEL,emp.EMAIL,emp.STATUS,emp.AUTH,emp.USER_IMAGE,emp.CREATE_TIME,emp.REMARK,emp.ID],callback);
	},	
	/* 删除用户信息 */
	removeEmp(id,callback){
		var sql = "DELETE FROM EMP WHERE ID=?";
		webSqlDao.dbUtils.execSQL(sql,[id],callback);
	},

	/* 查询所有用户信息*/
	listEmps(callback){
		var sql = "SELECT * FROM EMP";
		webSqlDao.dbUtils.execSQL(sql,[],function(tx,results){
			callback(results.rows);
		});
	},
	/* 根据ID查询用户信息*/
	listEmpsId(id,callback){
		var sql = "SELECT * FROM EMP WHERE ID=?";
		webSqlDao.dbUtils.execSQL(sql,[id],function(tx,results){
			if(results.rows.length > 0){
				callback(results.rows[0]);
			}
		});
	},
	/* 数据库操作工具类 */
	dbUtils : {
		// 打开数据库连接
		getConnection(){
			var db = openDatabase('test', '1.0', 'Test DB', 2 * 1024 * 1024);
			//创建表,字段(id,姓名，性别，电话，电子邮件，状态，权限，头像，创建时间，备注)
			db.transaction(function (tx) {
				tx.executeSql("CREATE TABLE IF NOT EXISTS EMP(ID unique,NAME,GENDER,TEL,EMAIL,STATUS,AUTH,USER_IMAGE,CREATE_TIME,REMARK)");
			})
			return db;  
		},
		// 执行sql语句
		execSQL(sql,param,callback){
			var db = webSqlDao.dbUtils.getConnection();
			db.transaction(function (tx) {
				tx.executeSql(sql,param,callback,function(e){
					console.log(e)
				});
			})
		}
	}
}

2、LocalStorage使用

官方文档：https://www.runoob.com/jsref/prop-win-localstorage.html

2.1、新增

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-9ICFc6s2-1619427867980)(C:\Users\Administrator\AppData\Roaming\Typora\typora-user-images\image-20210419145501053.png)]

2.2、修改

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-yApn4U9n-1619427867980)(C:\Users\Administrator\AppData\Roaming\Typora\typora-user-images\image-20210419145555936.png)]

2.3、删除

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-0jeHucZC-1619427867981)(C:\Users\Administrator\AppData\Roaming\Typora\typora-user-images\image-20210419145611498.png)]

2.4、查询

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-CtctvOGN-1619427867982)(C:\Users\Administrator\AppData\Roaming\Typora\typora-user-images\image-20210419145629900.png)]

2.5、工具类

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-sHALzfto-1619427867983)(C:\Users\Administrator\AppData\Roaming\Typora\typora-user-images\image-20210419145720135.png)]

3、业务逻辑层

新建js文件，调用相应的数据访问层接口

3.1、添加用户
$(function() {
		$("#saveEmp").click(function() {
			var addFormDom = document.addForm;
			var empId = addFormDom.empId.value;
			var empName = addFormDom.empName.value;
			var empGender = addFormDom.empGender.value;
			var empTel = addFormDom.empTel.value;
			var empEmail = addFormDom.empEmail.value;
			var empStatus = addFormDom.empStatus.value;
			var empImage = addFormDom.empImage.value;
			var empAuth = getAuthCheckboxVal();
			empCreateDate = Dateformat(new Date());
			var empRemark = addFormDom.empRemark.value;
			//封装对象，将用户信息提交到数据库
			var emp = {
				ID: empId,
				NAME: empName,
				GENDER: empGender,
				TEL: empTel,
				EMAIL: empEmail,
				STATUS: empStatus,
				AUTH: empAuth,
				USER_IMAGE: empImage,
				CREATE_TIME: empCreateDate,
				REMARK: empRemark
			}
			dao.addEmp(emp, function() {
				alert("添加成功");
				$("#addDialog").dialog("close");
				//重载页面
				//$('#list table:not(:first)').datagrid('reload');    
				//location.reload();
				getlistEmps();
			})
		});
	});
3.2、修改用户信息
$(function() {
		$("#modifyEmp").click(function() {
			var modifyFormDom = document.modifyForm;
			var empId = modifyFormDom.empId.value;
			var empName = modifyFormDom.empName.value;
			var empGender = modifyFormDom.empGender.value;
			var empTel = modifyFormDom.empTel.value;
			var empEmail = modifyFormDom.empEmail.value;
			var empStatus = modifyFormDom.empStatus.value;
			var empImage = modifyFormDom.empImage.value;
			var empAuth = getAuthCheckboxVal();
			var empCreateDate = Dateformat(new Date());
			var empRemark = modifyFormDom.empRemark.value;
			//封装对象，将用户信息提交到数据库
			var emp = {
				ID: empId,
				NAME: empName,
				GENDER: empGender,
				TEL: empTel,
				EMAIL: empEmail,
				CREATE_TIME: empCreateDate,
				STATUS: empStatus,
				AUTH: empAuth,
				USER_IMAGE: empImage,
				REMARK: empRemark
			}
			dao.modifyEmp(emp, function() {
				alert("修改成功");
				$("#modifyDialog").dialog("close");
				//重载页面
				getlistEmps();
			})
		});
3.3、删除用户信息
function deleteEmpData(id) {
	if (confirm("是否删除")) {
		dao.removeEmp(id + "", function() {
			alert("删除成功");
			getlistEmps();
		})
	}
}
3.4、查询用户信息
function getlistEmps() {
	//清空表格数据
	$('#list .datagrid-body table tbody tr:gt(0)').remove();
	dao.listEmps(function(emps) {
		//向表格中重新加入数据
		for (var i = 0; i < emps.length; i++) {
			$("#list .datagrid-body table").append(
				"<tr><td>" + " " + "</td>" +
				"<td>" + emps[i].ID + "</td>" +
				"<td>" + emps[i].NAME + "</td>" +
				"<td>" + emps[i].GENDER + "</td>" +
				"<td>" + emps[i].TEL + "</td>" +
				"<td>" + emps[i].EMAIL + "</td>" +
				"<td>" + emps[i].USER_IMAGE + "</td>" +
				"<td>" + emps[i].AUTH + "</td>" +
				"<td>" + emps[i].STATUS + "</td>" +
				"<td>" + emps[i].CREATE_TIME + "</td>" +
				"<td>" + emps[i].REMARK + "</td>" +
				"<td><button οnclick='updateEmpData(" + emps[i].ID + ")'>修改</button>" +
				"<button οnclick='deleteEmpData(" + emps[i].ID + ")'>删除</button></td></tr>"
			);
		}
	})
}

三、页面准备

1、目录结构

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-zMIOz9xa-1619427867984)(C:\Users\Administrator\AppData\Roaming\Typora\typora-user-images\image-20210419155008821.png)]

2、页面代码

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>Insert title here</title>
		<link rel="stylesheet" type="text/css" href="easyui/themes/default/easyui.css">
		<link rel="stylesheet" type="text/css" href="easyui/themes/icon.css">
		<script type="text/javascript" src="easyui/jquery.min.js"></script>
		<script type="text/javascript" src="easyui/jquery.easyui.min.js"></script>
		<script type="text/javascript" src="js/websql_dao.js"></script>
		<script type="text/javascript" src="js/localstorage_dao.js"></script>
		<script type="text/javascript" src="js/emp_management.js"></script>
	
	</head>
	<body>
		<div>
			<span>切换数据源：</span>
			<input class="easyui-radiobutton" type="radio" name="data_source" value="1" onchange="dataSourceChange()" checked="checked">WebSQL</input>
			<input class="easyui-radiobutton" type="radio" name="data_source" value="0" onchange="dataSourceChange()">LocalStroage</input>
		</div>
		<div id="lay" class="easyui-layout" fit=true style="width: 100%; height: 1000px">
			<!-- 用户列表部分 -->
			<div region="center" style="padding: 5px; background: #eee;" id="list">
				<table id="datagrid"></table>
			</div>
		</div>

		<!-- modal：新增模态窗口 closed：默认关闭-->
		<div id="addDialog" title="新增用户" modal=true draggable=false class="easyui-dialog" closed=true style="width:300px;">
			<form name="addForm">
				<input type="hidden" name="id" value="" />
				<table>
					<tr>
						<td>用户ID:</td>
						<td><input type="text" name="empId" class="easyui-numberbox" required=true missingMessage="用户Id不能为空!,数字,不重复" value="" /></td>
					</tr>
					<tr>
						<td>用户名:</td>
						<td><input type="text" name="empName" class="easyui-validatebox" required=true missingMessage="用户名必填!"
							 invalidMessage="用户名必须在2到5个字符之间!" value="" /></td>
					</tr>
					<tr>
						<td>邮箱:</td>
						<td><input type="text" name="empEmail"class="easyui-validatebox" validType='email' id="emailReg" missingMessage="请输入正确的邮箱格式!"
							 invalidMessage="请输入正确的邮箱格式" value="" /></td>
					</tr>
					<tr>
						<td>电话:</td>
						<td><input type="text" name="empTel"  class="easyui-numberbox" validType='phoneNum' missingMessage="请输入正确的手机号格式!"
							 invalidMessage="请输入正确的手机号格式" value="" /></td>
					</tr>
					<tr>
						<td>性别:</td>
						<td>
							男<input type="radio" checked="checked" name="empGender" value="男" formatter/>
							女<input type="radio" name="empGender" value="女" formatter />
						</td>
					</tr>
				
					<tr>
						<td>状态:</td>
						<td>
							有效<input type="radio" checked="checked" name="empStatus" value="有效" />
							无效<input type="radio" name="empStatus" value="无效"  />
						</td>
					</tr>
					<tr>
						<td>权限:</td>
						<td>
							查询<input type="checkbox" name="empAuth" value="查询" />
							新增<input type="checkbox" name="empAuth" value="新增"  />
							修改<input type="checkbox" name="empAuth" value="修改"  />
							删除<input type="checkbox" name="empAuth" value="删除"  />
						</td>
					</tr>
					<tr>
						<td>用户头像:</td>
						<td><input class="easyui-filebox" name="empImage"  accept=".jpeg,.png"></td>
					</tr>
					<tr>
						<td>备注:</td>
						<td><input type="text" name="empRemark" class="easyui-validatebox"  value="" /></td>
					</tr>
					<tr align="center">
						<td colspan="2">
							<a id="saveEmp" class="easyui-linkbutton">确定</a>
							<a id="saveClose" class="easyui-linkbutton">关闭</a>
						</td>
					</tr>
				</table>
			</form>
		</div>
		
		<!-- modal：修改模态窗口 closed：默认关闭-->
		<div id="modifyDialog" title="修改用户" modal=true draggable=false class="easyui-dialog" closed=true style="width:300px;">
			<form name="modifyForm">
				<input type="hidden" name="id" value="" />
				<table>
					<tr>
						<td>用户ID:</td>
						<td><input type="text" name="empId" class="easyui-validatebox" disabled="disabled" missingMessage="用户Id不能为空!,且不能重复" value="" /></td>
					</tr>
					<tr>
						<td>用户名:</td>
						<td><input type="text" name="empName" class="easyui-validatebox" required=true missingMessage="用户名必填!"
							 value="" /></td>
					</tr>
					<tr>
						<td>邮箱:</td>
						<td><input type="text" name="empEmail" class="easyui-validatebox" validType="email" missingMessage="请输入正确的邮箱格式!"
							 invalidMessage="请输入正确的邮箱格式" value="" id="editEmail"/></td>
					</tr>
					<tr>
						<td>电话:</td>
						<td><input type="text" name="empTel" class="easyui-numberbox" validType="phone" missingMessage="请输入正确的手机号格式!"
							 invalidMessage="请输入正确的手机号格式" value="" /></td>
					</tr>
					<tr>
						<td>性别:</td>
						<td>
							男<input type="radio" checked="checked" name="empGender" value="1" />
							女<input type="radio" name="empGender" value="2" />
						</td>
					</tr>
					<tr>
						<td>状态:</td>
						<td>
							有效<input type="radio" checked="checked" name="empStatus" value="有效" />
							无效<input type="radio" name="empStatus" value="无效"  />
						</td>
					</tr>
					<tr>
						<td>权限:</td>
						<td>
							查询<input type="checkbox" name="empAuth" value="查询" />
							新增<input type="checkbox" name="empAuth" value="新增"  />
							修改<input type="checkbox" name="empAuth" value="修改"  />
							删除<input type="checkbox" name="empAuth" value="删除"  />
						</td>
					</tr>
					<tr>
						<td>用户头像:</td>
						<td><input class="easyui-filebox" name="empImage" accept=".jpeg,.png"></td>
					</tr>
					<tr>
						<td>备注:</td>
						<td><input type="text" name="empRemark" class="easyui-validatebox"  value="" /></td>
					</tr>
					<tr align="center">
						<td colspan="2">
							<a id="modifyEmp" class="easyui-linkbutton" >确定</a>
							<a id="modifyClose" class="easyui-linkbutton">关闭</a>
						</td>
					</tr>
				</table>
			</form>
		</div>
	
	</body>
</html>

四、效果预览

1、首页

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-b7MFGs7m-1619427867985)(C:\Users\Administrator\AppData\Roaming\Typora\typora-user-images\image-20210419155308965.png)]

2、新增、修改（数据回显）

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-8aeh9AT9-1619427867987)(C:\Users\Administrator\AppData\Roaming\Typora\typora-user-images\image-20210419155230360.png)]

3、数据存储位置

1、websql

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-N2b5ArtE-1619427867988)(C:\Users\Administrator\AppData\Roaming\Typora\typora-user-images\image-20210419155511338.png)]

2、localstorage

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-zIT1k55C-1619427867988)(C:\Users\Administrator\AppData\Roaming\Typora\typora-user-images\image-20210419155701774.png)]

四、备注说明

  1. 本文仅作为个人学习总结、分享，希望各位大佬前辈可以多多指点
  2. 界面或者功能上有很多不足的地方并未修正，这里仅简单实现增删改查功能。
  3. 有兴趣的朋友，可以一起交流探讨。如果觉得有用需要源码的朋友可以去我的个人中心免费下载
</body>




## 四、效果预览

### 1、首页

[外链图片转存中...(img-b7MFGs7m-1619427867985)]

### 2、新增、修改（数据回显）

[外链图片转存中...(img-8aeh9AT9-1619427867987)]

### 3、数据存储位置

#### 1、websql

[外链图片转存中...(img-N2b5ArtE-1619427867988)]

#### 2、localstorage

[外链图片转存中...(img-zIT1k55C-1619427867988)]

## 四、备注说明

1. 本文仅作为个人学习总结、分享，希望各位大佬前辈可以多多指点
2. 界面或者功能上有很多不足的地方并未修正，这里仅简单实现增删改查功能。
3. 有兴趣的朋友，可以一起交流探讨。如果觉得有用需要源码的朋友可以去我的个人中心免费下载
4. https://download.csdn.net/download/qq_38197458/16754970
Hello-BUG!
关注
  • 3
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
专栏目录
基于jquery js自定义sql条件查询
09-04
用户自己定义动态组织sql查询条件，对于用户来说相当方便的啦。可以自由选择查询字段、条件条件、条件值，选择与或关系，包括括号优先的使用。根据查询字段不同，查询条件值的动态改变，如日期控件、下拉框、可输入的文本框。参考使用的童鞋可以再优化下，使之更人性化。 呵呵。折腾一天弄出来的，个人觉得很实用，不足之处，很自行修改。 童鞋们大力给分啊，大哥也下载东东需要积分啊。 用户使用说明： 1.当条件值是日期时，格式为：2013-01-01； 2.当条件值是字段串时，中间含有英文单引号“'”时，请用两个单引号“''”表示，如：AA''A ； 3.当条件为“包含”或“不包含”时，条件值不能是日期格式 ; 4.当条件为“包含”或“不包含”时，条件值是字符串类型用单引号“'”引起来，多个数据项时用逗号分隔，如：'AAA','BBB'； 5.当条件为“包含”或“不包含”时，条件值是数字型时则不需要单引号“'”,多个数据项时用逗号分隔如：100,120; 6.当条件为“大于”或“小于”时，条件值只能是数字型或日期型，否则查询结果将可能不准确; 7.如果使用括号，请务必保证括号匹配； 8.条件值尽量避免有“'、%”等特殊字符；
jquery sql_选择用于SQL，HTML和jQuery
cunjiu9486的博客
10-13 521
jquery sqlSelect is a very special term used in different programming languages, frameworks or database statements. In this tutorial we will list and explain different usages of the Select statements ...
部分SQL语句整理及JQuery方法
chenqqabcdchenqqabcd的专栏
01-15 458
1. DATE_SUB(NOW(),INTERVAL 1 MINUTE   一分钟以内的数据 2.find_in_set(id,'430622988,478558338,349042845,')>0  id是否数组里 3.date_format(sc.sign_time,'%Y-%m')='2016-09' ----------date_format(sc.sign_time,
什么是jQuery
weixin_30527323的博客
01-14 50
在公司的项目中，经常看到一些脚本，但是不知道是什么脚本，在代码里会引用到一些html里的标签。 最近，在网上搜了一下，同时也问了同事，知道这些代码是jQuery。 那么这个jQuery是什么呢？ 实际上jQuery就是一个javascript库，用来简化javascript编程。 下面就是一个简单的jQuery编写的代码： <head> ...
jQuery实现将mysql数据库中的数据转化为json数据在前台显示
04-27
用jquery中的.getjson()技术和.ajax技术实现从后台中的mysql数据在前台显示，能够直接在myeclipse运行。
jquery+easyui+websql.rar
04-19
在本项目中，"jquery+easyui+websql.rar"是一个包含了使用jQuery、EasyUI框架以及WebSQL（或LocalStorage）技术来实现前端数据管理的压缩包。以下将详细阐述这些技术及其相互配合的方式。 首先，jQuery是一个广泛...
基于ssm+easyui的管理系统
04-07
【EasyUI】是一个基于jQuery的UI库，主要用于构建桌面应用的用户界面。它提供了诸如表格、树形结构、对话框、表单、菜单等组件，极大地提高了开发效率，同时也保证了界面的统一性和用户体验。在本管理系统中，EasyUI...
ssm+easyUI整合案列
11-16
4. **EasyUI**：EasyUI是基于jQuery的一个轻量级的前端UI框架，提供了丰富的组件如表格、表单、菜单、对话框等，帮助开发者快速构建美观的Web界面。它支持响应式布局，适应不同设备的显示需求。 5. **整合过程**：...
SSH+EasyUI权限管理系统
05-03
EasyUI则是一个基于jQuery的UI库，提供了一系列美观的前端组件，使得界面设计更加便捷。 1. **Spring框架**：Spring是Java企业级应用的核心框架，它提供了依赖注入（Dependency Injection，DI）和面向切面编程...
SSM+easyUI
06-05
**EasyUI** 是一个基于jQuery的UI库，提供了大量的UI组件，如表格、表单、对话框、菜单、树形结构等，使得开发者可以快速构建出美观且功能丰富的Web界面。EasyUI遵循MVC模式，与后台数据的交互通常通过Ajax实现，...
基于jquery js自定义sql条件查询.rar
05-21
基于jquery js自定义sql条件查询.rar
SQL知识点和jQuery的选择器
weixin_44582939的博客
06-26 308
1、数据库知识点 1、 怎么新建查询？ 点击SQL左上边的： 然后再选择自己想要查询的数据库： 每次重新打开SQL时，默认的都是系统数据库master，如果要对哪个数据库里的表进行增删查改，那就要点击右边那个三角形换到那个数据库 怎么执行语句？ 第一， 选中语句： 第二， 点击执行 3、INSERT INTO语句 插入数据 INSERT INTO 表名称（列1，列2，……）VALUE...
js定位\存储\websql笔记
qq_64353584的博客
03-10 789
定位 判断浏览器是否支持 if (navigator.geolocation){ navigator.geolocation.getCurrentPosition(showPosition); }else{ x.innerHTML="该浏览器不支持获取地理位置。"; } 获取定位的经纬度 function showPosition(position){ x.innerHTML="纬度: " + position.coords.latitude + "<br>经度: " +
目前最受欢迎的12个Python web框架，你用过几个？
libaiup的博客
11-09 3083
Python作为胶水语言，随AI时代来临备受追捧。其发展方向有很多的，比如：爬虫、数据分析、自动化测试、人工智能、运维还有web开发等。 Python程序员有很多很好的选择来创建Web应用程序和API；Django，Weppy，Bottle和Flask引领潮流。 如果正在开发一个Web应用程序并且已经选择使用Python作为构建它的语言，那么这是一个明智的选择。Python的开发成熟度，强大的库以及广泛的实际应用使其成为Web开发的必需。
部署分布式SQL查询引擎框架(presto)
菜鸟博客
02-21 897
0. 背景 在了解到公司已经使用多数据源的情况下,同时要满足bi报表(web 报表展示平台)的后台数据库的连接支持 ,所以 准备调研并搭建presto 服务框架 1.简介 一.Presto是一个facebook开源的分布式SQL查询引擎，适用于交互式分析查询，数据量支持GB到PB字节。presto的架构由关系型数据库的架构演化而来。 其本身并不存储数据，但是可以接入多种数据源，并且支持跨数据源的级联查询。Presto是一个OLAP的工具，擅长对海量数据进行复杂的分析；但...
综合小项目(HTML+JQuery+js+Ajax+mysql+H5)
热门推荐
a18792721831的博客
07-24 1万+
先来看一下最终效果图： 1.首先，在以下例子中进行更改： 查看文章 这个例子是使用HTML和css建立的一个经典的界面，我们这次需要做的就是在登陆界面中，与数据库连接，实现登陆，注册功能： 首先更改登陆小窗口： 更改为以下代码，实现上述效果： 用户名: 密  码:
mvc+easyui+sqlserver2005源码
最新发布
12-06
对于MVC+EasyUI+SQL Server 2005的源代码，它可能是一个基于MVC架构的Web应用程序，使用了EasyUI来实现用户界面，通过SQL Server 2005来存储和管理数据。 具体而言，这个源代码可能包括以下内容： 1. 模型（Model）...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值