在前面的6课中我们已经讲完了微信小程序的基础知识。
从今天开始,我们要开始做一个项目,这是我们项目课的第一节课。
1. 审查
往期讲座内容如下:
前面我们讲解了微信小程序的框架结构,逻辑层与视图层的关系,通过目录结构与配置文件了解了小程序开发中的规范,通过小程序提供的组件,我们可以非常方便快捷的开发一个项目。
2. 课程内容
a. 小程序开发基础
这里我把这一切归功于Web,对于有Web开发经验的人来说,这非常容易。
我们之前提到过小程序不是,但是在开发过程中,
我发现如果你以前开发过项目,那么学习小程序是非常容易的。
为什么呢?因为我们写页面的时候,样式基本都是CSS,而只要写过HTML,小程序的wxml就很容易看懂。
获取后端接口数据需要了解一些网络知识,并且懂得如何解析JSON数据。
b. 如何自主开发
独立开发一个项目对一个人的综合素质要求非常高,需要你有很强的技术能力,有很好的沟通能力,有对项目的理解能力,对产品有独到的见解,对项目有责任心和担当精神。
首先,拿到一个项目,需要明确这是什么类型的项目,解决什么问题,项目需求是什么,具备什么功能,市面上有没有竞品,如果有,它们的特点是什么? 这些竞品的互动对现在的项目有什么可以借鉴的吗?
需求明确之后,我们需要思考项目的交互细节,页面如何跳转。当然,我们需要认真考虑项目交互的合理性和易用性。在对交互了解清楚,并与产品讨论之后,我们需要与后端开发人员讨论 API,API 的可扩展性等。在确定 API 的时候,一定要考虑异常情况。
然后确认项目的开发周期,开发周期通常会设置几个检查点来检查项目是否完成。
API商讨好后,需要独立开发前后端,开发完成后要在约定的时间内调试接口,完善项目的功能。
功能开发完成后,提交给测试人员,验证功能是否完整、OK。有问题则反馈给开发人员,开发人员会修复问题。一般测试分为3轮,第1轮:全面测试产品功能,提交bug给开发人员,第2轮:验证bug是否修复,第3轮:回归测试,回归产品所有功能。

测试完成,产品没有问题之后,就可以上线了,上线之后产品需要进行迭代升级。
3. 豆瓣电影需求与互动
a. 目前展示:项目截图
当我们打开这个应用的时候,首先显示的是1,这里会自动发送一个网络请求,由于网络请求需要一定的时间,所以我们一般会在这里做一个效果,就是,当网络请求完成后,就会出现页面2,在页面上,当你手指往下拉到最下面的时候,要加载下一页的数据,我们在这里也做一个效果,就是的意思,也就是效果3,当数据返回之后,就会渲染下一页的数据。
b. 即将推出:项目截图
左边是列表,右边是特定电影对应的页面。
4. 功能列表
从上面的截图中,我们需要分析总结一下其中是否有规律,有什么共同点。可以总结出有以下几个重要的功能需要实现。
5. 如何开发(分为4个步骤)
a. 建立良好的框架
了解项目需求之后,抽象出项目有哪些页面,有哪些核心模块,哪些核心CSS可以共享,页面的模块是否可以共享,项目的图片放在哪里等等,先把这些功能的文件建起来。
b.配置路由
根据设计页面配置底部。
c.通用网络API模块
在项目中如何调用接口,如何封装接口呢?我们需要把网络访问做成一个单独的,方便后续的调用。
d.完善细节
总体框架完成后,就要完善项目的细节部分,比如页面的列表展示,详情页怎么做,跳转如何传递参数等等。