微信小程序开发教程:从基础知识到项目实战

2024-06-26
来源:网络整理

在前面的6课中我们已经讲完了微信小程序的基础知识。

从今天开始,我们要开始做一个项目,这是我们项目课的第一节课。

1. 审查

往期讲座内容如下:

前面我们讲解了微信小程序的框架结构,逻辑层与视图层的关系,通过目录结构与配置文件了解了小程序开发中的规范,通过小程序提供的组件,我们可以非常方便快捷的开发一个项目。

2. 课程内容

a. 小程序开发基础

这里我把这一切归功于Web,对于有Web开发经验的人来说,这非常容易。

我们之前提到过小程序不是,但是在开发过程中,

我发现如果你以前开发过项目,那么学习小程序是非常容易的。

为什么呢?因为我们写页面的时候,样式基本都是CSS,而只要写过HTML,小程序的wxml就很容易看懂。

获取后端接口数据需要了解一些网络知识,并且懂得如何解析JSON数据。

b. 如何自主开发

独立开发一个项目对一个人的综合素质要求非常高,需要你有很强的技术能力,有很好的沟通能力,有对项目的理解能力,对产品有独到的见解,对项目有责任心和担当精神。

首先,拿到一个项目,需要明确这是什么类型的项目,解决什么问题,项目需求是什么,具备什么功能,市面上有没有竞品,如果有,它们的特点是什么? 这些竞品的互动对现在的项目有什么可以借鉴的吗?

需求明确之后,我们需要思考项目的交互细节,页面如何跳转。当然,我们需要认真考虑项目交互的合理性和易用性。在对交互了解清楚,并与产品讨论之后,我们需要与后端开发人员讨论 API,API 的可扩展性等。在确定 API 的时候,一定要考虑异常情况。

然后确认项目的开发周期,开发周期通常会设置几个检查点来检查项目是否完成。

API商讨好后,需要独立开发前后端,开发完成后要在约定的时间内调试接口,完善项目的功能。

功能开发完成后,提交给测试人员,验证功能是否完整、OK。有问题则反馈给开发人员,开发人员会修复问题。一般测试分为3轮,第1轮:全面测试产品功能,提交bug给开发人员,第2轮:验证bug是否修复,第3轮:回归测试,回归产品所有功能。

微小程序开发_开发简单的微信小程序_wx小程序开发细节

测试完成,产品没有问题之后,就可以上线了,上线之后产品需要进行迭代升级。

3. 豆瓣电影需求与互动

a. 目前展示:项目截图

当我们打开这个应用的时候,首先显示的是1,这里会自动发送一个网络请求,由于网络请求需要一定的时间,所以我们一般会在这里做一个效果,就是,当网络请求完成后,就会出现页面2,在页面上,当你手指往下拉到最下面的时候,要加载下一页的数据,我们在这里也做一个效果,就是的意思,也就是效果3,当数据返回之后,就会渲染下一页的数据。

b. 即将推出:项目截图

左边是列表,右边是特定电影对应的页面。

4. 功能列表

从上面的截图中,我们需要分析总结一下其中是否有规律,有什么共同点。可以总结出有以下几个重要的功能需要实现。

5. 如何开发(分为4个步骤)

a. 建立良好的框架

了解项目需求之后,抽象出项目有哪些页面,有哪些核心模块,哪些核心CSS可以共享,页面的模块是否可以共享,项目的图片放在哪里等等,先把这些功能的文件建起来。

b.配置路由

根据设计页面配置底部。

c.通用网络API模块

在项目中如何调用接口,如何封装接口呢?我们需要把网络访问做成一个单独的,方便后续的调用。

d.完善细节

总体框架完成后,就要完善项目的细节部分,比如页面的列表展示,详情页怎么做,跳转如何传递参数等等。

分享