一个基于 Framework7 开发的简单、有趣的 Web App - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
icanfork
V2EX    分享创造

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

  •  2
     
  •   icanfork 2014-07-11 21:32:04 +08:00 27266 次点击
    这是一个创建于 4114 天前的主题,其中的信息可能已经有所发展或是发生改变。
    写在前面
    记得还是在 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失败的命
    11 条回复    2016-02-17 17:54:27 +08:00
    itfanr
        1
    itfanr  
       2014-07-11 22:28:09 +08:00
    确实 通篇英语蹩脚啊 不过我能看懂 英语一般,我也不会给你改。。。
    SoloCompany
        2
    SoloCompany  
       2014-07-11 23:34:25 +08:00
    表示我对英文没啥感觉,但逗号和句号后面没有空格,这是要逼死强迫症的节奏啊

    pu主如果怕装B失败的话,可以学学这位同学的 →_→ https://github.com/rankjie/TransAuto
    icanfork
        3
    icanfork  
    OP
       2014-07-12 08:31:20 +08:00
    @SoloCompany 好吧,其实用英文不是装B,而是想上 Framework7 官网的 Showcase 或者 Demo App ,现在还差 App 里面的 i18n ,和一些展示数据的翻译,对于我来说真的比编程还要痛苦了,正在想办法尽量翻译的好一些!
    abelyao
        4
    abelyao  
       2014-07-12 09:59:19 +08:00
    楼主是潮汕人吗… 通讯录里面那么多潮汕的…
    icanfork
        5
    icanfork  
    OP
       2014-07-12 10:15:04 +08:00 via Android
    @abelyao 数据是我从自己运营项目数据库导出来的,只能说潮汕人多。。。。
    yeziahehe
        6
    yeziahehe  
       2014-08-24 22:31:54 +08:00 via iPhone
    楼主,有需要可以帮你发布app
    icanfork
        7
    icanfork  
    OP
       2014-08-25 13:18:38 +08:00
    @yeziahehe 还在做最后的注册模块,再迭代2个版本先。
    unique
        8
    unique  
       2014-09-09 18:01:06 +08:00
    看起来很的样子
    tbaby
        9
    tbaby  
       2015-06-17 22:20:58 +08:00
    问下啊。。。Framework7 可以用别的打包成app的吗。。顺便问问楼主的联系方式。。。交流交流
    deaboway
        10
    deaboway  
       2015-07-07 16:07:50 +08:00
    一年啦!!!
    zonghua
        11
    zonghua  
       2016-02-17 17:54:27 +08:00
    Hi 聊是没有在维护了吗?
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     1070 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 32ms UTC 18:11 PVG 02:11 LAX 11:11 JFK 14:11
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86