微搭低代码小程序模板体验

于 2021-12-16 11:47:37 发布 559 收藏
分类专栏： 腾讯低代码 文章标签： 小程序 低代码
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u012877217/article/details/121971101
版权

最近学习低代码貌似成果不太明显，光是从模板中心学习感觉不成体系，琢磨了一下还是学习一下商用的模板，有一套完整的解决方案更利于理解低代码的概念。

如何下手呢？先从入口开始，进入模板，选择我的模板
在这里插入图片描述
点击购买模板，从商城里找一套自己喜欢的安装
在这里插入图片描述
看了一下，觉得宠物店这个不错，贴近生活，我们选择试用7天
在这里插入图片描述
试用之后就会将模板安装到你自己的环境中，点击安装

了解本专栏 订阅专栏 解锁全文 超级会员免费看
低代码布道师
关注
专栏目录
订阅专栏
腾讯云微搭低代码-汽车体验小程序官方模板解析
低代码布道师的博客
03-22 566
官方模板市场上新了，今天带大家体验一下新发布的汽车体验小程序。以往小程序开发需要经历需求对接、开发、部署上线等一系列操作，现在腾讯云提供了新的方案，从模板中心先体验，体验成功后可以下载到自己的账号中。这样就节省了很多操作，也方便商家在线购买。 使用方式 打开低码控制台，在模板中心中找到汽车体验小程序，点击立即使用 在弹出的页面输入应用的标识和应用的名称，第一次使用时系统会开通一个环境 点击确定后会打开低代码编辑器 模板下载下来就是需要仔细研究了。通常在小程序开发的时候我们是在github上下载别人的开
用低代码开发简易的小程序技术教程.docx
08-30
介绍如何使用微搭低代码来开发小程序
参与评论 您还未登录，请先 登录 后发表或查看评论
微信小程序入门实践
低代码布道师的博客
04-15 214
微信小程序入门实践基础篇小程序开发入门创建项目开通云开发未完待续 基础篇 微信小程序目前比较热门，笔者在疫情期间参加了一期微信小程序训练营，收获颇多，最近微信又组织了一期训练营，为了巩固知识，编制了本系列实践体会，训练营是为期10天，学习内容的话是微信的官方教程，本次训练营教程的参考链接： 微信小程序的官方教程 小程序开发入门 任何技术想学会需要几个方面的内容，要有知识储备，然后要进行实践，以笔者...
使用微搭低代码一键发布小程序
低代码布道师的博客
07-20 732
学习使用微搭低代码已经半年有余，按照自己的构想也开发了一款会员管理小程序。但是一直是以H5的形式发布的，H5需要记住网站的地址，使用起来不太方便，于是花了一定的时间研究了一下如何发布成小程序。 小程序绑定 想要发布小程序的话，先需要绑定已经有的小程序，点击低码控制台的小程序开发认证模块 经过一番实验，要想绑定必须是同主体下的小程序，同主体意味着你需要使用当前微搭低码的微信账号注册小程序。注册之前你先需要将微信绑定银行卡。我们可以点击注册小程序按钮快捷注册 按照要求填写信息注册就可以了，注册完就需要进行绑
ShacoPage低代码模板开发文档
最新发布
_web_Z的博客
04-07 807
shacoPage低代码模版开发文档
微信小程序基本语法介绍
低代码布道师的博客
06-21 614
我们用了一定的篇幅介绍了一下小程序的全局语法，包括app.json的配置，app.js的语法及全局样式app.wxss的配置。本节我们就介绍一下页面的具体语法。 页面组成 小程序是由一个个页面组成的，pages目录下的二级目录就是具体的页面 每一个页面都由一个页面的文件夹和四个文件组成。比如首页的文件夹名字叫index，文件夹里包含四个文件index.js、index.json、index.wxml和index.wxss。文件的目录和文件名需要都保持一致，这样方便管理。 文件命名好后需要将创建的页面路径配
移动APP和小程序的低代码开发平台有哪些
06-03 4802
市场上的小程序低代码开发平台很多，包括：有赞云、uni-app、云程、知晓云、意派Coolsite360、jeecg-uniapp、unimall小程序、微盟云、微尘、牛刀云、应用公园、叮当、即速应用、凡科、上线了、菜鸟应用、轻芒、建站之星、序多多、微擎、小未程序、微信官方工具等，这些小程序平台可以分为开发框架、UI组件、行业模板、电商零售、移动办公等几大类，用户可以根据自己的需求，选择合适的小程序平台和应用。 一、 有赞云 有赞云的移动端生态比较完善，有行业解决方案、应用市场、开发者工具、小程序UI库、帮
weshop-微信小程序应用商城
04-28
WESHOP | 基于微服务的小程序商城系统 --- Weshop是基于Spring Cloud(Greenwich)开发的小程序商城系统，提供整套公共微服务服务模块，包含用户中心、商品中心、订单中心、营销中心四大基础服务模块，微信端、管理平台两大聚合服务模块，支持服务治理、监控和追踪等功能。 ## 组织结构 ``` weshop ├── weshop-framework -- 框架公共模块 ├── weshop-eureka-server -- eureka注册中心[端口:8761] ├── weshop-config-server -- 配置中心[端口:7001] ├── weshop-api-gateway -- api网关[端口:8020] ├── weshop-hystrix-dashboard -- 断路器监控面板[端口:1301] ├── weshop-example -- 项目示例工程 | ├── weshop-example-api -- 远程服务api接口 | ├── weshop-example-provider -- 服务提供方[端口:9998] | ├── weshop-example-consumer -- 服务消费方[端口:9999] ├── weshop-user-api -- 用户中心api ├── weshop-user -- 用户中心基础服务[端口:8021] ├── weshop-goods-api -- 商品中心api ├── weshop-goods -- 商品中心基础服务[端口:8022] ├── weshop-marketing-api -- 营销中心api ├── weshop-marketing -- 营销中心基础服务[端口:8023] ├── weshop-order-api -- 订单中心api ├── weshop-order -- 订单中心基础服务[端口:8024] ├── weshop-storage-api -- 对象存储服务api ├── weshop-storage -- 对象存储服务[端口:8026] ├── weshop-wechat -- 微信端聚合服务[端口:8025] ├── weshop-wechat-ui -- 微信小程序页面 ├── weshop-admin -- 管理平台聚合服务[端口:8027] ├── weshop-admin-ui -- 管理平台页面 ``` ### 后端技术 技术 | 名称 | 版本 | 官网 ----|------|----|---- Spring Boot | 应用框架 | 2.1.2.RELEASE | [https://projects.spring.io/spring-boot/](https://projects.spring.io/spring-boot/) spring-cloud-netflix | 微服务框架 | Greenwich.RELEASE | [https://projects.spring.io/spring-cloud/](https://projects.spring.io/spring-boot/) spring-cloud-config | 分布式配置中心 | 2.1.2.RELEASE | [https://projects.spring.io/spring-cloud/](https://projects.spring.io/spring-boot/) spring-cloud-sleuth | 分布式服务跟踪 | 2.1.2.RELEASE | [https://projects.spring.io/spring-cloud/](https://projects.spring.io/spring-boot/) spring-cloud-stream | 分布式消息总线 | 2.1.2.RELEASE | [https://projects.spring.io/spring-cloud/](https://projects.spring.io/spring-boot/) MyBatis | ORM框架 | 3.2.1 | [http://www.mybatis.org/mybatis-3/zh/index.html](http://www.mybatis.org/mybatis-3/zh/index.html) Mapper | MyBatis 通用 Mapper4 | 4.0.0 | [https://gitee.com/free/Mapper](https://gitee.com/free/Mapper) PageHelper | MyBatis 分页插件 | 5.1.2 | [https://gitee.com/free/Mybatis_PageHelper](https://gitee.com/free/Mybatis_PageHelper) MyBatis Generator | 代码生成 | 1.3.5 | [http://www.mybatis.org/generator/index.html](http://www.mybatis.org/generator/index.html) Swagger2 | 在线Api文档 | 2.9.2 | [https://swagger.io/](https://swagger.io/) Thymeleaf | 模板引擎 | 3.0.9.RELEASE | [https://www.thymeleaf.org/](https://www.thymeleaf.org/) Logback | 日志组件 | 1.1.3 | [https://logback.qos.ch](https://logback.qos.ch/) Druid | 数据库连接池 | 0.2.23 | [https://github.com/alibaba/druid](https://github.com/alibaba/druid) Hibernate Validator | 后端校验框架 | 5.4.2.Final | [http://hibernate.org/validator/](http://hibernate.org/validator/) RabbitMQ | 消息中间件 | 5.4.3 | [http://www.rabbitmq.com/](http://www.rabbitmq.com/) ### 前端技术 技术 | 名称 | 版本 | 官网 ----|------|----|---- React | 前端MVC框架 | 16.5.1 | [https://reactjs.org/](https://reactjs.org/) Ant Design Pro | 开箱即用的中台前端/设计解决方案 | 2.1.0 | [https://pro.ant.design/index-cn](https://pro.ant.design/index-cn) ### 软件需求 - JDK1.8+ - MySQL5.6+ - RabbitMQ 3.6.x+ - Maven3.0+ - ZipKinServer 3.7.0+ ## 功能 ### 商城功能 - 首页 - 专题列表、专题详情 - 分类列表、分类详情 - 品牌列表、品牌详情 - 新品首发、人气推荐 - 团购 - 搜索 - 商品详情、商品评价、商品分享 - 购物车 - 下单 - 订单列表、订单详情 - 地址、收藏、足迹、意见反馈 - 客服 ### 管理平台功能 - 会员管理 - 商城管理 - 商品管理 - 推广管理 - 系统管理 ### 在线演示 。。。 ### 预览图 > 服务注册页面 ![](docs/preview/eureka.JPG) > swagger ![](docs/preview/swagger.gif) > 首页 ![](docs/preview/index.gif) > 商品页 ![](docs/preview/detail.gif) > 购物车页 ![](docs/preview/orderlist.JPG) ## 安装教程 ### 本地部署 1. 通过git下载源码 2. 创建数据库weshop，数据库编码为UTF-8 3. 执行docs/sql/data.sql文件，初始化数据 4. 修改配置中心(weshop-config-server)的database.properties和common.properties文件，更新MySQL账号和密码，更新RabbitMQ配置，更新zipkinServer配置 5. 运行Maven命令mvn install(注意：安装weshop-admin模块因为会运行npm install和npm build命令时间会比较长，当然也可以手动在weshop-admin模块执行npm命令) 6. 安装weshop-admin-ui模块，运行mvn install和mvn build命令，运行命令前需要安装nodeJs 7. 运行weshop-eureka-server、weshop-config-server、weshop-api-gateway这几个基础服务 8. 运行weshop-user、weshop-goods、weshop-order、weshop-marketing这几个api服务 9. 运行weshop-wechat、wechat-admin这几个endpoint 10. http://localhost:8027/index.html访问后台管理，http://localhost:8020/weshop/swagger-ui.html访问Swagger页面 11. 打开微信开发者工具，导入weshop-wechat-ui模块,点击编译即可，此时可以预览商城效果 ### 生产部署 最低部署要求 1C2G x3
微搭低代码官方模板解析（一）
TCB_CloudBase的博客
07-28 538
微搭低代码目前开放了PC端功能，使用方法是需要在模板中心启用模板，模板创建成功后会自动增加PC端的组件库及创建需要的数据源。本文就结合目前官方提供的模板，按照示例程序自己搭建一遍。通过模板的搭建来熟悉官方组件库的用法。 创建页面 首先自己新建一个页面，我们需要按照官方模板的首页自己搭建一下。 官方首页逻辑解析 官方的首页其实就是起到一个引导的作用，通过大的图片来引导用户点击 然后我们切换到组件视图来分析一下首页都使用了哪些组件 它的布局组件使用了节点组件，节点组件就相当于我们html里的div，我画个
微信小程序云开发入门实践
低代码布道师的博客
02-20 4084
云开发介绍 什么是云开发 2017年微信小程序发布后，一度的开发模式是前端页面使用微信小程序的相关组件，在涉及到后台登录及业务交互的时候，需要使用自建的服务器，后台不管是PHP还是JAVA架构，都需要暴露相应的接口供微信小程序调用，这种开发模式其一技术架构复杂，开发调试难度大，适合本身业务比较成熟的专业公司使用。 之后随着技术的发展，微信推出了云开发的模式，前端还是使用微信的相关组件开发，但是后端...
腾讯云微搭低代码理发预约小程序实战教程
低代码布道师的博客
02-23 575
目录1 项目背景2 需求分析2.1 首页2.2 我的2.3 预约3 数据源设计3.1 店铺信息3.2 预约信息4 数据源开发5 模型应用创建5.1 获取用户openid自定义连接器6 小程序创建6.1 首页开发6.2 预约页面开发6.3 我的页面开发6.4 预约列表页面开发小程序发布实战总结 1 项目背景 日常生活中，我们经常去理发馆理发。如果是老顾客的话会问店主索取电话，想要理发的时候先问问店里的排队情况，然后按照约定的时间上门理发。 现如今大家都喜欢在微信上使用小程序办理各项业务，如果开发一款理发预约小
0基础0代码分分钟带你做个小程序
低代码布道师的博客
05-26 910
笔者一直是在政务赛道，给政府提供办公软件。因为去年甲方事业单位改革的原因，原来的负责人都转隶到了新的单位。现有的人员和机关事务服务中心合并，所以需要关注内部事务的业务，比如食堂、物业、停车、访客登记等业务。更换了业务方向后，由过去的解决公文流转、流程审批、信息报送等业务，转向到了内部管理业务。日常和客户沟通是免不了的，先看一下我们最近的一段沟通记录。 需求沟通 李科长：小韩，你最近给开发的菜谱评论有个问题。 小韩：领导，有啥问题呢？是有BUG么，上传不了么？ 李科长：倒不是上传的问题，我们通知也发了，但是没
微搭医美小程序官方模板解析（一）
低代码布道师的博客
12-10 242
目录 01 全局变量 我们上一节解析了官方模板的全局变量，本节我们分析一下首页都需要哪些变量及页面级生命周期函数都做了什么工作。 首页变量 打开首页的变量还不少 我们就按照模板定义的变量复刻一下 category 页面变量定义的方法是鼠标移动到页面名称，点击+号 输入变量的名称，选择变量的类型，并且设定好初始值 先创建第一个变量category 类型的话选择数组，初始值是空数组 shopInfo 该变量类型选择对象，初始值是空对象 imageList 该变量类型是数组，初始值如下： [ "h
低代码平台快速开发小程序
低代码布道师的博客
02-19 1461
1 引言 笔者春节回家在高速休息区休息的时候，发现墙上贴了两个二维码，主要是收集路过的旅客对服务区的各项服务的满意度的问题，如果觉得有不满意的地方还可以投诉，对于机构来说，利用小程序去收集顾客对本机构的服务内容、服务质量是一种常见的场景。 本文就利用低代码平台快速的实现一下现在高速公路满意度调查和投诉两项功能，低代码平台是腾讯云最近推出的一款产品，全程在线编程，界面通过拖拽来实现，业务逻辑也可以自己编写代码，如果是简单的应用也可以使用平台预定义好的方法。软件完成编制后可以一键发布，总体编程体验非常流畅，还是
基于低代码平台（Low Code Platform）开发中小企业信息化项目
11-28 1576
前言：中小企业信息化需求强烈，对于开发中小企业信息化项目的软件工作和程序员来说，如何根据中小企业的特点，快速理解其信息化项目的需求并及时交付项目，是一个值得关注和研讨的话题。 最近几年来，随着全球经济的深度融合和中国劳动力成本的持续上升，中国企业正步入经营模式转型时期。众多企业已意识到，需要提高管理信息化水平，以促使企业管理成本降低和管理效率提升，企业管理信息化的需求已经由外部推...
低代码平台，不止是技术小白的专属，还是开发大咖的利器
weixin_43877964的博客
01-15 2538
随着时代和技术的快速发展，企业信息化的建设更加讲究轻型作战，更加看重效率，但传统定制开源方式因为周期长、费用高一直为人诟病。低代码开发平台就是在这样的背景下应运而生。低代码开发平台，让开发者可以基于平台快速搭建企业信息化系统，这种新型的开发方式，数以倍计的提高着开发者的开发效率。 像国外的OutSystems、Mendix、Salesforce或者国内的星城软件等等，都可以开发OA、ERP、CRM...
微信小程序实例源码大全下载
热门推荐
weixin_30654583的博客
11-17 1万+
小程序QQ交流群：131894955小程序开发直播腾讯课堂：https://edu.csdn.net/course/detail/6743微信小程序实例源码大全下载微信小应用示例代码(phodal/weapp-quick)源码链接：https://github.com/phodal/weapp-quick微信小应用地图定位demo(gi...
0基础学微信小程序开发（一）基本介绍
低代码布道师的博客
11-30 362
目录小程序介绍账号注册 小程序介绍 小程序开发作为腾讯17年推出的一块开发工具，目前已经培养了大量的开发人员，今年的峰会上已经有超过100万开发者选择了小程序，尤其是初创团队特别适合。作为微信推出的工具，感觉有几个特点，一是技术体系完善，二是社区丰富，三是文档友好。新手其实也是蛮适合入手的，现在目前的移动互联网的时代，能快速的掌握移动端开发的技能也是蛮好的。 账号注册 微信公众平台 注册了账号之后，先需要下载开发工具 微信开发工具 根据需要选择版本下载安装 工具启动后，新建项目 目录需要新建一个空目录，

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
©️2022 CSDN 皮肤主题：我行我“速” 设计师：Amelia_0503 返回首页

打赏作者

低代码布道师

你的鼓励将是我创作的最大动力

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额：-- )
扫码支付
扫码支付：¥2
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、C币套餐、付费专栏及课程。

余额充值