2.1：你的第一个AngularJS App

本章,带你体验一个简单的开发流程,将一个静态的使用模拟数据的应用,变成具有AngularJS特性的动态web应用.在6-8章,作者将展示如何创建一个更复杂,更真实的AngularJS应用. 1.准备项目在项目路径下,新建todo.html,代码如下: <!DOCTYPE html> <html data-ng-app> <head> <title>TO DO List</title> <link href="bootstrap.…

trackr: An AngularJS app with a Java 8 backend – Part II

该系列文章来自techdev The Frontend 在本系列的第一部分我们已经描述RESTful端建立在Java 8和Spring.这一部分将介绍我们的第一个用 AngularJS建造的客户端应用程序. 我们使用trackr跟踪我们的工作时间,旅行费用和假期请求.因此我们需要两个基本的管理界面为所有实体以及高级输入表单.我们也想扩展中定义的安全端到我们的前端——如果REST服务禁止用户查看或编辑一个实体这些行为不应该是可见的. 测试和自动化的很大一部分我们的Java后端前端的我们想要这些功能…

angular.js的ng-app 指令定义一个 AngularJS 应用程序。

<!DOCTYPE html> <html lang="en" ng-app> <head> <meta charset="UTF-8"> <title>局部数据</title> <script src="js/jquery-1.11.3.min.js"></script> <script src="js/angular.min.js&…

[已开源/文章教程]独立开发一个社交 APP 的源码/架构分享 (已上架)

0x00 背景真不是和被推荐了2天的博客园一位大神较真,从他那篇文章的索引式文章内容也学习到了很多东西,看评论区那么多对社交APP源码有兴趣的,正巧我上周把我的一个社交APP开源了,包括android源码和基于Laravel服务器的源码,并且之前有文章完整的介绍了Android端迁移到MVP架构的实战内容,和如何从linux小白到部署代码的内容,基本上从如何开发一款社交app到如何重构优化的思想都能体会到.今天就组织一篇文章介绍一下,欢迎有兴趣朋友star,pull.一起为开源社区贡献点力量.…

记一个社交APP的开发过程——基础架构选型（转自一位大哥）

记一个社交APP的开发过程——基础架构选型目录[-] 基本产品形态技术选型最近两周在忙于开发一个社交App,因为之前做过一点儿社交方面的东西,就被拉去做API后端了,一个人头一次完整的去搭这么一套东西,上面也没有PM和各种催促,过程还是很轻松愉快充满乐趣的,现在后端已经基本完成,下周会进入联调测试的阶段,有些东西想写一写记录一下,先从技术选型开始. 基本产品形态产品的基础功能无非是所有社交App都具备的那些东西,新鲜事.好友关系(同微博一样,单向follow).地理位置(当前的位置.你附…

如何用 React Native 创建一个iOS APP？（三）

前两部分,<如何用 React Native 创建一个iOS APP?>,<如何用 React Native 创建一个iOS APP (二)?>中,我们分别讲了用 React Native 来创建 Navigation Bar,Tab Bar 等这些控件,今天在第三节,我们着重讲一下剩下的一些控件.闲话少叙,我们直入主题! 添加一个ListView React Native 有一个叫做 ListView 的组件,可以显示滚动的行数据,基本上是 ios 项目上的一个术语表视图. 首先…

如何用 React Native 创建一个iOS APP？（二）

我们书接上文<如何用 React Native 创建一个iOS APP?>,继续来讲如何用 React Native 创建一个iOS APP.接下来,我们会涉及到很多控件. 1 AppRegistry.registerComponent( 上述是定义应用程序的入口点.这也是 JavaScript 代码开始执行的地方. 这是一个本地用户界面反应的基本结构.我们定义的每个视图将遵循相同的基本结构. 在本教程中,我们将创建一个既可以浏览书籍又能知道书籍介绍比如作者.标题或关于书籍的简介.你还可以通过…

如何用 React Native 创建一个iOS APP？

诚然,React Native 结合了 Web 应用和 Native 应用的优势,可以使用 JavaScript 来开发 iOS 和 Android 原生应用.在 JavaScript 中用 React 抽象操作系统原生的 UI 组件,代替 DOM 元素来渲染等. React Native 使你能够使用基于 JavaScript 和 React 一致的开发体验在本地平台上构建世界一流的应用程序体验.React Native 把重点放在所有开发人员关心的平台的开发效率上--开发者只需学习一种语言就…

(Android+IOS)我们正在做一个新闻App,做几乎一样的,倾听您的建议 (画画)

(Android+IOS)我们正在做一个新闻App,做几乎一样的,倾听您的建议! 新闻采访是做,前端展示APP界面感觉还不是非常好,还须要改进改进,希望公布(Android和IOS版本号)前听听大家的建议! watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvdGVuZ3l1bmppYXd1X2NvbQ==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast"…

VS2015下的Android开发系列02——用VS开发第一个Android APP

配置Android模拟器这算是第一篇漏下说的,配置好VS的各参数,新建Android项目后,会发现菜单下的工具栏会多出Android相关的工具栏,红色圈出的就是AVD. 打开AVD后可以从模版处选一个设备,然后自己再做细节参数调整. 然后选择要模拟的版本,因为APP有蓝牙BLE的支持需求,所以选择了至少API Level18,注意如果安装了HAXM,CPU/ABI项一定要选"Intel Atom (x86)",如果没有,说明组件未安装,赶紧去下载后再来:另外一个注意点是内存至少3G,…

如何设计和实现一个web app

web app简介 web app其实不算是什么新鲜的东西,相比于传统的web和传统的app,web app这种web和app相结合的产物有的优点如下: 1. 开发上web app更有便捷性,ios开发一上来需要安装一堆东西,android开发也差不多,另外web app的学习成本要比平台客户端开发要低些,至少你不用去招聘ios和android程序员.只要具备基础web开发能力的人都可以比较快上手. 2. 部署方便,在很多情况下,部署一个单页web app只需要一个index.html页面文件作…

开源一个上架 App Store 的相机 App

Osho 相机是我独立开发上架的一个相机 App,App Store地址:https://itunes.apple.com/cn/app/osho/id1203312279?mt=8.它支持1:1,4:3,16:9多种分辨率拍摄,滤镜可在取景框的实时预览,拍摄过程可与滤镜实时合成,支持分段拍摄,支持回删等特性.下面先分享分享开发这个 App 的一些心得体会,文末会给出项目的下载地址,阅读本文可能需要一点点 AVFoundation 开发的基础. 1.GLKView和GPUImageVideoCa…

编写第一个Flutter App（翻译）

博客搬迁至http://blog.wangjiegulu.com RSS订阅:http://blog.wangjiegulu.com/feed.xml 以下代码 Github 地址:https://github.com/wangjiegulu/flutter_test_01 编写你的第一个Flutter App 原文:https://flutter.io/get-started/codelab/ 这个你创建第一个Flutter app的指南.如果你熟悉面向对象的代码,基本的编程概念,比如变量,循…

开发一个成功APP的六个技巧

越来越多的人开始使用智能手机,平板电脑或其他的移动设备.出于这个原因,移动APP开发已成为当今软件开发中增长最快的领域之一.本文提供九个简单而有效的提示,可帮助您规划和实施成功的移动APP. 1.目标受众目标受众往往只被视为事后考虑.营销人员只有在制定营销计划时才考虑利基市场.但最好从特定的目标受众开始,并根据受众的需求创建想法.定义您的目标受众群体并确保他们需要您的应用.你的APP需要为他们需要什么? 2.解决用户问题为了取得成功,移动应用必须解决问题,提供重要功能,节省时间或金钱,娱乐或…

Android TV开发总结（六）构建一个TV app的直播节目实例

请尊重分享成果,转载请注明出处:http://blog.csdn.net/hejjunlin/article/details/52966319 近年来,Android TV的迅速发展,传统的有线电视受到较大的冲击,在TV上用户同样也可以看到各个有线电视的直播频道,相对于手机,这种直播节目,体验效果更佳,尤其是一样赛事节目,大屏幕看得才够痛快,还可以邀几好友一起欣赏.今天将介绍构建一个TV app的直播节目实例,此实例上传到Github: https://github.com/hejunlin20…

Python-Django 第一个Django app

第一个Django app by:授客 QQ:1033553122 测试环境: Python版本:python-3.4.0.amd64 下载地址:https://www.python.org/downloads/release/python-340/ Win7 64位 Django 1.11.4 下载地址:https://www.djangoproject.com/download/ 安装django python setup.py install 测试是否成功 >>> imp…

Django 2.0.1 官方文档翻译: 编写你的第一个 Django app，第一部分（Page 6）

编写你的第一个 Django app,第一部分(Page 6)转载请注明链接地址 Django 2.0.1 官方文档翻译: Django 2.0.1.dev20171223092829 documentation 让我们从一个例子开始学习. 在本教程,我们会介绍一个基本的投票app的创建. 它由两部分组成: 一个允许人们查看投票(名词)和投票(动词)的公开的站点. 一个让你可以添加.更改和删除投票的管理站点我们假定你已经安装好 Django.你可以在 shell 提示符后运行以下命令来查看dj…

Django 2.0.1 官方文档翻译: 编写你的第一个 Django app，第七部分（Page 12）

编写你的第一个 Django app,第七部分(Page 12)转载请注明链接地址本节教程承接第六部分(page 11)的教程.我们继续开发 web-poll应用,并专注于自定义django的自动生成的admin站点,这点我们在第二部分(page 7)中探讨过. 自定义admin表单通过在admin.site.register(Question)中注册Question模型,django可以构建一个默认的表单形式.通常,你会希望自定义表单的外观和工作方式.你会在注册对象时告诉django你想使…

Django 2.0.1 官方文档翻译:编写你的第一个 Django app，第六部分（Page 11）

编写你的第一个 Django app,第六部分(Page 11)转载请注明链接地址本教程上接前面第五部分的教程.我们构建了一个经过测试的 web-poll应用,现在我们会添加一个样式表和一张图片. 除了服务器上生成的HTML,web应用一般需要其他文件 -- 例如图片,JavaScript,或CSS -- 渲染完整的web页面所必须的内容.在Django中,我们引用的这些文件称为"静态文件". 对于小的项目,这没有什么大不了.因为你只要将这些静态文件保存到你的web服务器可以找到的地…

Django 2.0.1 官方文档翻译: 编写你的第一个 Django app，第五部分（Page 10）

编写你的第一个 Django app,第五部分(Page 10)转载请注明链接地址我们继续建设我们的 Web-poll 应用,本节我们会为它创建一些自动测试. 介绍自动测试什么是自动测试测试是简单代码可用性的一个常规操作. 测试分为不同的级别.有一些此时适用于一些很小的细节(特定的模型方法是否返回预期的值),而另外一些则覆盖整个软件操作(用户在站点行输入的一个序列是否会产生预期的结果).这和你之前在第二节(part 2,page7)中做的测试没有什么区别,使用shell(这里少一个链接)去…

Django 2.0.1 官方文档翻译: 编写你的第一个 Django app，第四部分（Page 9）

编写你的第一个 Django app,第四部分(Page 9)转载请注明链接地址该教程上接前面的第三部分.我们会继续开发 web-poll 应用,并专注于简单的表单处理和简化代码. 写一个简单的表单(form) 让我们更新一下我们上个教程编写的的 poll 的 detai 模板("polls/detail.html"),模板会包含一个 HTML <form> 元素:  <h1…

Django 2.0.1 官方文档翻译: 编写你的第一个 Django app，第二部分（Page 7）

编写你的第一个 Django app,第二部分(Page 7)转载请注明链接地址本教程上接前面的教程.我们会配置数据,创建你的第一个 model,并对Django 自动生成的 admin 站点进行快速的介绍. 数据库设置现在,打开 mysite/settings.py.它是一个带有模块级变量的普通 Python 模块,也是 Django 的配置文件. 默认情况下,配置中使用的是 SQLite,如果你是一个数据库新手,或者你只是对 Django 刚兴趣儿想尝试一下,这是最简单的选择.Pytho…

Django 2.0.1 官方文档翻译: 编写你的第一个 Django app，第三部分（Page 8）

编写你的第一个 Django app,第三部分(Page 8)转载请注明链接地址本页教程接前面的第二部分.我们继续开发 web-poll app,我们会专注于创建公共接口上 -- "视图". 概述在你的 Django app中,视图是一个 web 页面的类型,一般服务于一个特定的函数,并拥有一个特定的模板(template).例如:在 blog app中,你可能有下面这些视图: Blog homepage – 显示少量最新的条目 Entry "detail" p…

Anaconda+django写出第一个web app（一）

在安装好Anaconda和django之后,我们就可以开始创建自己的第一个Web app,那么首先创建一个空文件夹,之后创建的文件都在这个文件夹内. 启动命令行进入此文件夹内,可以先通过如下命令查看一下自己的python版本和django版本. python --version django-admin --version 我的python和django版本分别是3.7.0和2.1.5 使用如下命令创建第一个项目,命名为mysite. django-admin startproject mys…

ASP.NET Web API 2 external logins with Facebook and Google in AngularJS app

转载:http://bitoftech.net/2014/08/11/asp-net-web-api-2-external-logins-social-logins-facebook-google-angularjs-app/ Ok so it is time to enable ASP.NET Web API 2 external logins such as Facebook & Google then consume this in our AngularJS application. I…