艺海星空开发流程

时间:2015年7月

整体说明

项目名称

艺海星空

采用技术
后端:apicloud云数据,apicloud提供的api接口
前端:apcloud+jquery
项目描述

艺海星空是一个艺术教育O2O平台,老师快速发布个人教学信息,学生通过手机互联高效匹配自己所需的老师,快速实现一对一教和学!

项目职责

负责项目整体的业务流程分析和数据结构设计,前端的html+css+jquery实现交互,后端设计好数据库之后,针对业务设计api接口,通过接口完成业务。

开发相关日志

今天以前的同事找到我,说要做一个app,我以前都没做过app,又说要用apicloud做,下载了apicloud的编辑器,然后做了个hello word,感觉就和以前写php+html+js差不多吧,风格上感觉跟extjs差不多。

这哥们以前是在拓普康做经理,后来辞职来深圳和我们一起创业(派动)来了,因为一些原因,派动解散了,挺能聊的一个人。这哥们一些同学在风投里面,想通过个拿到些风投,但做好之后因为一些原因没有拿到,这个app也流产了,唯一的收获是学到了些知识。

看了看他用Justinmind做好的原型,也不太难,还是和以前一样,先分析需求和他给什么资源,这里稍微有点弯路,我开始以为他是有自己的服务器,我就在用虚拟机当服务器在开发,后来他说直接用apicloud提供的数据库,这里就有点坑了,看到提供的数据库除了不能像sql那样方便,其它都还好,不过后来用习惯了倒是没有什么了。

不过提供的免费的肯定是有限制的,有条件的还是自己用自己的服务器吧,虽然要写服务端,但业务方面会方便很多,后期也好扩展,在这上面做分析什么的都比较麻烦。最重要的是后台管理非常麻烦。只能用他们提供的一些简单的api。不然要自己用他们的接口来写生台管理了。

进入状态,项目老规矩,分析业务,设计数据库。由于有Justinmind原型,就没有做流程图,先看下原型。

app分为学生版和老师版,这是学生版首页

艺海星空开发流程_第1张图片
image

切换城市

艺海星空开发流程_第2张图片
image

还有个切换城市的页面,上面的是当前弹出层

艺海星空开发流程_第3张图片
image

侧边栏

艺海星空开发流程_第4张图片
image

老师详情

艺海星空开发流程_第5张图片
image

预定服务

艺海星空开发流程_第6张图片
image

我的订单

艺海星空开发流程_第7张图片
image

评价页面

艺海星空开发流程_第8张图片
image

我的关注

艺海星空开发流程_第9张图片
image

帐户余额

艺海星空开发流程_第10张图片
image

设置帮助

艺海星空开发流程_第11张图片
image

老师版的首页

艺海星空开发流程_第12张图片
image

底部的导航

image

老师我的页面

艺海星空开发流程_第13张图片
image

教学时间

艺海星空开发流程_第14张图片
image

收到的评论

艺海星空开发流程_第15张图片
image

发出的评论

艺海星空开发流程_第16张图片
image

我的服务

艺海星空开发流程_第17张图片
image

收入结算

艺海星空开发流程_第18张图片
image

教学设定

艺海星空开发流程_第19张图片
image

位置选择

艺海星空开发流程_第20张图片
image

时间选择

艺海星空开发流程_第21张图片
image

一些主要页面都看完,根据这些来设置分析数据库结构。大概设计就这样,后续可能有一些因为业务变动而改变了,没有更新这里。

艺海星空开发流程_第22张图片
image

这是转到apicloud云数据库上之后,当时搞的比较随意。主要就是看上图来确定数据库关系。

艺海星空开发流程_第23张图片
image

数据库都是这样,时间

艺海星空开发流程_第24张图片
image

做出来的一些页面基本上和原型图差不多,有一些时间选择页面因为组件的原因做了些调整。

时间选择这里最开始是用的弹出式的,现在换成打开页面直接设置。这样在ui方面还好控制一点。这样也更直观。体验更好。

艺海星空开发流程_第25张图片
image

老师设置里面城市选择页面就弄成这样了,弹出方式不太适合,像时间这种轮滑式的也能搞,但多了之后不太好选择。

艺海星空开发流程_第26张图片
image

前前后后花了差不多一个多月时间吧,业务方面花的时间并不多,用时最多的是ui方面的调式,还有刚刚开始用apicloud,也不太熟悉,熟悉也用了一段时间,读取数据都是异步式的,所以回调特别重要,要做好相关返回或是异常的处理。

我是写代码的,他算是个产品经理吧,对于界面方面都不太擅长,暂时只弄这个样子。感觉就像是把以前写前端一样,只是把html转到app上面了。

学生版的app

艺海星空开发流程_第27张图片
image

老师版的

艺海星空开发流程_第28张图片
image

我这里是直接把老师版和学生版的写在一起,只是显示的页面上不一样,这样后期导致了一个比较严重的问题,就是提交给各平台的时候,说代码重复度高,提交不上,有点坑。

还有更新的时候也多半会提示代码相识度高,多数时候提交不了。各位兄弟要注意这问题。

艺海星空开发流程_第29张图片
image
艺海星空开发流程_第30张图片
image

这时候我还在搞养殖,一般晚上都会干到12点,白天也会写一点。陪我一起干活的狗狗。

直接上github地址

https://github.com/vtesoho/yhxk

github是后来整理的,以前没有上传到github,apicloud也提供svn服务。

你可能感兴趣的:(艺海星空开发流程)