大家来一起开发HTML5项目如何

突然心血来潮,伴随着我这颗小小CPU的转动,想与其每次写blog都是把已经做好的东西贴出来,不如偶尔来次大家一起做项目,逐步进行,这样无论对大家还是对我的帮助都是很大的,虽然俺不是啥大牛,但是却从头到尾跟过一个项目,希望借此能给大家提供点项目开发的经验,也当然非常欢迎大牛们的独到的见解咯。

首先先确定业务需求,俺想做一个扫描二维码并解读的功能。用HTML5来做,这样能够实现跨平台。

先确定开发环境,如果用java的话eclipse/IntelliJ IDEA都是很不错的选择,用C#用VS2012等其他版本。

因为公司用的是C#,所以我就选他吧,如果想用其他语言来开发等后面也可以后续再来开发,其实只要一门语言会了,都是面向对象,相比也不难。

为了减少后期的鄙视量,我就自报家门之前做过java,后面换公司了用的是C#,考虑到这家公司福利不错我就进来了,自己琢磨了几天左右,就可以上手开发了,基本上差距不大。而且我也是第一次HTML5的项目,这方面不是老鸟,在公司比较清闲的自学的,主要自己对这方面挺感兴趣的,请大牛勿喷。所以想借这个平台,提升自己,互相分享一些经验。

开发平台  VS2012

开发技术  C# HTML5+javascript2.0+CSS3.0

这篇文章先讲讲思路。

个人思路如下:

1、HTML5的API来调用摄像头,并且显示出来,不断进行拍摄,将拍摄到得图片流数据保存下来用ajax传送给后台。

2、后台进行分析处理,引入二维码解析包,将图片流数据进行解析,并且生成相应的字符串。

3、再将生成的字符串传到前台ajax接收并打印出来即可

基本功能如上,如果你想扩展,或者想将生成的字符串保存到数据库在后台insert即可,或者你想传到前台后判断是http的地址后跳转也行,我们现在循序渐进先完成整个数据的走向。如果有异议的攻城师或者各大江湖人士,可以留言,大家一起商讨讨伐对策。

时间: 2024-11-05 06:45:57

大家来一起开发HTML5项目如何的相关文章

大家来一起开发HTML5项目如何【系列二】

之前出系列一,大家都没能积极响应,心里有点小失落.再加上年底公司事情比较多,就一直搁着,昨天开始继续研究,算是取得了一些进步, 不过又遇到了新的瓶颈.接下来就跟大家分享下这两天的成果吧. 系列一中确定了思想,主要从以下几个方面着手, 1.用HTML5调用摄像头,进行拍照. 2.将拍照获取的图像数据流传到后台进行解析. 3.返回数据,如果解析不成功继续解析,知道解析成功为止. 第一步已经在我的博客中有了. http://blog.csdn.net/laijieyao/article/details

【Cocos2d-HTML5 开发之一】新建HTML5项目及简单阐述与cocos2d/x引擎关系

真的是有一段时间没写博了,这段时间呢,发生的事情真的挺多,另外自己呢也闲来做了一些自己的喜欢的东西,主要做的还是基于Mac系统的Cocoa框架的各种编辑器吧.(对了,今年初也出了自己第二本书<iOS游戏编程之从零开始-Cocos2d-x与cocos2d引擎游戏开发>) 百牛信息技术bainiu.ltd整理发布于博客园 废话少扯,最近又研究了下Cocos2d-HTML5相关引擎,其实说起HTML5,3.4年前Himi就接触过了,那时候的HTML5 Canvas  对我印象很深,但是不论当时还是现

JAVASCRIPT开发HTML5游戏--斗地主(网络对战PART4)

继之前用游戏引擎(青瓷引擎)做了斗地主单机版游戏之后,这里分享下使用socket.io来实现网络对战,代码可已放到github上,在此谈谈自己整个的开发思路吧. 客户端代码 服务端代码 (点击图片进入游戏体验) 前文链接: javascript开发HTML5游戏--斗地主(单机模式part1) javascript开发HTML5游戏--斗地主(单机模式part2) javascirpt开发HTML5游戏--斗地主(单机模式part3) 本文章为网络对战第一部分内容.主要内容如下: 简介 服务端项

HTML5移动开发之路(49)——HTML5开发神器HBuilder 今天给大家介绍一款开发HTML5的神器——HBuilder.

本文为 兄弟连IT教育 机构官方 HTML5培训 教程,主要介绍:HTML5移动开发之路(49)--HTML5开发神器HBuilder 今天给大家介绍一款开发HTML5的神器--HBuilder. 下载地址:http://www.dcloud.NET.cn/ 一.新建文件 可以看到支持web app开发和普通网站前端开发,我们首先建立一个移动App项目 注释:Html5+规范是基于HTML5的扩展规范,用于弥补HTML5和原生应用功能之间的差距.HTML5+规范是一个开放的规范,在W3C中国的指

使用backbone.js、zepto.js和trigger.io开发HTML5 App

为了力求运行速度快.响应迅即,我们推荐使用backbone.js和zepto.js. 为了让这个过程更有意思,我们开发了一个小小的示例项目,使用CSS重置样式.Backbone.js和带转场效果的几个页面.我们的项目会显示Trigger推特更新内容和单个的推特消息.与往常一样,我们将使用同一个HTML5代码库创建安卓和iOS应用程序.在这个过程中,我们将介绍如何: 把你的JavaScript文件添加到应用程序中 使用Backbone.js来显示响应迅即的界面 使用CSS重置样式,减少跨平台出现的

使用Visual Studio 2012 开发 Html5 应用

Visual Studio 一直以来是开发微软旗下应用的利器,只要是开发微软相关的应用无论是Windows程序,WPF,Asp.Net,WinRT Surface,WindowsPhone 等微软旗下的应用都可以使用Visual Studio 来开发.如果您已经非常习惯了Visual Studio 的UI和操作,是不是有时候也想使用Visual Studio 像DreamWeaver 一样来开发纯浏览器的Html5的应用呢? 后端您可以用Asp.Net,也可以使用非微软的技术如: Ruby on

使用ionic将HTML5项目打包成安卓和IOS应用

最近因为项目需要,在研究2天ionic打包应用,现将整个过程记录下来. ionic是一款HTML5手机应用开发框架,可以说是AngularJS移动端解决方案,基于PhoneGap的编译平台,可以实现编译成各个平台的应用程序.一次开发,处处运行. 1.安装ionic 首先需要安装Node.js,安装成功后,在命令行中输入下面指令,安装ionic和cordova npm install -g cordova ionic 可以通过查看版本号来测试是否安装成功,如果显示版本号即安装成功. windows

HTML5视频教程,HTML5项目实战,HTML5中文指南,HTML5使用手册

HTML5视频教程,HTML5项目实战,HTML5中文指南,HTML5使用手册. 超过2G 的 HTML5 视频教程免费分享,免费下载! 尚硅谷前端HTML5视频_HTML & CSS 核心基础教程(103集实战教学,从入门到精通) 本套视频适合零基础并且对前端知识感兴趣的同学.内容涵盖HTML基础.标签.CSS 选择器.盒子模型.浮动.定位.图片整合.PS 切图等页面相关常用技术. 视频最后包含一个实战项目:将一个 PSD 设计图转换为一个商业网站的首页.让同学们体验前端页面开发的全过程. 通

webstorm/...开发 NodeJS 项目

前提: 已安装好 webstorm/IDEA 2016.3 & 2017.1 (见 文 IDEA开发Java 相关 --- 1 IDEA安装 ...) 要用 IDEA 开发 NodeJS项目(web/JS)项目,首先需要: 1. 自行下载 Node.js 并安装,下载网址:https://nodejs.org/en/download/:或者 https://nodejs.org/en/: 测试: cmd-> node -v  或者 node, 未出现错误,如下,则表明已安装完好.   其次,