apicloud学习教程心得(一)

管理员 1734 次浏览

摘要: 研究apicloud还是有些时间了,无聊的时候可以做个应用,就准备弄个博客信息的手机版吧。

博客来源于:讯杰设计网:http://blogs.51diysoft.com/blogs

以下是启动界面通过,apicload的后台进行设置,以及logo信息。

1080-1920.png


我们看看大致的效果:虽然不是很美观,但是慢慢的还是有那么些感觉,至少感觉自己进步了。

开发采用的是AUI ,AUI是一套针对apicloud的一套前段开发框架。

全新的AUI框架,颠覆以往

AUI2.0的重新架构充分站在项目开发的角度上,以解决布局样式为重点,组件模块化为辅助进行全面优化调整,可以说2.0版本的AUI更合适项目的开发。我们从细节入手,让AUI做出来的APP达到像素及应用的标准,遵循Google Material设计规范,让行里行间的代码发挥她的极致效果。

2.0功能亮点

1、遵循Google Material设计规范,使用MIT开源协议

2、更加严谨和简洁的代码规范;

3、rem的使用,完美适应不同分辨率的移动设备;

4、自定义主题皮肤样式,快速定制适合你的主题方案、搭建夜间主题模式及控制主题切换时间等;

5、简单的列表布局确保罗万象,组合式运用、模块化组装、响应式布局,快速完成APP布局样式;

6、全新架构方式,采用容器+布局+组件的方式进行拼装,方便开发者快速上手;

7、1px在更加严谨的处理方式;

8、全新的iconfont图标库

9、完美兼容IOS 5.1+ 、 Android4.2+


官网是:http://www.auicss.com/




第一个是登录的页面

5.png


作品页面:

3.png

新闻和博客信息页面:

2.png


联系我们:

1.png


表单的提交:


6.png


这个小例子中我们用的有轮播图、底部导航布局、新闻下拉列表刷新、扫一扫功能、摇一摇功能、拍照、拨打电话、表单的提交(input file文件上传)等功能,文件的上传这个感觉不是很友好,准备后期更换一个。