Javascript: SQL <==> Java String 互转

Javascript: SQL <==> Java String 互转

 

<html> 
	<head> 
	<meta   http-equiv= "Content-Type "   content= "text/html;   charset=gb2312 "> 
	<title> Sql <==> Java String 互转</title> 
	<script>
							
		function tranxSql2JavaString(){
			document.getElementById("targetTextArea").value =
				"strSql = \" \" \n"+document.getElementById("oriTextArea").value.replace(/.+/g,function(a){return " +\" " +a+" \"" })
				;
		}
		
		function tranxJavaString2Sql(){
			document.getElementById("targetTextArea").value =
				document.getElementById("oriTextArea").value
				.replace(/\+\s*\"/g,"")
				.replace(/\"\s*\+/g,"")
				.replace(/\s+\+/g,"")
				.replace(/\"\s*;/g,"")
				.replace(/\"/g,"")
			;
			
			//包含两个之间的空格
			//+"
			//"+
			// +
			//";
			//"
		}



		
	</script>
	
	</head> 

	<body > 
	<div align="center">
	<textarea id="oriTextArea" style="border: 1px solid #d9d9d9;height: 200px;width: 95%;"></textarea>
	<br /><br />
		<input type="button" value="SQL -> JavaString" οnclick="tranxSql2JavaString();" />
		<input type="button" value="JavaString -> SQL" οnclick="tranxJavaString2Sql();" />
		
		<br /><br />
		<textarea id="targetTextArea" style="border: 1px solid #d9d9d9;height: 200px;width: 95%;"></textarea>
		
	</div>

	</body> 
</html> 

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
<%@page pageEncoding="UTF-8" import="java.sql.*"%> <!DOCTYPE html> <html style="height: 100%"> <head> <meta charset="utf-8"> <title>柱状图显示数值</title> </head> <body style="height:600px; margin: 0"> <div id="main" style="width: 2000px;height:80%;"></div> <script type="text/javascript" src="js/echarts.min.js"></script> <script> function show(title,value){ var myChart = echarts.init(document.getElementById('main')); // 指定图表的配置项和数据 var option = { // 标题 title: { text: 'ECharts 入门示例' }, // 工具箱 toolbox: { show: true, feature: { dataZoom: { yAxisIndex: 'none' }, dataView: {readOnly: false}, magicType: {type: ['line', 'bar']}, restore: {}, saveAsImage: {} } }, // 图例 legend: { data: ['销量'] }, // x轴 xAxis: { data: title }, yAxis: { type: 'value' }, // 数据 series: [{ name: '销量', type: 'bar', data: value, itemStyle: { normal: { label: { show: true, //开启显示 position: 'top', //在上方显示 textStyle: { //数值样式 color: 'black', fontSize: 16 } } } }, }] }; // 使用刚指定的配置项和数据显示图表。 myChart.setOption(option); } </script> <% Class.forName("com.mysql.jdbc.Driver"); String url="jdbc:mysql://101.43.149.243:3306/test"; Connection con=DriverManager.getConnection(url,"guest","guest"); String sql="select * from logpvbyprovince order by num desc limit 10"; PreparedStatement pst=con.prepareCall(sql); ResultSet rs=pst.executeQuery(); %> <script type="text/javascript"> title=new Array(); value=new Array(); <% while(rs.next()){ %> title.push("<%=rs.getString(1)%>");value.push(<%=rs.getInt(2)%>); <% } rs.close(); pst.close(); con.close(); %> show(title,value); </script> </body> </html>改为用饼图展示
06-01

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值