yhyDayDayUp

【若依】ZRAdmin 前后端分离项目(.NET)快速上手-学习记录

 

目录

一、项目下载

二、开发环境准备

三、数据库准备

四、项目启动

五、验证码处理

 

项目:Vue2+Net6  

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

 

一、项目下载

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

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

 

这里选择RuoYi-Vue

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

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

 

选择Vue2 + Net6版本需要下载

 

登录Gitee 后,下载项目zip

 

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

二、开发环境准备

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

 

2.2前端环境

VS Code 

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

 

 

 

 Node.js

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

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

 

安装教程参考:https://blog.csdn.net/qq_43557395/article/details/124325563

检查是否安装成功:

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

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

 

三、数据库准备

3.1数据库环境准备

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

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

 

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

 

修改后端数据库连接

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

 

 

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

四、项目启动

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

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错误,验证码图片没有显示,是后端接口未启动

 

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

双击运行startup.bat

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

 

 

五、验证码处理

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

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

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

登录账号:admin\123456

看到首页,就完成啦

 

 

posted on 2022-06-24 10:17  颜花花  阅读(7210)  评论(3编辑  收藏  举报

导航