目录

一、项目下载

二、开发环境准备

三、数据库准备

四、项目启动

五、验证码处理

 

项目:Vue2+Net6  

其他环境:电脑:Windows 64位  数据库sql server 2012

 

一、项目下载

若依官网:http://www.ruoyi.vip/

选择扩展组件里的 RuoYi-Net(若依Net语言版本)

 

.net b s架构 前后端两套数据库 .net 前后端分离项目_sql

这里选择RuoYi-Vue

.net b s架构 前后端两套数据库 .net 前后端分离项目_sql_02

*RuoYi : 基于 .NET Core MVC 的权限管理系统(YiShaAdmin)

*RuoYi-Vue : ZRAdmin.NET是一款前后端分离的、跨平台基于RBAC的通用权限管理后台

 

选择Vue2 + Net6版本需要下载

 

.net b s架构 前后端两套数据库 .net 前后端分离项目_.net b s架构 前后端两套数据库_03

登录Gitee 后,下载项目zip

 

.net b s架构 前后端两套数据库 .net 前后端分离项目_sql_04

下载完成后,接下来是本地环境的准备

二、开发环境准备

2.1 Net 6环境

   Visual Studio 2022下载地址(这里下载Community社区版):

https://visualstudio.microsoft.com/zh-hans/?utm_source=developermscom

 

SDK 6.0

下载地址:https://dotnet.microsoft.com/zh-cn/download/dotnet/6.0

 

.net b s架构 前后端两套数据库 .net 前后端分离项目_sql_05

2.2前端环境

VS Code 

下载地址:https://visualstudio.microsoft.com/zh-hans/?utm_source=developermscom

 

.net b s架构 前后端两套数据库 .net 前后端分离项目_.net b s架构 前后端两套数据库_06

 

 

Node.js

下载地址:http://nodejs.cn/download/

(这里下载长期支持版本: 16.15.1)

 

.net b s架构 前后端两套数据库 .net 前后端分离项目_验证码_07

安装教程参考:

检查是否安装成功:

【Win+R】,输入cmd, 进入命令行窗口

输入node -v  npm -v 查看版本号,如下图显示出版本号 则安装成功

 

.net b s架构 前后端两套数据库 .net 前后端分离项目_sql_08

三、数据库准备

3.1数据库环境准备

下载的压缩包,解压后ZrAdminNetCore-net6.0\document目录下有sql脚本,

admin-sqlserver.sql :sqlserver数据库表结构的创建还有基础数据的插入,数据库这里根据自身情况选择。然后执行脚本就完事

 

.net b s架构 前后端两套数据库 .net 前后端分离项目_sql_09

admin-sqlserver-表字段说明导入.sql  脚本:生成表字段的描述

 

.net b s架构 前后端两套数据库 .net 前后端分离项目_验证码_10

修改后端数据库连接

.\ZrAdminNetCore-net6.0\ZR.Admin.WebApi\appsettings.json

.net b s架构 前后端两套数据库 .net 前后端分离项目_.net b s架构 前后端两套数据库_11

 

 

到此环境准备完成,接下来就是启动项目

四、项目启动

项目目录下有前端和后端项目启动的批处理文件。直接执行即可

4.1前端(.\ZR.Vue\bat)

* build.bat 打包Web工程,生成dist文件

* package.bat安装Web工程,生成node_modules文件

* run-web.bat使用 Vue 运行 Web 工程

 

先执行package.bat,再run-web.bat

看到登录页,前端就是成功啦,如果其实系统接口500错误,验证码图片没有显示,是后端接口未启动

 

.net b s架构 前后端两套数据库 .net 前后端分离项目_.net b s架构 前后端两套数据库_12

4.2后端(ZrAdminNetCore-net6.0\startup.bat)

双击运行startup.bat

浏览器看到加油吧少年,就是后端启动成功啦

.net b s架构 前后端两套数据库 .net 前后端分离项目_验证码_13

 

 

五、验证码处理

这里登录页,验证码一秒会变一次,还没看清验证码就变了T.T

后台修改验证码方式,改为静态验证码。

update sys_config  
set configValue ='4'
where  configKey='sys.account.captchaOnOff'

登录账号:admin\123456

看到首页,就完成啦

 

.net b s架构 前后端两套数据库 .net 前后端分离项目_Vue_14