从微信小程序发布那天起,小程序开发者变得越来越多,我想小程序不仅仅是让使用者用起来简便快捷,也能够让开发者开发变得容易快捷。

任何一门开发技能练成其实都需要下一番功夫。

我作为一名小程序开发者,也经历了一些磨难,积累了一些经验,这些经验或许不值得一提,但对于初学者或者开发不太顺利的开发者来说,我认为还有有帮助的。

掌握一套开发工作流程,有助于事半功倍,信不信,请客官先往下看。

我们从拿到开发需求开始谈起。

假设到手的开发需求是产品经理提供的小程序页面原型。

我提出的微信小程序开发工作流程如下:

1.认真地观察分析小程序原型。

数一数页面个数,理一理数据对象有哪些,整个清单。

例如这样,亲自动手列一下:

页面总数:5个

首页 1个

电影列表 1个

电影详情 1个

我的 1 个

关于 1 个

数据对象:1个

电影 1个

以上只是一个简单示意,不必较真对错

2.设计数据库

如果涉及数据读写,请优先设计好数据库。

不必一次性设计完美,只需要设计好主要的表和主要的字段,能够支持小程序跑起来。

3.规划小程序页面结构

根据小程序原型以及梳理的页面数量,设计好页面名称,一次性将页面创建出来。

4.逐个页面开发

先在wxml中,将用页面元素组件把所有内容添加好,此时,不要管样式和属性。只需要添加最基本组件。

例如:<image><text>等等。每个基本组件先用静态内容填充。只当是占位。

然后,写js文件,把需要在页面上显示的数据定义好,定义时最好给出默认值,以便调试。数据定义好后,再作数据绑定。让定义的数据可以在页面上显示出来,确保绑定工作完成。

再完成页面样式。先定义结构样式,再定义元素样式。完成页面样式的定义后,再完成交互工作。

交互工作分两端,一端是Wxml文件,一端是js文件。先完成Wxml文件的设计,再完善js文件的设计。逐个交互调试。

接着,再完成API访问的代码工作。

5.完成页面之间的交互

小程序的开发总是需要从一个页面到另一个页面的,根据原型设计,完成页面之间的导航跳转。

6.最后进行完整流程的调试

7.开发完成后发布。

这是一个大概的开发流程,中间的细节,根据自己的习惯可以不断优化。

相信每个开发者都有自己的一套工作流程。只有不断地优化自己的工作流程,才可以提高效率,高效产出。

微信小程序开发工作流程相关推荐

  1. 【微信小程序开发全流程】篇章0:基于JavaScript开发的校园综合类微信小程序的概览

    基于JavaScript开发的校园综合类微信小程序的概览 本文仅供学习,未经同意请勿转载 一些说明:上述项目来源于笔者我本科大三阶段2020年电子设计课程项目,在这个项目中,我主要是负责的部分有前端, ...

  2. 微信小程序开发支付流程

    微信支付是时下最流行的交易支付方法之一,潜移默化推动着无现今社会的变革.小程序作为微信上的轻应用,同业也开放微信支付的接口,可以通过转账,扫二维码支付.要完成一次具体的订单支付需要完整的支付流程,具体 ...

  3. 微信小程序开发的完整流程介绍,新手必读

    自从跳一跳小程序游戏出现后,一夜之间,小程序就变得家喻户晓了,功能开发也越来越丰富,在微信搜一搜就会发现许多大品牌早已有自己的小程序了,越来越多的企业和商家都看中了这个风口,想快速开发出一款属于自己的 ...

  4. ui测试怎么做?依据文档有哪些_微信小程序开发流程有哪些?各个环节注意事项...

    微信小程序开发流程有哪些?各个环节注意事项是什么?微信小程序开发有哪些注意事项,开发流程是怎样的?下面就一起来看看吧. 1.微信小程序开发之注册小程序 在开发小程序之前,首先就是要注册一个小程序.不过 ...

  5. 微信小程序开发(一) 微信登录流程

    文/YXJ 地址:http://blog.csdn.net/sk719887916/article/details/53761107 最近在研究微信小程序开发,非常有意思的一个东西.花了一点时间写了一 ...

  6. 小程序问题:微信小程序开发上线全流程是怎样的

    素材编辑 | 宋大狮 排版运营 | 小唐狮 ONE 问题描述 今天要和大家分享的是小程序的问题,主要是对小程序的开发上线等整个流程进行简单阐述,让大家能够更加清晰的了解小程序开发,并由此形成框架体系, ...

  7. 微信小程序开发(1)—— 微信小程序申请注册提交审核并发布详细流程

    一.微信小程序注册申请 作为开发者可以用测试版.也可以申请测试号.https://developers.weixin.qq.com/miniprogram/dev/devtools/sandbox.h ...

  8. 微信小程序开发工具安装流程

    微信小程序开发工具安装流程 本文将详细描述微信小程序开发工具安装全流程. 1.官网注册账号 直接搜"微信公众号平台",进入其官网: 点击下方的"小程序": 按流 ...

  9. 微信小程序开发详细步骤(企业小程序开发流程)

    今天珍奶bb给大家简单唠唠微信小程序开发详细步骤(企业小程序开发流程)? 微信小程序制作流程是什么?微信小程序制作模板套用怎么操作?今天珍奶bb给大家简单唠唠微信小程序制作流程是什么? 在唠微信小程序 ...

  10. 微信小程序开发流程的两种方法科普

    现在微信小程序早已渗透我们日常生活的方方面面,很多商家看到了小程序带来的巨大流量,也想开发一个自己的小程序.所以今天就跟大家科普下微信小程序开发流程,你会发现这个开发过程其实非常简单. 1. 在微信公 ...

最新文章

  1. Java解析SQL记录为JSON_Oracle解析复杂json的方法
  2. android调试——logcat详解
  3. 点击文字label同时选中checkbox radio
  4. 知识图谱基础知识之四——知识图谱的典型应用
  5. docker内程序如何读取dockerfile和compose.yml中设置的环境变量
  6. OpenCV图像识别初探-50行代码教机器玩2D游戏
  7. xps15u盘装linux,Dell XPS 15 9560 安装 Ubuntu 18.04
  8. Python风格总结:Print输出
  9. 16种oracle查询日期语句
  10. HTML+CSS+JS实现计算机功能
  11. 《云阅》一个仿网易云音乐UI,使用Gank.Io及豆瓣Api开发的开源项目
  12. 2.亿级流量的电商网站---Redis
  13. 树形动态规划 java_树形动态规划
  14. css单线边框_css中的border-collapse属性如何设置表格边框线?(代码示例)
  15. 7-20 简单计算器
  16. 数值积分: 梯形规则--复合梯形规则--辛普森规则--复合辛普森规则--龙贝格求积公式
  17. GitHub实现邀请他人一起协作
  18. 关于java开发mc模组出现的问题
  19. 活体检测——专利调研
  20. java dwg文件_Object java添加dwg文件问题

热门文章

  1. 飞思卡尔mc9s08烧录方法_飞思卡尔8位单片机MC9S08教程
  2. 中国DNA测序在药物发现市场中的应用市场深度研究分析报告
  3. ffmpeg 音频处理
  4. android 钛备份,钛备份使用教程
  5. kvm windows 驱动安装
  6. WebSphere水平集群集成IHS
  7. 符号集合近似法SAX
  8. 金山云直播问答解决方案来了!让客户一天上线
  9. wifi连接一段时间才能上网_为什么wifi连接上却不能上网?教你如何解决wifi连上却不能上网...
  10. 柳州铁一中机器人_柳州铁一中学学子在2020年广西中小学电脑机器人竞赛中勇创佳绩...