项目地址:https://gitee.com/MTrun/go-view

.NET后端代码

.NET后端代码地址: https://gitee.com/sun_xiang_yu/go-view-dotnet
后端接口文档地址:https://docs.apipost.cn/preview/5aa85d10a59d66ce/ddb813732007ad2b?target_id=84dbc5b0-158f-4bcb-8f74-793ac604ada3#3e053622-1e76-43f9-a039-756aee822dbb

本文选用的是wtm框架,wtm的安装教程如图
wtm的安装教程
在这里插入图片描述
重点步骤如下:
1、wtm在src/wtm下
在这里插入图片描述

2、在GoViewWtm修改appsettings.json配置文件中Connections数据库连接字符串,支持mysql,sqlserver,pgsql,sqlite,oracle。其中DBType是目标数据库,Value是连接字符串。
在这里插入图片描述3、运行项目,会自动创建数据库,以及对应表。
在这里插入图片描述
4、登录后台系统(必须登录,后台账号不登录,前端代码运行起来登录不成功)
后台端口是6060,将前端代码中的.env文件中的端口都改为6060
在这里插入图片描述
在这里插入图片描述

前端代码:

master-fetch 分支是带有后端接口请求的分支:https://gitee.com/dromara/go-view/tree/master-fetch/

重点步骤如下:
1、安装项目依赖

pnpm install

2、启动代码

pnpm dev

3、登录
在这里插入图片描述
4、新建项目

在这里插入图片描述
5、拖拽符合自己要求的组件到页面
ps:一定要下载贷 master-fetch 代码,以及修改.env端口号,才会出现保存按钮,以及点击发布按钮时候才会调用net后端接口保存数据到数据库。
在这里插入图片描述
6、二次开发自己组件

二次开发组件官方文档:https://www.mtruning.club/guide/develop/addEcharts.html
增加组件方法:
增加一个和 滚动排名列表类似的组件步骤如下:
1、全局搜索代码【滚动排名列表】,找到代码所在文件夹
在这里插入图片描述
2、复制TableList文件夹,粘贴后重命名为TableImgList
在这里插入图片描述
3、然后将文件夹中4个文件中,【TableList】全部替换为【TableImgList】

在这里插入图片描述
4、然后在【滚动排名列表】最下方多了一个自定义的组件,可以在这个组件中写自己的逻辑。
ps:下图是我增加的自定义组件,增加步骤参考上方的二次开发组件官方文档。

在这里插入图片描述

更多推荐