前面了解了小程序开发的准备工作,提一点,如果有vue语法的基础对于阅读小程序而言会更加容易上手。我是因为之前自学过一段时间vue,使用vue在本机做过一些项目,所以当看到小程序的“helloworld”(习惯性称为helloworld),还算是比较熟悉的。
选型
只简单描述
UI:ColorUI + Vant Webapp
ColorUI是纯样式引用,它会提供公共的wxss样式包供你引用,在熟悉它的情况下使用class属性便可以达到想要的样式效果,它也有它的官方演示小程序,可以在开发者工具中进行打开,来做代码拷贝(我一般都是拷贝,有部分会根据自身的需求进行调整,毕竟UI我真的很为难,前端的css方面看来要认真的学习啊);
3942行样式
Vant Webapp它属于组件形式的引用,它里面提供了一些便捷的动态操作,类似于左滑选项;

后台:springboot
使用springboot是因为最近工作都是开始渐渐使用springboot,自己私下可以作为个人项目来进行知识巩固;后台作为商品管理系统,用作商品发布、活动管理、素材管理等操作;其实后台管理程序已经做了一版了,开始做小程序的时候,发现后台增删改查的东西都欠缺了好多,包括表结构的设计。后来心想干脆先完全做小程序,接口给个公共调用方法,数据全部mock,settimeout模拟请求加载,这样,当我小程序开发完了,在去想我需要后台给我提供哪些数据和操作。当然,现在腾讯小程序开发提供了有云开发可以作为后台,但是考虑到维护便捷性(图片的上传还需要手动入库,来供接口读取),另外云服务的资源流量收费,相比较下来当初优惠下来买的腾讯云就划算很多。
云服务:腾讯云
阿里云和腾讯云都用过,本着穷逼原则,哪里便宜买哪里,当时阿里云的刚刚到期,发现腾讯云正在做活动,果断买它。
文件存储:腾讯云对象存储
主要用于商城里的素材存储,例如视频图片,当然,这个后面开发后台管理的时候才会开始用到,前期的mock数据都用url(网上随便找些对应规格的图片)
新建工程
打开微信开发者工具 > 小程序 > 新建小程序


- 项目名称:项目名
- 目录:你的项目将保存在本地哪个位置
- AppID:上一篇说道的申请的小程序开发AppID,进入微信公众平台可查看
- 开发模式:小程序/插件,插件类似于远程组件,插拔式的调用,类似于商城会用到的地图选点插件
- 后端服务:选择是否使用云开发,我这里选择的是不使用;若选择使用,则可使用云开发中的云函数、数据库、对象存储等;
项目结构
其实这个东西在微信公众平台中已经有了详细的说明,可以前往查看。
项目搭建了,但是肯定不能够直接进行开发,毕竟没有需求的开发工作只能让自己烦不胜烦、越往后工作量几何倍的增长。
下次说明自身的需求以及前端(小程序)对于UI模块及功能的设计。
