微信小程序小白总结全攻略1-流程简介

  阅前须知

        因为兴趣,自己在网上学习着小打小闹地进行了一次微信小程序的小开发,因为属于大一探索阶段,之前没有接触过这个领域,所以很多东西理解不深,方法简陋,因此建议懂一点的人就不用浪费时间看这些了。我写这些纯粹是为了对自己这段时间关于前后端知识的一个学习总结,并且对于同样零基础想自学了解一下小程序的小白(是那种比我更‘白’的小白)提供一点参考帮助,少走些弯路(本人在某些简单的问题上卡了很久,因此不希望更多新手重蹈覆辙)。肯定漏洞百出,欢迎大佬指正轻喷!   不想看啰嗦解释的只需要看红字、标记和标题即可。

言归正传,下面就是对于小程序开发流程简介的我的心得


要开发一个包含前后端功能的微信小程序,按照时间顺序我的步骤依次如下

   一、小程序功能设计(核心,不写实际代码)

       想专业一点的或者对于一个规模大一点的小程序,估计会走软件工程的路子,个人刚开始学习的话建议设计这块尽量简单点,因为尚处在学习阶段对于可能出现的难点和可以使用的方法都没有太多的了解。浪费太多时间去设计,结果实际一写代码发现根本行不通的情况是很容易出现的。但是,“麻雀虽小"也要"五脏俱全”,尽量按照这个流程来还是能提高效率和学到不少东西,而且对以后的小程序设计有经验积累的帮助:

   1.需求分析(大意:get一个合适的创意

      这个不仅对于微信小程序,而是几乎所有程序开发都要有的。说白了,就是捕捉人们的需求,进而得到一个程序开发的主题,该主题就是解决人们需求的。这个步骤其实是流程中最重要的一步,是从“0到1”实现质变的一步,日常生活中人们的需求多种多样,并不是每一种需求都适合用微信小程序来解决,也不是每一种适合用微信小程序解决的需求都容易被你发现。因此,这里要多花时间来想想。想的时候尽管不要太涉及实现,但还是有限制,你要get的一个good idea可以参考下面的几点:

     (1)规模上适合用微信小程序实现而不是app(功能太多太集成不适合);

    (2)该需求适合用微信小程序解决(保证“用完即走”的一次性功能提供,比如你要搞一个需要长期沉浸式的学习类小程序,往往不合适,用户不买单,事实证明微信API对这类功能的支持也几乎没有)

    (3)保证原创性(刚想到一个创意,建议在微信小程序搜索那里搜搜相关的关键词,看看是不是你的创意早就被实现了)

    (4)集思广益(一个只乐忠于“修仙”的程序“猿”往往对于需求的感知非常不敏感,多找些不会跟你竞争不会剽窃你创意的朋友、老师或者值得信赖熟人问问,往往有新灵感)

   2.概要设计 (大意:合理的功能设计和结构设计

      功能设计,不要太详细,但要稍微有点数,保证差不多可行。比如:我要实现查绩点的功能,要确保你能搞到学校学分绩点数据库(这一般不花大价钱不搞严格审核是不可能的,当然有免费API的话另当别论)。

      结构设计,同样不要太详细,对于微信小程序开发小白来讲,你会发现再怎么精心的设计也抵不过码代码时两句无法debug的报错,因为有很多东西你边学边码代码,才会知道。结构往往需要改,大致有个框架即可,但至少要搞清楚三点:

      (1)页面逻辑结构(诸如首页、分页,之间的树状关系等)

      (2)前后端数据交互的框架(诸如根据功能设计,后端需要写什么样的接口,前端大致如何调用等)

      (3)接口及数据库设计(对接口的进一步功能设计,数据库设计)

   这里后面文章还会具体细说。

   3.详细设计 (大意:对概要设计的具体算法、数据结构、流程的设计

      很多小程序用不上什么很难的算法,也用不上太多数据结构(要用一般也是用来提高效率的)对于初学者来讲,能用最好,万一不好用,你要做基本上就是对于每个概要设计的编码流程设计,也就是对于每个结构功能,要差不多设计好打算如何编写代码去实现它。但是对于每一小块功能尽量做到设计的独立,耦合程度越小越好,不然后面你会发现代码的重用会非常难,单元测试也困难重重(本人深受其害QAQ)

       譬如打算实现一个步数排行的功能,你要编写的代码大致有这几块“子功能”:①调用API获取步数数据②一个排序算法③将排序后的数据渲染到UI上④意外情况处理

   4.测试设计(大意:可以完成一个单元再设计一组测试

      因为前面几部分要求不要太详细,因此测试也无法设计得详细。建议实现一个独立单元的功能就设计一个对应的测试,并且就直接进行测试。具体后面文章会细说。


   二、环境部署及相关注册

     涉及到工作环境、调试工具、服务器搭建、域名相关问题,后面会专门细说这中间遇到的问题。总之这一步一定要尽量早,小程序功能设计一完成建议就开始这一步,因为其中的审批要等不少时间,这里弄好了,可以边等审批边写代码。


    三、功能代码实现及调试

     不出意外的话,后面80%的文章都围绕这个展开,这里不说。


     四、UI设计

     前面功能代码实现时,对于wxml,css用的全部是最简陋的(为了专注,也方面观察功能,也建议使用最简陋的,除非样式会影响测试结果)。毕竟这是吸睛的主要元素,建议也要好好搞一下,这里对于着重对UI进行美化,修改,对不必要的细节进行隐藏。后面文章也会简要叙述(只说些最基本的小技巧,因为本人的UI设计,呵呵。)建议有较高要求或者兴趣的可以参考后面文章《学习路线与资源》或者网上找。


    五、提交上线与进一步测试

     到这一步,你的微信小程序应该已经差不多能拿得出手了,各种审批也已经OK了吧,想上线,想迭代,完成这一步吧。

       具体后面也会有说。


     六、维护

       按道理来说必然有这一步,但是运维这块,本人才疏学浅,就不误人子弟了。自己这次开发也没有学习运维知识,只是上线后简单迭代一下就跑来写博客记笔记了。但这一步对于一个正规运营的小程序应该也是重要的,共同学学吧。


       简单的流程差不多就到这里。

       最后,恳请大佬指正,第一次写博客,也是第一次参与简单的包括前后端的小程序开发,认知很浅,写这些权当做笔记,希望不是太误人子弟。

猜你喜欢

转载自blog.csdn.net/weixin_40861847/article/details/80475675