一个基于 Framework7 开发的简单、有趣的 Web App

2014-07-11 21:32:04 +08:00
 belin520
写在前面
记得还是在 V2EX 上认识 Framework7 的,那时候 Framework7 才刚刚发布,文档和一些组件都还不齐全。自己前端对于移动开发这块还很空缺(可以说那时候前端也不咋地,只会实现,没有自己的思想),所以决定使用它做一个 Web app 练手,顺带在 Framework7 不断迭代的过程中读下它的源码和一些开发思想。
总得来说,Framework7 UI在 iOS 上面表现还是非常不错的,我也尝试将 App 通过 PhoneGap 打包,运行效果不得不称赞。而对于 Android ,我只能说 'Bug 很多',因为 Framework7 目前还是处于不断完善的过程中,好像基本上还没有考虑过 Android 的优化和适配。
还有值得一提的是,Framework7 的作者人非常好,只要开 issue ,一定帮解答,如果是需要增加的新特性或需要修复的 bug ,基本上在下一个版本就会体现。

关于HiApp
它本来是我用 Framework7 为我自己的一个小项目做的一个 Web App,自己一个人写,能实现自己想要的功能,但是总觉得缺少了点什么,一些编程和架构的思想也完成局限在自己有限的范围内,所以这几天下班回家,抽空把它的前端抽离了出来,放在了 GitHub 上,希望有人能帮忙指正一些东西。
项目非常小,实现了登录、类微博基础模块(时间线、发帖、评论)、基本的联系人和聊天页面,还有一个 Setting 页面,只算的上是 Framework7 一个小 Demo 。UI 也是自己胡思乱想出来的,自己没有设计基础,想不出比较好的配色和交互,只能自己觉得怎么好看就怎么来了。所以关于这方面的吐槽,就真的是吐槽了我也不知道该怎么改的啦!

技术上的选择
以前在上一个公司的时候,自己挫,不敢用一些东西,因为害怕一旦项目中遇到问题,没人帮忙解答,Google 搜不到,比如说:这个模块应该放在 ’controller‘ 还是在 ’services‘ 里面呢?
现在的公司,还有几个前端的同事,吃饭、临下班的时候,有事没事可以问一下他们,我觉得只要不是很无意义的问题,大家都会很乐意解答的。
上面的铺垫只是说我选择以下的搭配并得到了同事的帮助:

HTML Framework: Framework7
Task Runner: Grunt
Module Loader: Require.js
Templates Engine: mustache
Stylesheet Language: LESS

Demo
http://dearb.me/hi/



Github
https://github.com/BelinChung/HiApp

PS:临下班的时候,
我同事说:你那些装B的英文 README 有语法错误。
我说:哪里?
同事:下班啦!不告诉你!

坑爹啊~注定装B失败的命
26929 次点击
所在节点    分享创造
11 条回复
itfanr
2014-07-11 22:28:09 +08:00
确实 通篇英语蹩脚啊 不过我能看懂 英语一般,我也不会给你改。。。
SoloCompany
2014-07-11 23:34:25 +08:00
表示我对英文没啥感觉,但逗号和句号后面没有空格,这是要逼死强迫症的节奏啊

pu主如果怕装B失败的话,可以学学这位同学的 →_→ https://github.com/rankjie/TransAuto
belin520
2014-07-12 08:31:20 +08:00
@SoloCompany 好吧,其实用英文不是装B,而是想上 Framework7 官网的 Showcase 或者 Demo App ,现在还差 App 里面的 i18n ,和一些展示数据的翻译,对于我来说真的比编程还要痛苦了,正在想办法尽量翻译的好一些!
abelyao
2014-07-12 09:59:19 +08:00
楼主是潮汕人吗… 通讯录里面那么多潮汕的…
belin520
2014-07-12 10:15:04 +08:00
@abelyao 数据是我从自己运营项目数据库导出来的,只能说潮汕人多。。。。
yeziahehe
2014-08-24 22:31:54 +08:00
楼主,有需要可以帮你发布app
belin520
2014-08-25 13:18:38 +08:00
@yeziahehe 还在做最后的注册模块,再迭代2个版本先。
unique
2014-09-09 18:01:06 +08:00
看起来很屌的样子
tbaby
2015-06-17 22:20:58 +08:00
问下啊。。。Framework7 可以用别的打包成app的吗。。顺便问问楼主的联系方式。。。交流交流
deaboway
2015-07-07 16:07:50 +08:00
一年啦!!!
zonghua
2016-02-17 17:54:27 +08:00
Hi 聊是没有在维护了吗?

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/122216

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX