【若依】ZRAdmin 前后端分离项目(.NET)快速上手-学习记录
目录
一、项目下载
二、开发环境准备
三、数据库准备
四、项目启动
五、验证码处理
项目:Vue2+Net6
其他环境:电脑:Windows 64位 数据库sql server 2012
一、项目下载
选择扩展组件里的 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
看到首页,就完成啦