/sm-coal-app

这是一个使用Ionic2开发的集数据展示,交易,交流于一体的APP

Primary LanguageHTML

初衷

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

空余出的大段时间拿来干什么呢?闲不住的小少年就想着自己做个啥,嗯,做个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、npm install

2、ionic serve

最后说点

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

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

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

前端项目开源地址

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

后端项目开源地址

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