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

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

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

参与评论 您还未登录,请先 登录 后发表或查看评论
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

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

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

打赏作者

低代码布道师

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

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

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

打赏作者

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

抵扣说明:

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

余额充值