使用WTMPlus快速搭建发卡网

ゝ一世哀愁。 2022-08-28 00:44 253阅读 0赞

![36126f53720f96367e8b554402d92a8a.png][]

快点关注我们吧

![4076af1fe0c9e2e441e51f206b0aad5e.png][]

作者介绍

不倔强的草莓，从事互联网乞讨行业多年，深入了解乞讨业务。开发过草莓要饭网等系统。对互联网乞讨的运营有一定经验。

--------------------

**什么是WTM框架？**

WTM框架是一款.NET平台下的开源快速开发框架,可以快速、灵活、高效的开发一个基于.NET的 后台管理系统,对于开发而言提高了40%的开发效率，同时WTM框架作为学习.Net跨平台的起点也是非常推荐的。  
官方网站:https://wtmdoc.walkingtec.cn

开源地址:https://github.com/dotnetcore/WTM

##     ##

## **什么是WTMPlus?** ##

WtmPlus是建立在WTM开源框架基础上的低代码开发平台,他提供了可视化的模型和页面编辑,更加复杂和智能的代码生成,可使开发效率提升50%以上  
本次开发实例就是基于WTMPlus进行开发  
官方网站:http://wtm.plus

## 开发准备 ##

*  申请支付宝当面付接口
 *  准备一台服务器
 *  准备一个域名

## 申请支付宝当面付接口 ##

参考文档1:https://blog.csdn.net/Guo\_XiCheng/article/details/106101127  
参考文档2:https://opendocs.alipay.com/open/194

## 首先我们使用WTMPPlus, http://wtm.plus, 快速建立包含基础功能的项目 ##

###     ###

### **1.创建项目** ###

![04ac7df6dd0ca329d49ff9073d9ae089.png][]

###     ###

### **2. 创建一个区域并添加相关的Model** ###

![35e16a8f0d7ac4e6a030d9cd9da9feab.png][]  
![540a07329dcb20214bc5a12870e288d3.png][]  
![43aba9c9bc19172c54011f6496c09756.png][]

###  ###

### **3. 创建默认页面** ###

![6dc5ac1ee43709b52d3f9db94ad7645e.png][]  
![43db64202099046156fd841a2340481f.png][]

### **4.下载项目** ###

WtmPlus最终可以下载三种类型的项目,我这边下载的Blazor  
![e28ce75ae37eb8783f9a3c74a3ef692e.png][]

###     ###

### **5. 打开项目** ###

下载之后解压缩,可直接在visual studio中打开项目,模型,数据库和相关的后台管理页面以及各种增删改查等接口一就都有了,下面我手动把支付宝付款加上.

项目引入支付宝alipay-easysdk  
剩下的就是添加几个接口了  
详细代码省略了 支付宝SDK都集成好了啦 直接调用就可以了  
简单说一下设计流程

#### \_501. 需要有一个创建交易的controller用于创建交易并生成二维码 ####

#### \_502 商品列表添加一个查询交易的功能用于客户查询交易 ####

![fb1afd30b6ceffae7c2cf52f4afd6127.png][]

#### \_503. 需要有一个查询交易的controller用于用户查询交易 ####

![8bf5382b3bcb6017da758127d14796e0.png][]

#### \_504. 需要有一个回调的controller用于接收支付宝的回调 ####

![f9f37583c694c807831e1490a2ab3e40.png][]

#### \_505 前端创建一个页面用于展示商品列表 ####

![16b336b64f94beaa4a2a7a6a75cc96f3.png][]  
![a01657750841ade41ceb6de1ea1cbf45.png][]

#### \_506 最终再新建一个页面用于展示商品信息 并添加下单功能调用创建交易的controller ####

![dbcea49fb42493efe98d1642fc9968f2.png][]  
![b9f038b7fa775c7e990c6f16d302a1e6.png][]

#### \_507 前端创建一个页面用于展示购买信息 并添加查询调用查询交易的controller ####

![c16e37d3fda0e062473640c44c6446ab.png][]  
![048bb4a4c9a04afe795a46ac39e708ac.png][]

###     ###

### 发布项目 ###

请参考微软文档  
https://docs.microsoft.com/zh-cn/dotnet/core/deploying/\#framework-dependent-deployments-fdd

### 部署到服务器 ###

参考为微软文档  
https://docs.microsoft.com/zh-cn/aspnet/core/host-and-deploy/?view=aspnetcore-5.0

### 示例网站 ###

发卡网示例网站:http://39.100.85.171/  
草莓要饭网:https://www.caomei.in/Beg

[36126f53720f96367e8b554402d92a8a.png]: /images/20220828/3ca89eb849974a9db62639e5fd33f765.png
[4076af1fe0c9e2e441e51f206b0aad5e.png]: /images/20220828/1e7e1d2763a24a17a839d43d34850b50.png
[04ac7df6dd0ca329d49ff9073d9ae089.png]: /images/20220828/cb798c156d6a4f7a99d9c9b729699802.png
[35e16a8f0d7ac4e6a030d9cd9da9feab.png]: /images/20220828/f5abbeb8ee4b4c72b11dc5015642251a.png
[540a07329dcb20214bc5a12870e288d3.png]: /images/20220828/87801d1daa2440e5934ea6d3be34b388.png
[43aba9c9bc19172c54011f6496c09756.png]: /images/20220828/b3befddf083d4a5283c7ce23be69c64a.png
[6dc5ac1ee43709b52d3f9db94ad7645e.png]: /images/20220828/131dd8ed17d84459a94eadc7141f0d61.png
[43db64202099046156fd841a2340481f.png]: /images/20220828/6b3daccf921f48649114449b82a2a313.png
[e28ce75ae37eb8783f9a3c74a3ef692e.png]: /images/20220828/c6ae59f011fc49db9bc0f3f19af9b2c5.png
[fb1afd30b6ceffae7c2cf52f4afd6127.png]: /images/20220828/c7dfa55528794f3aa057c140e5e97318.png
[8bf5382b3bcb6017da758127d14796e0.png]: /images/20220828/117e6dd335864ad4b113a9ce48a288df.png
[f9f37583c694c807831e1490a2ab3e40.png]: /images/20220828/fd6ddcdabf6244a7a7e135f0dc959507.png
[16b336b64f94beaa4a2a7a6a75cc96f3.png]: /images/20220828/f7e5d5cab0f043b0980ec2029b6518cc.png
[a01657750841ade41ceb6de1ea1cbf45.png]: /images/20220828/9d9c29aded224a99a81678a70e2e81ec.png
[dbcea49fb42493efe98d1642fc9968f2.png]: /images/20220828/fed48c1624964269a2e27695a20d32bc.png
[b9f038b7fa775c7e990c6f16d302a1e6.png]: /images/20220828/e85911bafdc74b4fa7fc5c4a35036353.png
[c16e37d3fda0e062473640c44c6446ab.png]: /images/20220828/c77df3db67594e9fae0b4c549efc6a04.png
[048bb4a4c9a04afe795a46ac39e708ac.png]: /images/20220828/ab1c684b020d457b983584cb2c6b2301.png