低代码布道师的博客

创建好项目之后可以看到微信开发者工具的一个界面，界面是包含几个区域导航条有默认的各种各样的功能，预览区是我们小程序编译之后的效果，文件区域我们可以创建各种各样的文件，代码编辑区可以写代码，调试区可以显示各种调试信息。有的开发者喜欢用vscode或者uniapp来开发小程序，我呢还是喜欢原生的工具，我们只是需要最终的结果，选哪种工具最终的结果都是一样的。

在小程序开发中比较重要的就是布局了。所谓的布局是依据美工提供的设计稿，按照工具提供的各类组件进行实现。小程序中我们常用的布局组件是view。通过布局组件就可以实现我们想要的效果。我们还是使用可视化的方式进行搭建，在控制台点击可视化，点击view组件，给页面中增加一个组件。小程序的布局组件是view，微搭中的布局组件叫普通容器，同样的我们也可以往页面中添加一个普通容器组件所谓的布局，其实就类似于我们使用word进行排版，比如我们可以插入表格，表格是分为行和列，那几行和几列就可以实现我们一般的页面的布局

学习小程序开发要从哪开始呢？我们是开始顺序学习官方文档么？如果一开始就从头开始读官方文档，恐怕用不了多久你就放弃了。计算机是一门实践科学，我们学习的目的是为了解决现实问题。要么你想在互联网创业，开发一款应用来吸引大家使用。要么你本身就经营着自己的业务，想把业务搬到网上。无论是以上两种情况的哪一种，恐怕都是迫不及待的希望开始。那我们也不啰嗦，直接从实践开始。要开始练习，首先要创建自己的页面。我们使用了云开发的模板生成了项目，既有的页面我们不动，我们生成自己的页面。选中pages目录，右键，创建一个文件夹。

我们前边两篇介绍了账号的申请、注册，工具的安装，云服务的开通。本篇我们介绍一下基础语法。介绍的方法呢我们会结合上微搭低代码的工具一起做个对比。因为低代码工具也产生了非常多的技术概念，但最终在发布成小程序的时候也是按照微信的规范去生成的，把微信开发者工具学会了也可以更深入的了解低代码的相关概念。小程序中是分为全局和页面级两部分。全局是在小程序的所有页面都有效，页面级是只在当前页面中生效。小程序根目录有三个文件app.js、app.json、app.wxss这三个就是全局的。在低代码中我们是在低码编辑器里看全

我们在上篇教程里介绍了小程序账号注册及工具下载安装的功能，本篇我们介绍一下如何开通云开发。打开微信开发者工具，可以看到工具栏里有个云开发的图标一开始我的这个图标是灰色的，提示已经授权给第三方，因为我平时喜欢探索一些低代码工具，有时候我也纳闷，他怎么可以一键发布成小程序呢？原来是偷偷的给我注册了一个云开发的服务。解决这个问题也比较简单，进入小程序管理后台，找到设置，切换到第三方服务，取消授权就可以再次打开微信开发者工具，就可以点击云开发的图标了。我们点击一下图标，提示进行开通付费模式有两种一种是预

17年小程序开始公测，经过5年的发展，无论从组件、开发工具、api、生态、社区，都已经发展的非常成熟了。如果17年年初你看小程序，觉得无需安装即用即走还是一个理念的话。站在今天看过去，往往是先提出一个先进的理念，然后再不断的朝着目标迈进。其实不仅是程序员会学习各种各样的技术，非程序员有时候也想把自己的想法落地，看着自己开发的应用程序随着日积月累，用户越来越多，知名度也越来越高。从0到1开发一款应用，并接受市场的检验无疑是美妙的。但人总是有分工，有人提出美好的愿景，有人得扎扎实实的落地。那小程序如何落地呢？其

我们用了一定的篇幅介绍了一下小程序的全局语法，包括app.json的配置，app.js的语法及全局样式app.wxss的配置。本节我们就介绍一下页面的具体语法。页面组成小程序是由一个个页面组成的，pages目录下的二级目录就是具体的页面每一个页面都由一个页面的文件夹和四个文件组成。比如首页的文件夹名字叫index，文件夹里包含四个文件index.js、index.json、index.wxml和index.wxss。文件的目录和文件名需要都保持一致，这样方便管理。文件命名好后需要将创建的页面路径配

微信小程序基本语法介绍-app.json上一篇中我们用了一定的篇幅介绍了一下app.json文件的结构，本篇我们介绍一下app.js和app.wxss具体的内容。app.js介绍如果说app.json文件用来配置小程序的页面表现的话，那么app.js就是控制小程序的全局默认行为，一般小程序首次打开的时候就是加载app.js里具体的方法。在小程序中有个概念叫生命周期函数，是啥意思呢？生命周期意味着小程序从创建开始，到各种状态改变，直到小程序销毁。在期间不同的状态会触发不同的函数，那有哪些函数呢？

上一节我们介绍了官方提供的模板的目录结构，本节我们正式进入到开发环境。和传统开发类似，我们学习一门新的语言必然从它的基本语法开始学起，比如变量、条件分支、循环、对象、数组等等。那么小程序要如何学习呢？和传统开发学习的方式不一样，商业软件最大的好处就是文档比较完整，对新手学习友好。作为初学者从官方文档学起就可以了，文档地址小程序官方文档作为新手，看到文档这么多，就有点想放弃学习的感觉，其实只要我们梳理好学习路径慢慢前进就可以。那学习需要多长时间呢？依我的经验看，怎么也得一个月先入门，三个月可以基本掌握。

低代码已经一个多月没有任何更新了，想着就重新温习一下小程序开发，打开开发者工具后发现云开发的图标竟然不让用移到图标上提示该小程序账号已经授权服务商使用云开发资源，因此无法使用云开发资源。这块究竟是个什么原理呢？查阅资料后说是授权了第三方应用，我登录到微信公众号里，确实是有看来是互斥的关系，如果授权了低码，就不允许在开发工具里继续使用了，那只好停止授权了，停用后开发工具里就可以直接访问云开发的后台资源了。...

昨天我们利用了一定的篇幅介绍了小程序开发工具的安装，今天我们介绍一下小程序的目录cloudfunctions代表云函数的目录，我们日常写的云函数都需要在这个目录建立miniprogram代表小程序的目录，我们的前端页面都是写在这里project.config.json是我们工程的配置文件，一般是指向了我们小程序和云函数的根目录，我一般保持这个内容固定就行miniprogram目录介绍系统自带的模板会帮我们生成一系列的基础文件，在开发的时候可以先学习系统自带的模板components

2017年小程序发布以来，经过近5年的发展，微信小程序开发已经日趋成熟。越来越多的商家已经开通了线上的电商小程序，一个是给店铺引流，另一方面也是更好的为顾客服务。本文利用一定的篇幅讲解一下微信小程序开发工具的搭建思路，如有不足还望读者见谅。我们开发的工具是利用微信开发者工具，同时需要开通小程序云开发环境。下边我就一步步讲解微信小程序开发环境如何搭建。账号注册想要开发小程序，先需要注册账号，我们在百度里输入微信公众号，找到官方的地址点击顶部的立即注册按钮一共是有四种类型可供选择，订阅号一般是作

目录低代码平台介绍实战内容介绍首页搭建低代码平台介绍低代码平台作为最近比较热的技术领域，可以让程序员写很少的代码完成应用的编制，由平台提供给你预定义好的组件，通过修改组件的属性和样式来完成应用的开发工作。通过低代码平台可以实现小程序、H5、web应用程序的快速构建，我觉得尤其适合个人开发者，背靠技术先进的云厂商，快速的实现自己的产品构想，为客户提供良好的使用体验，未来已来，赶紧加入低代码平台的创作行列吧。实战内容介绍本次实战内容是笔者去年用写代码的方式做的一块在线预约小程序，小程序分为首页、名师汇、

按照UML具体分析步骤，初步分析了类图

目录前言项目概述项目背景建设目标建设内容需求概述业务流程总体架构用户角色功能权限功能需求首页分类购物车我的非功能需求性能需求数据埋点前言好多职场小白第一次做需求岗的时候，往往不知道该做哪些工作，其实在我看来需求岗一个是要客户沟通需求，制作原型图，另外一个工作是写需求规格说明书，规格说明书的目的一个是给客户看，看客户的要求有没有遗漏，另一个是给程序员看，让程序员了解系统需要做哪些功能。规格说明书还是蛮重要的，因为它是项目管理的起点，规格说明书要梳理清楚功能点，需要有经验的程序员依据功能点来估算工作量，而

目录我的订单我的订单在我的页面可以查看自己所有订单，显示订单金额，可以有对应的操作

目录购物车我的购物车购物车主要展示通过商品详情页或者分类页中点击加入购物车按钮的商品信息，可以调整选购商品的数量，统计总共的金额，购物完毕后可以进行结算点击结算按钮可以跳转到信息确认页面如果点击确认提交责进行付款操作我的未登录状态下展示登录按钮登录之后展示可以进行的操作可以查询自己的积分、余额，可以在线充值查看充值记录和交易记录...

可以按照店主经营的品类浏览商品，可以直接在导航栏选择商品的数量，点选之后加入到购物车中

目录详情页功能规划原型编制详情页功能规划顾客通过首页浏览需要的商品，点击商品的图片可以查看商品的详情信息，主要包括商品的轮播图、商品名称、价格、详情信息。可以联系客服，加入购物车，订购商品。原型编制在上一节的基础上新增一个详情页拖一个状态栏拖一个导航组件拖一个轮播图依次完成其余部分的创作点击小人的图标可以进入客服系统，购物车里有商品时以徽章的形式体现有几个，点击加入购物车可以将商品加入购物车里，点击订购跳转到订单页面。...

我们上一讲介绍了传统的原型设计工具axure，这一讲介绍一下在线的工具，以xiaopiu为例登录访问官方的网站xiaopiu创建项目输入自己项目的名称，然后选择移动端原型比axure要好的地方是它底图已经有了创建状态栏从IOS组件库拖一个状态栏进来顶部导航拖动文字标签，搜索关闭关键字拖动小程序关闭标签轮播图搜索轮播图，拖动九宫格搜索分类，拖动商品拖动商品预览效果还不错，好些功能组件已经都有了，省下自己费工夫画了...

目录前言Axure的使用元件库首页功能规划原型编制前言当我们在日常生活场景中观察到需要开发的应用后，第一步还是需要做需求分析，目前业内需求分析的基本工具还是axure，我目前使用的是axure8感觉还是挺好用的。原型是专业的词汇，其实通俗一点就是画草图，以前不会用原型工具的时候我一般是拿笔在纸上画草图和客户交流。那种效率蛮低而且也不好修改。Axure的使用去官网下载axure并且安装，打开软件它的布局和国外的很多软件一样是左中右布局，最左边是组件区域，我们可以将自己需要的组件拖到中间的画布，右边

目录写作的目的过往的技术学习路线寻求突破学习的困难真实的场景几个场景的思考云开发学习的方法写作的目的从08年进入计算机行业后，先后做过开发、实施、运维、售前、项目管理岗位，也先后换过几家公司，今年已经跨过了35岁这个坎，深感对未来的迷茫，什么是自己喜欢做的，做什么是有意义的？打工的过程中，不断的被老板和客户灵魂拷问，老板说你不学习，不求上进，努力不足。客户说你能力不足，技术视野不够广，写作能力差，沟通不行。也曾上进过，也曾努力过，但是看着数额巨大的人民币在账号之间流转但和个人的努力毫无关系的时候，不经

目录WeUIWeUI样式引入基础组件库的使用扩展组件的用法WeUI昨天介绍了比较简便的引入weui组件库，但weui其实是包括三部分内容，第一部分是样式库，基本你引入一个样式表基础的样式的效果就有了，第二部分是组件库，有各种各样的组件可以用，第三部分就是扩展组件库，一些高阶的组件。WeUI样式引入先需要下载样式，下载地址下载地址下载后解压缩的目录找到dist/style/weui.wxss粘贴到你的工程的style目录下引入的外部样式如果需要生效需要在app.wxss里导入，当然了有几

创建项目打开微信开发者工具，创建新的项目创建完了之后将没有用的内容都清理干净引入weui以前引入得用npm的形式，引入完了还得进行构建，比较麻烦，新版本增加了直接导入的功能，具体在app.json中增加配置{ "pages": [ "pages/index/index" ], "window": { "backgroundColor": "#F6F6F6", "backgroundTextStyle": "light", "navigationBar

目录项目背景需求分析商品发布商品展示商品预定订单处理用例浏览商品加入购物车维护个人信息提交订单维护商品处理订单功能页面首页列表页详情页购物车我的页个人信息页项目背景蟹堡王活海鲜是一家位于内蒙古自治区巴彦淖尔市临河区的海鲜店，日常售卖各种活海鲜及各类冻品，主要的服务顾客是市区及周边旗县，也可通过物流辐射自治区的各个盟市，最远寄送过香港。日常的经营模式是通过微信朋友圈、微信群进行售卖，这种销售模式现在有个名词叫微商。随着经营范围的扩大，顾客也越来越多，经营的品类有上百种之多，顾客也逐步积累到四五千人，管理

目录小程序简介小程序的特点小程序的应用小程序的设计规范小程序的运营规范小程序的注册小程序的发布电影周周看项目实战创建项目小程序简介微信小程序是微信团队推出的基于微信框架的一款开发工具，使用的是微信自己建立的开发体系，遵循MVVM的架构理念，有wxml、wxss、js等开发语言，不仅便于开发者开发，而且还提供了程序的运行环境，只要开发一次，安卓端、IOS端即都可以使用。免去了日常多终端适配、运维的烦恼小程序的特点免安装打开就能使用可以利用微信社交的优势快速分享为商家赋能，提供到店服务，顾客召回

目录前言全局配置第一个页面前言这一篇主要讲解一下小程序的基础配置，教你如何看官方的文档并如何实践全局配置我们在前端开发的时候往往有一些基础配置信息是写在配置文件中的，小程序中也一样，一般定义在app.json中具体配置啥信息呢，就可以看官方的文档了解了，软件开发作为一项技能最重要的就是需要练，看到啥就练啥，用的熟练了也就好了。{ "pages": [ "pages/index/index", "pages/userConsole/userConsole", "pag

目录小程序介绍账号注册小程序介绍小程序开发作为腾讯17年推出的一块开发工具，目前已经培养了大量的开发人员，今年的峰会上已经有超过100万开发者选择了小程序，尤其是初创团队特别适合。作为微信推出的工具，感觉有几个特点，一是技术体系完善，二是社区丰富，三是文档友好。新手其实也是蛮适合入手的，现在目前的移动互联网的时代，能快速的掌握移动端开发的技能也是蛮好的。账号注册微信公众平台注册了账号之后，先需要下载开发工具微信开发工具根据需要选择版本下载安装工具启动后，新建项目目录需要新建一个空目录，

微信小程序入门实践基础篇小程序开发入门创建项目开通云开发未完待续基础篇微信小程序目前比较热门，笔者在疫情期间参加了一期微信小程序训练营，收获颇多，最近微信又组织了一期训练营，为了巩固知识，编制了本系列实践体会，训练营是为期10天，学习内容的话是微信的官方教程，本次训练营教程的参考链接：微信小程序的官方教程小程序开发入门任何技术想学会需要几个方面的内容，要有知识储备，然后要进行实践，以笔者...

云开发介绍什么是云开发2017年微信小程序发布后，一度的开发模式是前端页面使用微信小程序的相关组件，在涉及到后台登录及业务交互的时候，需要使用自建的服务器，后台不管是PHP还是JAVA架构，都需要暴露相应的接口供微信小程序调用，这种开发模式其一技术架构复杂，开发调试难度大，适合本身业务比较成熟的专业公司使用。之后随着技术的发展，微信推出了云开发的模式，前端还是使用微信的相关组件开发，但是后端...