【C#学习系列-1】实践总结-.NET Core前后端分离快速开发框架(Core.3.1+AntdVue)环境搭建

.NET Core前后端分离快速开发框架(Core.3.1+AntdVue)

转载至总教程：https://www.cnblogs.com/coldairarrow/p/11870993.html

前言：

        本文章只为了记录搭建环境的过程，过程中可能会遇到的问题，希望少踩坑，多把精力放在代码上。

一、 安装环境

操作系统：Windows 10 /windows7
后端开发工具：Visual Studio 2019+
前端开发工具：Visual Studio Code,安装nodejs,yarn
SDK：安装.NET Core SKD 3.0 及以上
数据库：SQLServer2012及以上

注意：

1. Windows7安装的node.js 官网下载最新14.xx以上的版本安装会提示不支持window7，需要下载12.x包括12.x以下的版本

https://nodejs.org/en/download/releases/

2. 安装SQLServer2012及以上版本，整个数据安装文件为3.4G，或者I tell you下载或者百度云会员下载。安装教程：https://www.cnblogs.com/shijiehaiyang/p/13029219.html

3. 安装Visual Studio 2019+，我现在离线安装+在线安装.net框架。

安装教程：https://blog.csdn.net/yinxiaohui0212/article/details/115468299

4. 安装nodejs成功后，在cmd命令行就可以执行npm命令，如果不行，需要配置以下path环境变量，路径就是安装node.js时有npm的路径。

npm服务器默认是国外可能会比较慢，可以修改为淘宝镜像，

cmd命令：yarn config set registry https://registry.npm.taobao.org -g

使用npm下载cnpm，cnpm其实就是淘宝镜像的npm。

cmd命令：npm install -g cnpm -registry=https://registry.npm.taobao.org

5. 安装yarn，cmd命令：npm install -g yarn 或者：cnpm install -g yarn

出现 无法加载文件 C:\Users\Admin\AppData\Roaming\npm\yarn.ps1

参考：https://blog.csdn.net/qq_45062261/article/details/100132489

数据库初始化

从windows开始里找到SQL Server Management Studio，运行后会有下图：

注意这里的服务器名称，这个在接下来C#配置数据库连接需要使用到。

身份验证先选择Windows身份验证，下面的用户名和密码是灰色的不需要填写，然后店家连接，进入下面的界面：

有默认的四个数据库。

接下来根据教程，需要打开vs2019，打开Colder.Admin.AntdVue的解决方案，

展开05.Coldairarrow.Api/appsettings.json 注意看文件默认是这样的，

需要修改为：

这两个需要注意，前面Data Source是服务器名，也就是上面的：

DESKTOP-Q4T4VOU\MSSQLSERVER202

在vs2019IDE，代码制动将 反斜杠\自动变为\\，这是没问题的。

Initial Catalog这个是数据库名，接下来就去SQL Server Management Studio创建数据库，初始化数据库，这里为了方便一致，我就创建和json里一样的数据库：Colder.Admin.AntdVue

数据库-》右键-》刷新。多了Colder.Admin.AntdVue，打开里面的结构都是默认的：

开始导入/docs/初始化文件中的SQLServer.sql文件：

执行后Colder.Admin.AntdVue数据库中会多了相关的表，需要右键刷新以下，如下图：

可以再确认以下SQL Server2012服务是否运行，可以看 服务：

至此，相关的前期配置完成，接下来根据教程去运行VS2019项目代码，注意这里：

后端：打开解决方案=>还原nuget包=>配置数据库=>运行（05.Coldairarrow.Api设为启动项目），其实就是：

接下来就根据教程依此运行程序，在同一台电脑上操作哦。

• 可能遇到的问题

3.1  vs code启动yarn run serve出现err

但是也能正常访问，crt+c终止后，再yarn run serve好像就没出现了，后面也没再发现err，可能是我有修改哪里忘记了。

3.2 colder登录超时 或者colder页面刷新不出来

发现这里有错误：

接下来修改：把连接数据库描述修改和上面的一致：

后面运行就正常了。

      "ConnectionString": "Data Source=DESKTOP-Q4T4V0U\\MSSQLSERVER2012;Initial Catalog=Colder.Admin.AntdVue;Integrated Security=True;Pooling=true;"

参考：https://greambwang.blog.csdn.net/article/details/90673685?utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7Edefault-9.control&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7Edefault-9.control

https://blog.csdn.net/weixin_41372626/article/details/107174856

3.3 登录Colder时Network error

是不是第二次之后的启动，主要看启动的时候是否自动弹出SwaggerUI，以及Coldairarrow.Api.exe这个窗口是否有日志，如果两者有一个没有，那么就是启动不正常，需要关掉，包括关掉Coldairarrow.Api.exe这个窗口，再重新运行一遍应该就能解决。还不能则关闭软件，重新打开重新启动，并且检查SQLServer服务是否时启动的状态。

3.4 数据库连接连接哪个？

我直接还是连接Colder.Admin.AntdVue

我直接点击编辑，修改了服务器名称DESKTOP-Q4T4VOU\MSSQLSERVER202

3.5 教程说输入业务模块名（例如填Base_Manager）,下文又说这里示例填TestManager，应该是哪个？

我经过试验，应该是填TestManager，生成的效果和教程图片一致。

如果填的是Base_Manager，解决方案中本身就存在，添加后点击显示全部文件，会发现多了bin obj这样类似空文件夹图标。不确定是否有影响。所以我又操作了一遍，将业务模块填写为TestManager，所以下图也有了TestManager这个文件夹。

事实证明好像是受影响了，再次运行，加载登录页面时候报错了，所以我删掉工程重新来一遍，这次直接填写TestManager，然后添加后，看到前端自动编译有err，我ctl+c中断，再次运行vs2019，然后yarn，然后再yarn run serve，正常。

3.6 有时候点击网页刷新不出来

       这个时候需要查看Coldairarrow.Api.exe这个窗口，是否关闭还是不小心鼠标点上去了，然后不管如何在网页请求get post，都没有打印。这时候，需要点击一下Coldairarrow.Api.exe窗口，然后按一下enter键，这个时候正常的输出打印，然后忘记的get post就正常了。

四、 实际操作

4.1 权限管理类

       可以理解为先创建角色，创建部门，然后再创建用户，这样就可以使用创建的用户进行登录。登录后根据用户的权限显示相关功能。但是这里还是显示开发的列表，以及操作日志，是否是正常的现象未知。​​​​​​​

4.2 按钮模块

需要查看c#代码

4.3 切换数据库或者使用多个数据库

需要修改c#代码