写点什么

招生报名小程序开发笔记一:开发背景和技术方案的选型确定

作者:CC同学
  • 2022 年 8 月 11 日
    广东
  • 本文字数:2334 字

    阅读完需:约 8 分钟

业务背景

对每所学校而言,每年招生入学工作启动后,都免不了信息登记、现场报名、普查审核等多个阶段。特别是来到现场报名审核环节时,以往都是学校公众号发个通知,家长们在开放现场登记的那几天,自己找时间过来,头一两天来的人会比较多,老师们接待压力也比较大,家长办理审核登记也需要等待较长时间。


但近年来,为了减少现场家长排队等待,以及更好防范疫情,使用小程序来实现在线预约、对家长有序分流,成为了各学校积极采用的方式,老师接待和现场秩序管理起来也更轻松。

前端技术方案选型

  • 原生:对性能特别苛刻 or 追求稳定 or 要用最新功能,请记住任何时刻原生都是最稳定性能最好的选择!!!!

  • KBone:kbone 是一个致力于微信小程序和 Web 端同构的解决方案,微信小程序的底层模型和 Web 端不同,我们想直接把 Web 端的代码挪到小程序环境内执行是不可能的。kbone 的诞生就是为了解决这个问题,它实现了一个适配器,在适配层里模拟出了浏览器环境,让 Web 端的代码可以不做什么改动便可运行在小程序里。

  • MPVue:是美团点评开源的一个使用 Vue.js 开发小程序的前端框架。框架基于 Vue.js 核心,mpvue 修改了 Vue.js 的 runtime 和 compiler 实现,使其可以运行在小程序环境中,从而为小程序开发引入了整套 Vue.js 开发体验。

  • WePY:腾讯团队开源的一款类 vue 语法规范的小程序框架,借鉴了 Vue 的语法风格和功能特性,支持了 Vue 的诸多特征,比如父子组件、组件之间的通信、computed 属性计算、wathcer 监听器、props 传值、slot 槽分发,还有很多高级的特征支持:Mixin 混合、拦截器等;

  • Taro:京东凹凸实验室开源的一款使用 React.js 开发微信小程序的前端框架。它采用与 React 一致的组件化思想,组件生命周期与 React 保持一致,同时支持使用 JSX 语法,让代码具有更丰富的表现力,使用 Taro 进行开发可以获得和 React 一致的开发体验。,同时因为使用了 react 的原因所以除了能编译 h5, 小程序外还可以编译为 ReactNative;

  • Uni-app:使用 Vue.js 开发小程序、H5、App 的统一前端框架。开发者使用 Vue 语法编写代码,uni-app 框架将其编译到 小程序(微信/支付宝/百度/字节跳动/QQ/钉钉)、App(iOS/Android)、H5 等多个平台,保证其正确运行并达到优秀体验。

  • Chameleon:滴滴跨端解决方案。不是很了解,欢迎大家补充



  • 选择结论:预约小程序功能点不多(前台大概 20 个左右功能点,后台大概 50 个功能点),没有复杂的业务关系,且没有跨端的需求,要求是简单高效,这里的简单高效既是开发的简单高效,也是管理发布的简单高效,

  • 所以选择了原生框架作为前端方案,当然,小程序在非常快速的更新迭代,就算是原生框架也还是有一些坑的。

前端 UI 技术方案选型

  • 原生 : 基于 WXML,WXSS,组件,模板构建,基本也就是写 view 的弹性布局啦!!!

  • WeUI:腾讯官方 UI 组件库 WeUI 的小程序版,提供了跟微信界面风格一致的用户体验,感觉比较死板,中庸,没有视觉冲击力

  • ColorUI:一个 Css 类的 UI 组件库!不是一个 Js 框架。相比于同类小程序组件库,ColorUI 更注重于视觉交互!其组件在美观性方面比较突出。

  • iView WeApp: TalkingData 发布的一款高质量的基于 Vue.js 组件库,而 iView weapp 则是它们的小程序版本

  • ZanUI WeApp:是有赞移动 Web UI 规范 ZanUI 的小程序实现版本,结合了微信的视觉规范,为用户提供更加统一的使用感受

  • MinUI :蘑菇街前端开发团队开发的基于微信小程序自定义组件特性开发而成的一套简洁、易用、高效的组件库,适用场景广,覆盖小程序原生框架,各种小程序组件主流框架等,并且提供了专门的命令行工具。

  • 选择结论:WeUI 过于平庸,和微信原生组件差不多,而 iView,ZanUI, MinUI 学习曲线较高,所以选择了原生+ColorUI 作为 UI 框架

后端框架技术方案选型

  • ThinkPHP(PHP):国人最引以为自豪的 PHP 框架,大概从 200X 年就开始流行,繁衍了 N 个版本,因为其自身包含了底层架构、兼容处理、基类库、数据库访问层、模板引擎、缓存机制、插件机制、角色认证、表单处理等常用的组件,并且对于跨版本、跨平台和跨数据库移植都比较方便。

  • Laravel(PHP): 号称宇宙中最简洁、最优雅的 PHP Web 开发框架。它可以让你从面条一样杂乱的代码中解脱出来;它可以帮你构建一个完美的网络 APP,而且每行代码都可以简洁、富于表达力。

  • .NET Core WebAPI:微软为了通吃 Linux/Win 平台的得意之作,长期以来 C#+SQLServer 组合只活跃于企业级应用,或者古董应用中,无法飞入寻常百姓家(程序员家),为此推出了了.NET Core, 目标是跨平台

  • Java SpringBoot:设计目的是用来简化新 Spring 应用的初始搭建以及开发过程。该框架使用了特定的方式来进行配置,从而使开发人员不再需要定义样板化的配置

  • 小程序云开发:云开发为开发者提供完整的原生云端支持和微信服务支持,弱化后端和运维概念,无需搭建服务器,使用平台提供的 API 进行核心业务开发,即可实现快速上线和迭代,同时这一能力,同开发者已经使用的云服务相互兼容,并不互斥。

  • 选择结论:小程序云开发可以提供前后端的免鉴权用户身份获取,同时可以直接提供云函数调用,也提供了 IO 存储空间,Json 数据库,同时还可以和公众号数据互通,且避免繁琐的认证授权,所以 Selected IT

数据库方案选型

  • MySQL:移动互联网创业大军的首选,免费,高效,适中

  • PostgreSQL:是一种特性非常齐全的自由软件的对象-关系型数据库管理系统(ORDBMS),是以加州大学计算机系开发的 POSTGRES,4.2 版本为基础的对象关系型数据库管理系统。

  • 小程序 Json 数据库:与小程序云开发紧密结合,而且基础版是免费的,当然选择她啊!!!

综合结论

小程序原生+ColorUI+云函数+云开发+Json 数据库


不管选用那种框架,对微信小程序的基础知识,基础概念还是要花时间去学习的(看官方文档或者微信小程序全面实战,架构设计 && 躲坑攻略),因为很多问题,采用原生的去解决更好,组件也是。

用户头像

CC同学

关注

CC同学的小程序开发笔记 2021.06.13 加入

大鹅厂的小小程序媛,vx: cclinux0730

评论

发布
暂无评论
招生报名小程序开发笔记一:开发背景和技术方案的选型确定_CC同学_InfoQ写作社区