从0到1开发一个基于Ionic2的物流App

初衷

跳槽以后来到了新的公司,新的项目,每天朝九晚五,终于摆脱了以前朝九晚九的加班生活,谁说程序员就必须加班了,感觉自己作息也变得正常了起来。

空余出的大段时间拿来干什么呢?闲不住的小少年就想着自己做个啥,嗯,做个APP吧,毕竟PC已经是上个时代的事情了,人工智能AI、大数据啥的咱也不懂,又作为一只喜欢抢热点的全站攻城狮,就自己动手撸前后台代码搞一个APP吧,没事装在手机里玩儿也可以装装逼嘛是吧。

说干就干,做个啥APP呢?又把我难住了,出师未捷身先死呀,人类的大部分行动都倒在了第一步,不行,必须想出来。嗯,突然想起来前一段时间有朋友找我想做一个煤炭物流APP,说你不是会写代码吗,给我搞一个APP呗,我流着泪在半夜12点回过去消息说,哥,我才下班,你看能行不。现在有时间了呀,煤炭+物流,符合地方特色,就这样定了。

然后就是蒙头撸代码,中间暂时省略10w字,反正一个月以后做完了。不瞎比比了,先上图再说。

首页
煤价
物流
我的

二级页面就不做展示了,总之自我感觉还是肥肠的丰满啦(自信脸)。

技术准备

虽然任何开发的第一步都是可行性分析和设计,但是鉴于讲起来太庞杂,也不符合这次分享的主题,就略过了。直接从开发阶段讲起。

万里长征第一步当然是技术选型啦,为了配合这次高大上的APP,使用的技术当然也要高大上,不然怎么显示我的全站水平呢(颜面),毕竟能站着编程的人肯定不一般。

本次前端APP的核心框架是Ionic2(其实已经是Ionic3.5了,统一起见还是称它为Ionic2吧),后端的核心框架是Spring Boot。都是基于我现在的技术栈,在不超出自己控制能力的前提下选择了当前最优秀的框架,用之可以大大提高生产力。哈哈,不吹了,总之目前我的感觉就是选的漂亮,谁用谁知道。

工具准备

  • 前端框架:Ionic2
  • 后端框架:Spring Boot
  • 开发工具:Idea
  • 前端调试工具:Chrome
  • 代码仓库:Github

为啥要特意说一下开发工具呢,low不low啊,又不是小学生。因为Idea相对于eclipse来说实在是好用了无数倍啊(捂脸哭),如果还没体验过的墙裂介意无论是前端还是后端都试一下,简直就是开发的救星。

同时,即便是一个人开发也推荐用Github,因为实在是太方便了,随时随地,修改提交你的代码。如果是多人协作,那就更应该用Github了,因为谁也不想把代码用QQ传来传去对吧?

开发阶段分解

因为本专题重点想讲的是基于Ionic2的APP开发,所以就以前端为核心去分解,后端如有必要,后面再补充。

1. Ionic2实战-项目初始化
2. Ionic2实战-框架和模块目录结构说明和设计
3. Ionic2实战-Android版打包
4. Ionic2实战-iOS版打包
5. Ionic2实战-网页版编译部署
6. Ionic2实战-功能模块开发基本说明
7. Ionic2实战-Icon图片和Splash开屏图片自定义
8. Ionic2实战-Tab菜单栏自定义
9. Ionic2实战-Cordova插件安装
10. Ionic2实战-第三方类库依赖添加
11. Ionic2实战-框架样式自定义
12. Ionic2实战-Http请求模块设计
13. Ionic2实战-跨域问题处理
14. Ionic2实战-路由导航功能说明
15. Ionic2实战-如何使用阿里字体图标库
16. Ionic2实战-APP应用内升级模块开发
17. Ionic2实战-图片点击缩放功能开发
18. Ionic2实战-时间转换库moment的使用
19. Ionic2实战-第三方页面嵌入功能开发
20. Ionic2实战-微信分享功能开发
21. Ionic2实战-图片上传功能开发
22. Ionic2实战-拍照功能开发
23. Ionic2实战-注册登录模块开发
24. Ionic2实战-首页模块开发
25. Ionic2实战-煤价模块开发
26. Ionic2实战-物流模块开发
27. Ionic2实战-个人中心模块开发
28. Ionic2实战-APP如何在Android应用商店上架发布
29. Ionic2实战-APP如何在App Store上架发布
30. Ionic2实战-APP如何生成推广链接进行多渠道推广
最后说点

以上过程包含了Ionic2APP从开始的项目创建到基础功能搭建,到业务功能开发,再到打包和发布,还有如何推广,包含了一个商业APP应用的整个生命周期,一些新手坑我会重点写出来提醒大家,因为自己作为新手也踩的很蛋疼。

以上每一点都会写一篇文章来详细说明,过程中如果想到其他重要的功能就补充进去。另外上面都是APP的技术框架模块的说明,可能不够完全,想到什么会再继续补充。

如果你有什么关于Ionic2或者Spring Boot想交流的也可以留言或者私信再或者微信联系我,欢迎欢迎。

前端项目开源地址

项目的完整代码在我的GitHub上,如感兴趣可以下载查看:
https://github.com/aapple/sm-coal-app

后端项目开源地址

应广大同学的强烈要求,支撑该APP后端的Spring-Boot项目也开放出来了,可以自由下载学习:
https://github.com/aapple/coalapp

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 206,602评论 6 481
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 88,442评论 2 382
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 152,878评论 0 344
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 55,306评论 1 279
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 64,330评论 5 373
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,071评论 1 285
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,382评论 3 400
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,006评论 0 259
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 43,512评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,965评论 2 325
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,094评论 1 333
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,732评论 4 323
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,283评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,286评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,512评论 1 262
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,536评论 2 354
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,828评论 2 345

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 171,510评论 25 707
  • 山有多高 水有多长 我用一身坚硬的肋骨 一路走来,为曾经的岁月 再作一次虔诚的丈量 孤独的时候 我将湘南低矮的云彩...
    穗心说语阅读 145评论 0 3