Jquery Mobile开发跟试用 _Web前端

Jquery Mobile开发和试用
时下，基于HTML5及相关规范族的应用会被应用到各种设备中，从Google的Chrome到Apple的iOS，甚至于桌面系统的老大微软都基于这个框架开发应用。而要自己从头开发一个基于HTML的应用，又支持各种设备的触摸屏和多点技术，是非常困难的。因此 Jquery推出的界面套件Jquery Mobile就显得非常令人期待。

jquerymobile正在持续开发中，目前的版本是1.0 Alpha2 因为是Alpha系列版本，变化还很剧烈。但我已经做了个小小的软件了，效果很不错

接下来谈谈开发的体会：

1 熟悉HTML的话在技术上是没有门槛的。

2 Jquery Mobile是非侵入式框架。就是说基本的功能元素是纯的HTML。没有Jquery Mobile也不影响使用

3 要组织好应用功能，一个页面一项功能。并且设计好页面过渡，尽量不产生太复杂的页面过渡，以免踩雷

1 楼 lirong1978 2010-12-16

手机能跑JS吗？

2 楼 whitenegro 2010-12-17

lirong1978 写道

手机能跑JS吗？

在目前大多数手机是没法跑的，非智能机是免谈，即便是智能机也是特定的一些。

还好的是android和iphone全系列是可以跑这个的

3 楼 fly2wind 2010-12-20

可以结合PhoneGap使用

4 楼 winhonourxzg 2010-12-20

lz分享下源码

5 楼 longjuanfeng885 2010-12-21

兄弟
能否把你的代码发给我一份谢谢！
我的邮箱115092615@qq.com
感谢了

6 楼 caojianwei 2010-12-21

LZ分享下代码吧！c.j.w_521@163.com

7 楼 longjuanfeng885 2010-12-21

caojianwei
楼上兄弟留个你的QQ我们交流下可以不？
我qq上面留了。
谢谢！

8 楼 xiaochengfu1 2010-12-22

共享下源码啊

9 楼 whitenegro 2010-12-23

哦抱歉楼上的各位兄弟，最近没回这个帖子

代码当然是开源的了，全部源码在
http://farserver.googlecode.com/svn/trunk/applications/HappyMoney/

但是因为后台技术上是基于farserver开发的，即服务器端js + ftl模板，

如果有兴趣了解farserver相关技术就和我联系
可以在 http://www.g-qu.net注册试用这个应用


<!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>聪明小管家</title>

<#if request.getAgent().isMozilla5()>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a2/jquery.mobile-1.0a2.min.css" />
<script src="http://code.jquery.com/jquery-1.4.4.min.js"></script>
<script src="http://code.jquery.com/mobile/1.0a2/jquery.mobile-1.0a2.min.js"></script>
</#if>
</head>
<body>

<div data-role="page">

	<div data-role="header" data-theme="c">
		<a href="../about.html" data-icon="star" data-transition="slideup">关于</a>
		<h1>聪明小管家</h1>
	</div><!-- /header -->
	<div data-role="content">
	
		<div data-role="controlgroup" data-type="horizontal">
				<a href="#" data-role="button">近3天:<font color="red">${model.threeday}</font></a>
				<a href="#" data-role="button">本月：<font color="red">${model.month}</font></a>
		</div>
		<ul data-role="listview" data-inset="true" data-theme="c" data-dividertheme="b">
			<li data-role="list-divider">操作列表</li>
			<li><a href="../service/outgoings.gs">支出</a></li>
			<li><a href="../service/categories.gs">分类及预算</a></li>
			<li><a href="../service/summaries.gs">统计信息 </a></li>
		</ul>
	</div>
		
	<div data-role="footer" data-theme="c">
		<h4>&copy; 2010  G-QU.NET</h4>
	</div><!-- /header -->
</div>

</body>
</html>

10 楼 ahww520 2011-03-14

楼主能不能分享一下代码 ahww520@126.com
谢谢了

11 楼 ahww520 2011-03-15

请教一个问题 jquery mobile 在页面form 提交时
form action为effc.do?do=Effc.index
当Effc.index 方法在进行跳转后
页面的url 变成了effc.do?do=Effc.index#effc.do?do=Effc.next了
这个如何解决 ,谢谢赐教