webapp

nodejs + cardova + ionic安装环境(持续更新)

烈酒焚心 提交于 2020-04-07 20:43:49
安装环境: Ubuntu 14.04 64-bit NodeJs安装 官网 https://nodejs.org 速度太慢 国内镜像: https://npm.taobao.org/dist 下对应版本即可 下载: node-v4.2.1-linux-x64.tar.gz 解压 查看bin目录: node, npm. $node/bin 这个目录加到PATH中, 或是链接 node, npm到/usr/bin中 node -v 查看是否安装成功, NodeJs到此安装完成. 1.1 配置npm的模块全局安装目录 (暂且跳过): # 先查看配置 npm config ls #设置 npm config set prefix '~/nodejs/module' #将 {prefix}/bin 即: ~/nodejs/module/bin 加入到 PATH中, 才能在命令行中直接用模块命令 #PATH修改后记得重新source才能生效 1.2 npm使用国内淘宝镜像 http://npm.taobao.org/ 查看说明 使用淘宝定制的 cnpm (gzip 压缩支持) 命令行工具代替默认的 npm : 命令如下: npm install -g cnpm --registry=https://registry.npm.taobao.org 安装模块 $ cnpm install

使用eclipse中maven插件创建web项目

若如初见. 提交于 2020-03-02 18:16:38
1, 2, 3, 4, 以下方式存在严重问题不推荐使用。 1.生成标准的Maven工程,要求有如下源目录: src/main/java src/main/resources src/test/java src/test/resources 创建maven project的向导界面中,勾上Create a simple project(skip archetype selection)就会自动生成上述结构。 2.在已创建项目点击右键,选择properties,找到project facets选项,勾选Dynamic Web Module 2.5和Java 6.0,然后再右上角的Runtimes勾选apache tomcatv6.0。 效果图: 3.右键点击进入java bulid path 修改 default output folder 为testa/WebContent/WEB-INF/classes。 恭喜你创建完毕!简单吧。(会了简单,不会难!呵呵) 有一点需要注意的是把程序发布到tomcat时,经常依赖jar包没有导入到WEB-INF/lib文件夹下 ,网上查找了很多资料都没有完美的解决方案! 我的解决方法是修改.classpath文件:把 <classpathentry kind="con" path="org.maven.ide.eclipse.MAVEN2

jquery mobile + sae开发手记

a 夏天 提交于 2020-02-28 11:45:34
Jquery mobile无疑是一个优秀的JS框架,但到现在为止,还是没有看到基于jqm在移动平台上让人眼前一亮的应用,大家都在观望,到底webApp在移动平台上的定位如何。 这个月,基于SAE提供的移动平台开发了一个在线看漫画的应用,采用jquery mobile,实际体验了一把webApp的潜力及限制。 网站地址: http://kukubird.sinaapp.com 代码地址: https://github.com/memoryboxes/kukubird 系统架构: SERVER:sae新建一个项目,用REST接口提供server端服务(我用了python+webpy,非常简洁): 为前端提供漫画名称、类别、卷/话等数据 为前端提供漫画地址解析 提供用户认证,浏览历史记录 CLIENT:sae新建一个移动项目,采用JQM提供前端浏览界面 采用CS分离的做法有几个优点: SERVER端的漫画录入,修改是不会影响前端的,想要添加一部漫画,只要在后台加一下地址就可以了。 为扩展提供可能性,事实上,我们现在就是利用SERVER端的接口,写个脚本就一键将刚收录的漫画下载到本地了,目前网上不少漫画下载器就是这个道理。 前端的数据交互都用Ajax完成,完全是JS+CSS+HTML5完成,可以方便的用phoneGap打包。另外SAE也为移动项目提供了打包功能,什么本地环境也不用配

DzzOffice Alpah 第一个版本终于完成发布(webos类产品)

风流意气都作罢 提交于 2020-01-08 16:45:07
【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> 之前经过了几个月的调研、测试性开发、立项。然后又经过了3个多月的高强度集中开发。团队2个人终于完成一个各环节基本走通的测试版本。希望有对WEBOS感兴趣的朋友下载测试,帮助我们一起来完善它。 DzzOffice截图 DzzOffice介绍 DzzOffice是一款开源的云存储与应用管理工具,主要可用于企业管理阿里云、亚马逊等云存储等空间,把空间可视化分配给成员使用。当然也可以把它用于家庭、朋友、网站等个人团体使用。 然后通过接入各类型web应用,使平台的功能能够得到无限扩展。 例如,首先我们有了Dzzoffice的类windows的图形化界面和操作方式。然后可以开发一些,例如fpt工具、离线下载工具、在线解压缩工具。有了这些工具,就可以实现完全脱离本地软件,在线下载、安装、管理web网站的一些功能。也可以开发出模拟IIS的web服务器管理应用。 这只是一些后续设想,我们把DzzOffice开放就是想,能够有更多朋友喜欢这个产品,一起发挥想象,开发更多的应用功能。 应用开发举例 Baidu Player 用于播放成员百度网盘中的视频格式文件 文字的东西这里就不多写了,有兴趣的话,可以在我们的功能特性介绍中了解。 http://www.dzzoffice.com/intro.html 多放一些程序截图把

Mapbox Studio 常见问题

我们两清 提交于 2019-12-19 17:28:01
【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> 之前借助 leaflet + qunee 实现了 地图拓扑图 ,同样使用leaflet的有个更专业的地图应用: Mapbox ,可以定制出简单、专业、漂亮的地图,在传统地图服务商(Google,Nokia, Apple ...)之外,有了更好的选择,Mapbox Studio是一款开源软件,使用了大量的web技术:Mapnik, node.js, backbone.js, leaflet, codemirror ...... 其客户端本身就是一个webapp + Chrome,跨平台,有良好的交互体验,值得前端开发者学习和参考 原文: https://www.mapbox.com/mapbox-studio/common-questions/#how-is-mapbox-studio-related-to-tilemill 翻译: http://blog.qunee.com MAPBOX STUDIO 常见问题 什么是矢量瓦片? style项目与source项目的区别? 我是否能使用git管理项目? 我是否需要通过Mapbox账号来使用Mapbox? 我可以用pro fonts做或者不能做什么? Mapbox Studio 与 TileMill 的关系? Mapbox Studio 与 Mapbox GL

小白学phoneGap《构建跨平台APP:phoneGap移动应用实战》连载二(生命周期)

谁都会走 提交于 2019-12-06 15:55:47
1 什么是生命周期 想要真正地理解PhoneGap应用开发的内涵,首先需要理解什么是生命周期。这在字面上其实非常容易理解,一个应用从开始运行被手机加载到应用被退出之间的过程就称之为一个生命周期。为了使读者更容易理解,本节将以Android原生SDK中Activity类的生命周期结合Eclipse中的LogCat调试工具进行实战讲解。 4.1.1 Activity的生命周期 先仔细的观察图4-1的内容,这是谷歌官方给出的Activity生命周期流程图,它包括了一个安卓应用从被创建到结束时所经历的各种事件。下面是Activity生命周期中所经历的各个过程。 (1)启动Activity:系统将调用onCreate方法创建新的Activity对象,然后依次调用onStart方法和onResume方法使刚刚创建的Activity进入运行状态。 (2)暂停状态:当前的Activity被其他的Activity覆盖或手机锁屏,原Activity被放入后台,系统将调用onPause方法使Activity进入暂停状态。 (3)恢复状态:当处于暂停状态的Activity重新被运行时,系统将调用onResume方法使之重新回到运行状态。 (4)后台状态:当用户点击Home键返回主屏,Activity被保存在后台,系统将先调用onPause方法再调用onStop方法使Activity处于暂停状态。 (5

视频:熟练使用Rexsee开发手册

自古美人都是妖i 提交于 2019-12-06 10:37:45
Rexsee在社区提供了开发手册的在线查阅,对所有函数事件做了详细介绍。同时也提供了开发手册的客户端 下载。开发手册的客户端本身即是基于Rexsee平台开发,也就是一个基本的示例应用,安装在任何Android或OMS手机中均可使用。我们不仅可以看到所有介绍内容,而且每个函数和事件都有示例可以直接运行体验效果。 在初步使用Rexsee阶段需要随时查阅手册,本段视频即是对开发手册自身的简单介绍与使用说明。 可在微盘下载Rexsee开发手册客户端应用: http://vdisk.weibo.com/s/2wra5 来源: oschina 链接: https://my.oschina.net/u/194999/blog/59606

Rexsee Hello World

此生再无相见时 提交于 2019-12-04 18:25:06
概览 作为开源的 Android 应用开发平台, Rexsee 提供了接近 2000 个扩展 API ,不仅简化了 Android 原生开发,更支持 Web 开发者基于标准化 Web 开发模式,使用 HTML 、 CSS 和 Javascript 快速实现移动应用。 Rexsee 社区目前已提供了全部的扩展 API 说明与详细源码。 http://www.rexsee.com/ 社区于年初推出在线开发服务,支持开发者在“项目中心”里在线创建并开发应用。同时更强化了应用的源码分享。 本文将细致讲述如何基于 Rexsee 项目中心,在线实现我们的第一个 Hello World 程序。 在 Rexsee 项目中心创建新项目 登录 Rexsee 社区,并进入项目中心( http://www.rexsee.com/project/index.php ),点击左侧头部的“创建新项目”即可开始咱们的 Hello World 应用创建。 1. 应用信息填写 a) 应用包名:程序的包名,英文字母开头,可以包含字母、数字和下划线。 b) 版本信息:应用的版本说明,使用数字和“ . ”,例如 1.5 。 c) 应用名称:显示在手机应用程序列表和手机桌面上的名称,支持英文或中文。 d) 应用图标:显示在手机应用程序列表和手机桌面上的图标, 72x72 的 png 图片。 2. 选择扩展组件 3.

Lungo 使用说明及心得 中文api —— 模型部分

时光怂恿深爱的人放手 提交于 2019-12-04 13:23:25
最近在尝试着做webapp应用,考虑应用要实现的功能,通过比对现在流行的几套框架,最终确定尝试使用lungojs这个框架,经过几周的体验,感觉还不错 轻量 小巧,迎合技术发展的脚步,完美的架构与html5+CSS3+JS,而且实现了扁平化,通过 quojs 框架实现了各种设备的手势和动作。在oschina上有一段简单但贴切的 描述 ,您可以通过访问他的官方 网站 ,查看详细信息并且可以实际操作一下这个框架,还可以下载源码(也可以通过github获取最新 源码 )。 其他不多说,以下是我根据 官方文档 ,整理我自己对该框架的理解和心得,有兴趣的童鞋可以尝试一下 p.s 该框架只适用于支持html5的浏览器,Ie基本都不支持,你懂的~~~ 框架结构 类似于DIV+CSS布局,这个框架根据html5新特性采用清晰的区块加条目(section+article)的布局方式 <link rel="stylesheet" href="components/lungo.brownie/lungo.css"> <link rel="stylesheet" href="components/lungo.icon/lungo.icon.css"> <link rel="stylesheet" href="components/lungo.brownie/lungo.theme.css">

Lungo 使用说明及心得 中文api —— JavaScript部分

為{幸葍}努か 提交于 2019-12-03 09:37:03
前面总结了一篇 Lungo基础标签 的笔记,这篇将要记录在学习LungoJS时的用到的javacript方法和心得: Core 核心部分比较简单,从方法名字上面大概就能看出是做什么用的,本人使用的比较少 log() 主要是向控制台输出调试信息;有三个等级 1普通日志、2警告 、3错误 Lungo.Core.log(1, "Launched event"); Lungo.Core.log(2, "Warning!!"); Lungo.Core.log(3, "Error!!!!"); execute() 执行预先定义的回掉函数,官方文档中说可以执行多个方法,本人测试 只执行 了第一传入的方法 var myFunc = function(){ alert("func1") }; var myFunc2 = function(){ alert("func2") }; Lungo.Core.execute(myFunc); bind() 虚拟一个新的方法,将一个函数的返回值与给定的序列绑定(合并拼接) var example = "This is "; var addText = function(textToAdd){ text = this; for(var i = 0, len = textToAdd.length; i < len; i++){ text += " " +