博客园_个人开发历程知识库

ExtJS 2.x + Google Maps JavaScript API V3

2010-12-16T01:15:00Z

最近一段时间手头没有啥具体事情需要忙, 就抽空学习下ExtJS, 并把原先采用BCB6开发的一个配置工具上功能迁移集成到现有的Web平台上来; 刚好可以实践巩固下ExtJS, 其中有个区域配置功能打算把以前做的Google Maps也整合进来, 那Google Maps原先采用的是Google Maps JavaScript API V2, 需要注册申请API Key, 用起来不是那么方便; 现Google在2009上半年推出了不需要API Key的Google Maps JavaScript API V3版本, 打算顺便学习下. Google Maps 相关资料可以参考我原先整理的一篇博文Web开发系列 - GIS或者访问其官方网站Maps API 系列. 接下来介绍一下简单ExtJS 2.x + Google Maps JavaScript API V3集成应用 - 区域配置功能（演示地图基本功能、支持相关位置标记、拖动标记改变位置）.

1、我们先创建一个相关HTML页面gmap.html, 加入ExtJS依赖项,如相关css,js脚本文件

<link rel="stylesheet" type="text/css" href="ext/resources/css/ext-all.css" />
<script language="javascript" src="ext/adapter/ext/ext-base.js"></script>
<script language="javascript" src="ext/ext-all.js"></script>
<script language="javascript" src="ext/ext-lang-zh_CN-min.js"></script>

2、引入Google Maps JavaScript API 脚本文件（因为不是相关GPS应用，我们这里设置其相关参数sensor=false）

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false&language=zh-CN"></script>

3、区域配置窗口相关JavaScript代码

4、最终呈现结果如图下，gmap.html文件下载

本文链接

Web开发系列 - 文章索引

2010-11-22T02:54:00Z

Web开发系列 - VML

摘要: VML相当于IE里面的画笔，能实现你所想要的图形，而且结合脚本，可以让图形产生动态的效果。VML是微软1999年9月附带IE5.0发布的，在我认为， VML其实是Word和HTML结合的产物。可以将Word文档另存为HTML，其中的文本和图片可以很容易的转换，但如果是手绘制的图形在以往的IE里面就无法解释了，如果都转换成图形文件又不太现实。于是微软把Word里面的图形控件结合到IE里面，使IE也具备了绘图功能。 VML的全称是Vector Markup Language(矢量可标记语言)，矢量的图形，意味着图形可以任意放大缩小而不损失图形的质量，这在制作地图上有很大用途。但由于VML只被IE支持, 如果想在其它浏览器实现此效果, 最好采用Flash这类技术去实现. (文章及相关代码搜集自网络,仅供学习参考,版权属于原作者! ) 阅读全文

Web开发系列 - FusionCharts

摘要: FusionCharts是一个基于Flash的图表组件，可以用来提供数据驱动的动态图标，FusionCharts可用于任何网页脚本语言如， HTML格式，JSP, Asp.Net, PHP技术等等。提供交互式和强大的动态图标，FusionCharts充分利用流体美丽的Flash为模板，使用XML作为其数据接口，创造紧凑，互动和真正的动态图表. 阅读全文

Web开发系列 - EcSide

摘要: EcSide是有一个基于JSP Tag的开源列表组件.简单的说,它就是一组可以帮助你快速实现强大的列表的JSP标签. 支持分页, 排序, 过滤, 同时能够导出成Excel, PDF等文档, 本文简单介绍在JSP项目开发中应有EcSide这一组件. 阅读全文

Web开发系列 - Web Chart

摘要: 整理一些可以在Web开发中使用的图表控件, 主要为客户端实现方式, 如Flash, JavaScript, Silverlight; 如果是GDI+方式生成统计图表可以看我前几天整理的另外一篇博文C# WinForm开发系列 - Chart Controls . 阅读全文

Web开发系列 - ExtJS

摘要: ExtJS相关文章整理收集. 阅读全文

Web开发系列 - JSON

摘要: JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。易于人阅读和编写，同时也易于机器解析和生成。它基于JavaScript（Standard ECMA-262 3rd Edition - December 1999）的一个子集。 JSON采用完全独立于语言的文本格式，但是也使用了类似于C语言家族的习惯（包括C, C++, C#, Java, JavaScript, Perl, Python等）。这些特性使JSON成为理想的数据交换语言。阅读全文

Web开发系列 - GIS

本文链接

Web开发系列 - GIS

2010-11-22T02:50:00Z

Google Maps

JQuery Maps

google map是怎样工作的

Google Maps API编程资源大全

google map限制地图缩放级别和显示范围

WebGIS近来学习小结，GoogleMap影像在线矢量化简述

google map v3 api调用不再需要API key

用json传递数据在google map上进行标识

共享一个在Google Map中画各种图形得javascript库

Google Map学习（二）简单的Google Map，Google Map事件

基于GoogleMap，Mapabc，51ditu，VirtualEarth，YahooMap Api接口的Jquery插件的通用实现（含源代码下载）

Google Map API 应用实例说明 - 不羁 - 博客园

google map自定义GMarker的方法二 - Ido - 博客园

Google Map学习（一）简单的Google Map，Google Map基础

Google Map学习（二）简单的Google Map，Google Map事件 -...

基于google map api开发web和google earth的KML地标插件...

Google maps API开发（二） - cyan - 博客园

Android Map开发基础知识学习笔记

GIS基础

其它

[原创]MapXtreme实用技巧与源码10例

Winform下的地图开发控件(GMap.NET)使用心得 - wuhuacon

Winform下的地图开发控件(GMap.NET)使用心得之二

2005 最新GIS地理信息系统软件

想要一个MAPX在VC++下面的DEMO

MapXtreme 2005 GIS开发入门系列索引

ArcGis Server开发Web GIS新手体验（一）

[HowTo:]如何在VC++中使用MAPX控件，并实现鹰眼联动功能

本文链接

Web开发系列 - JSON

2010-11-04T06:14:00Z

JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。易于人阅读和编写，同时也易于机器解析和生成。它基于JavaScript（Standard ECMA-262 3rd Edition - December 1999）的一个子集。 JSON采用完全独立于语言的文本格式，但是也使用了类似于C语言家族的习惯（包括C, C++, C#, Java, JavaScript, Perl, Python等）。这些特性使JSON成为理想的数据交换语言。

基础 - 介绍&工具

用json传递数据在google map上进行标识

介绍 JSON - 星星的天空 - 博客园

三款Json查看小工具 - Meetrice EXT JS 编程资料馆

C# + Asp.Net

What is JSON：在ASP.NET中使用JSON

Json.NET - LINQ to JSON

用JSON技术加快AJAX程序开发

WCF与AJAX编程开发实践(4):支持JSON的AJAX WCF服务

asp.net中Ajax技术使用Json格式传递数据

扩展Json.net(Newtonsoft.Json)

database数据表转成JSON

ASP.NET AJAX框架编程之JSON序列化剖析

Java

JSON — json-lib ——— java与json互转实例代码片断（一）

JSON-LIB快速入门（转）

son-lib 之jsonConfig详细使用

JSON详细学习之JSONObject in JAVA

基于json-lib.jar包常用的三种扩展功能

JSON使用注意

JSON --- JAVA 使用方法

ExtJs + Struts2 + JSON 程序总结

extjs ajax方式前后台数据传送(json格式)

基于json-lib.jar包Json程序,本篇主要介绍一个简单的实例！

C/C++

JSON在C/C++下的运用及 Qt解析Json实例

使用C++处理 JSON 数据交换格式 - 胡超的学习日志 - CSDN博客

数据/配置的存储方式 Json篇以JsonCpp库使用为例 - 程序即人生 - CSDN博客

C++解析json

c/c++使用json

本文链接

Web开发系列 - ExtJS

2010-10-20T12:44:00Z

什么是EXT

1、ExtJS可以用来开发RIA也即富客户端的AJAX应用，是一个用JavaScript写的，主要用于创建前端用户界面，是一个与后台技术无关的前端ajax框架。因此，可以把ExtJS用在.Net、Java、Php等各种开发语言开发的应用中。ExtJs最开始基于YUI技术，由开发人员JackSlocum开发，通过参考JavaSwing等机制来组织可视化组件，无论从UI界面上CSS样式的应用，到数据解析上的异常处理，都可算是一款不可多得的JavaScript客户端技术的精品。

2、Ext的UI组件模型和开发理念脱胎、成型于Yahoo组件库YUI和Java平台上Swing两者，并为开发者屏蔽了大量跨浏览器方面的处理。相对来说，EXT要比开发者直接针对DOM、W3C对象模型开发UI组件轻松。

Ext Viewport实现页面布局 - 独行者的专栏 - CSDN博客

eclipse下安装Extjs的插件spket - 执迷不悔的专栏 - CSDN博客

ExtJS学习笔记-01 - 懋�博 - 博客园

EXTJS学习笔记：grid之分组实现groupingview

学习ExtJs的几个资源(好多是中文的哦) - 菩提树下的杨过

【原】Ext2.2学习系列:ExtJS与.NET结合开发实例

ExtJS 开发总结 - Beginor - 博客园

extjs ajax方式前后台数据传送(json格式)

Extjs

ExtJs学习系列

[原创]基于Extjs的开源控件库

深入学习ExtJS 2.2开发系列连载教程

学习ExtJS（一）

Extjs学习笔记

Extjs - 汉卿 - 博客园

Extjs - 陈小强IT人生 - 博客园

ExtJS - 彭成东 - 博客园

04.JavaScript - 菩提树下的杨过.Net - 博客园

ext - 甜心 - 博客园

extjs - 大笨 - 博客园

ExtJS - 巴斯光年 - 博客园

ExtJS study - Program Life - 博客园

我要飞得更高！ - 博客园

Ext2.0学习入门！ - Just do it - 博客园

【原】Ext2.2学习系列:ExtJS与.NET结合开发实例--提高篇--索引贴 - 殷良胜 - 博客园

ExtJS

Extjs表单验证小结

在ExtJS的ComboBox组件中实现下拉树效果

ExtJS EditorGridPanel 示例之JSON格式Store前后台增删改查

【原】提高篇:第四篇,登陆示例 - 殷良胜 - 博客园

使用ExtJs开发MIS系统（系列文章） - 冬Blog - 博客园

Extjs form

ExtJs教学管理系统

ExtJsCRUD组件实现

基于ExtJS-2.2实现的Ajax登录页面

Extjs.GridPanel 显示多行工具栏 (tbar)

Extjs驗證表單輸入的常用正則表達式

通过Servlet让Extjs GridPanel 显示数据库数据

本文链接

Android学习 - (2)打造Android版手机视频监控系统

2010-06-21T05:21:00Z

接上一篇博文, 来继续完善这个例子; 主要是新增了2个Activity, 显示设备与视频通道的TreeActivity, 浏览某一个通道的实时画面的ImageActivity. TreeActivity主要就是使用一个ListView控件按层次关系来显示区域、设备、视频通道信息。主要涉及以下几个方面知识点：

1、通过HTTP POST方式获取服务端响应的JSON格式数据

json格式当前被大量应用于web数据传输，你可以在这里了解什么是json；因为服务端采用Java开发，可以采用的json库很多，比较常见的如org.json（不需要额外的jar包，Android内置json格式数据解析包就是这个；但好像对自定义实体类支持不太好，也有可能是我不会用，因为以前做web开发都是采用xml来传输服务端响应的数据），json-lib（功能强大，但需要附带一些其他jar包，其通过反射方式来实现对用户自定义bean支持），最终啥都没有采用，直接Override toString() 方法简单处理下。

    @Override
    public String toString()
    {
        if(entType == 1)
        {
            return "{\"id\":" + id + ", \"code\":\"" + beloneto + "\", \"name\":\"" + hostName + "\"}";
        }
        else
        {
            return "{\"id\":" + id + ", \"code\":\"" + beloneto + "\", \"name\":\"" + hostName
            + "\",\n \"entType\":" + entType + ",\"type\": " + dvrType + ", \"ip\":\""
            + ip + "\",\n\"channel\":" + VchList.toString() + "}\n";
        }
   }

2、自定义ListView Adapter、列表项布局

可以通过自定义Adapter类灵活控制数据呈现与相关业务逻辑的处理，实现带图标显示、简单树形层次

3、简单数据存储配置SharedPreferences

SharedPreferences最终生成就是一个xml文件，很类似于Asp.Net开发中的Web.config或WinForm下的App.config，可以用于一些配置信息的存放，功能等同于Windows SDK开发中常用的ini文件。刚好博客园Terry_龙有一篇专门博文 Android 小项目之--数据存储【Shared Preferences】（附源码）讲述SharedPreferences的使用，大家可以参考。

4、Intent、Bundle类简单使用

接下来再简单介绍下ImageActivity，主要是获取TreeActivity通过Bundle传递过来的视频通道ID、名称等信息，然后开启一线程，间隔指定时间实时获取该路视频的视频画面，关键就是通过URLConnection、BitmapFactorydecodeStream(InputStream is)方法生成Bitmap，然后交给ImageView控件显示。该线程与UI线程交互通过消息Handler.sendMessage(Message msg)来处理，如果连续尝试请求5次数据都失败，则弹出对话框提示用户，并关闭当前ImageActivity。

5、全球化、本地化资源

在Android上处理这方面倒是比较容易，一句话就是定义对应的资源；在res目录下新建对应目录如values-en-rUS表示用户在设置-->选择区域为美国时界面对应字符串显示，横竖屏、不同分辨率处理也是通过类似方式处理，例如drawable-land-160dpi

一个好的应用服务需要好的大量内容提供支持，我在网上搜索了一把，很遗憾没有找到对外开放允许访问的设备；如果有对公共开放的，如道路监控摄像头、动物园、公园啥的，倒可以好好利用一把，看看路况，看看风景，如果能够看看大熊猫啥的那是更加好。AndroidDemo2.rar也就是说你下载到的demo是无法看到效果的，据说国外一些设备倒是支持http或rtsp访问并返回JPEG图片，也有不少设备对公众开放，如在CodeProject上看到的采用C#开发多路IP摄像机的视频监控系统（效果如图下），好像就是采用这一模式实现的。

由于自己也是刚开始学习Android，相关资料方面－电子文档eoeAndroid特刊以及近期在博客园连载的大话企业级Android开发都挺不错的，可以让初学者能够快速了解什么是Android，顺利进入Android开发领域。书籍方面博客园知识库就有介绍，以及相关博客内容也很多，可以看我博文Android学习资料汇总中的简单整理；当然更加详尽的资源，如果你有安装Android sdk 可以在其目录下找一下docs文件夹，这个是google提供的类似于msdn的本地文档库，只是好像是英文的，但内容很全，带所有api说明(汗一下先，这个当前我利用远远不够)。

本文链接

Android学习 - (1) 入门例子

2010-06-04T05:35:00Z

作为一个程序员光看光说, 就是不动手自己实践一把, 那可不行, 即使那东西看上去很容易、很简单，哈哈! 这3天拿中午休息时间看了看Android相关博文/书籍, 抽晚上时间写了一个入门级DEMO，主要包含以下一些功能：

1、基本控件的使用（TextView、EditText、Button、ImageView）

2、菜单、提示对话框、进度对话框（OptionsMenu、Toast、AlertDialog、ProgressDialog）

3、线程与消息处理（Thread、Message、Handler、org.apache.http）

模拟用户通过手机输入用户名、密码，然后通过HTTP POST方式提交数据给中心Web服务器进行合法性验证过程

相关代码下载AndroidDemo.rar，希望对新手有所帮助，Android开发主要是Java语言，所以如果你有一定的Java、C#这类面向对象语言开发基础，入门还是很容易的；而且其文档资源相当丰富，网上搜索下，可以找到一大把（如果你不想找，可以看我上一篇博文Android学习资料汇总，简单整理归纳下可以找到的一些Android学习资料）；实际上看SDK提供的docs（内容较完整，齐全）、samples（功能演示例子）；再去下个SDK源代码，然后让自己静下心来慢慢看，仔细体会，深入领悟其编程思想，还是挺有意思的。

值得一提的Android界面开发，好像比较类似于Asp.Net，也可以自定义主题风格（.net 2.0开始有）、布局（HTML标签元素）、资源（如WinForm开发经常用到的Resources.resx文件），这个可比采用C++来开发Windows Mobile应用做UI方便多了；而且Android自带不少UI控件，默认风格就看上去挺不错，且允许用户自定义主题。要想尽快提高自己的水平，还是要多多实践，你没看到一代伟人都说了实践出真理。

本文链接

Android学习资料汇总

2010-06-02T05:02:00Z

入门基础

01.Android 开发环境的建立

在 Windows下搭建Android2.2开发环境（转）

克伟我的HTC Hero(G3)用户体验

我的HTC Hero(G3)用户体验续

系列文章

Venus神庙 Study on Android【一】—概述深入Android 【一】 —— 序及开篇

Phinecos(洞庭散人) Android 实例剖析笔记（一）

webabcd 系出名门 Android 系列文章索引

吴秦 Android 开发之旅

HalZhang Android 开发

royen 我的Android学习之旅[0]——什么是Android

xyz_lmn的日志

Feisky Android

android diordna cppguy 随笔分类 –Android

清水湾 Jews

Windows Mobile 开发系列文章收藏 - SQLite

2010-02-26T05:27:00Z

概述介绍

SQLite入门与分析(二)---设计与概念

嵌入式数据库sqlite(zz from tsov.net)

cf.Net下应用

SQLite数据库安装、试用及编程测试手记

[WM] WM下访问SQLite(一种替代SQL CE的解决方案)

Sqlite和SQLCE在Windows Mobile 6上的性能对比

C++下开发

SQLite数据库如何存储和读取二进制数据

SQLITE3 使用总结

wince上数据库：sqlce和sqlite

Windows Mobile下访问Sqlite的Native C++封装

其它方面应用

开发SQLite数据库常用的管理工具

SQLite系列免费/开源数据库组件/应用

asp.net SQLite数据库操作类

Sqlite资料收集

到底SQLite有多强？在我的2台机器上的压力测试

SQLite简单教程

本文链接

DirectX

2009-12-24T03:32:00Z

DirectX是一种应用程序接口，它可让以windows为平台的游戏或多媒体程序获得更高的执行效率，加强3d图形和声音效果，并提供设计人员一个共同的硬件驱动标准，让游戏开发者不必为每一品牌的硬件来写不同的驱动程序，也降低用户安装及设置硬件的复杂度。这样说是不是有点不太明白，其实从字面意义上说，Direct就是直接的意思，而后边的X则代表了很多的意思，从这一点上我们就可以看出 DirectX的出现就是为了为众多软件提供直接服务的。 DirectX是由很多API组成的，按照性质分类，可以分为四大部分，显示部分、声音部分、输入部分和网络部分。