脚手架的用途:多用于制作简单的后台管理页面,并提供了各个数据库间完基本完整的增删改查功能
1.git地址:https://gitee.com/renrenio 克隆第三框里的 renren-fast 和第四个框里的 renren-fast-vue
2.克隆完毕后,进行准备工作
2.1使用db中sql语句生成对应的数据库并在renren-fast项目中修改对应的yml设置
2.2前端:完成VScode和nodeJs的安装之后,在终端中修改镜像源npm config set registry http://registry.npm.taobao.org/,修改完毕后运行npm install进行依赖安装,可在node-modules中了解其变化。安装完毕后,npm run dev运行项目
3.前后端联调测试
若页面显示出了验证码代表,两者网页接通完成了,输入admin和admin能看到简介的后台页面
4.布置gateway
脚手架里使用请求都是原始暴露的地址,需要在前端设置统一的前缀进行重定向到gateway(在哪里忘记了),而gateway中的yml则通过predicates的进行重定向
- id: admin_route
uri: lb://renren-fast
predicates:
- Path=/api/**
filters:
- RewritePath=/api/(?<segment>/?.*), /renren-fast/$\{segment}
注意gateway中的匹配顺序,如果有些Path匹配地址为api下更精确的地址,如/api/text,需将该地址的匹配规则放在admin_route的前面,不然会先走admin_route的匹配规则
5.快速生成模块(generator) 非必须
同样的git的地址,选择克隆第五个的https://gitee.com/renrenio
整理项目,对generator的yml进行相应数据库设置,对properties的逆向工程进行调整
#主文件包名
mainPath=com.newhope
package=icom.newhope
#模块名字简写
moduleName=pms
#作者
author=Acher
#Email
email=s1040217287@163.com
#数据库的文件名前缀
tablePrefix=pms_
登录本地80端口即可下载生成数据库下对应的代码
在压缩包里有对应的controller,mapper,vue等,里面都附带简介的三层增删改架构和通用页面,可按需引入。
导入完模块后(基本一数据库一模块,整合模块例外),导入renrenfast中通用的工具类(common包)R和PageUilt,导入RRException,注释掉Controller层中的权限注解@RequiresPermissions,爆红的主要差异就为这些了。
6.开发后台页面
在菜单管理中进行新增,设置好对应的路由,并在VS中src.view.moudules包下创建对应的文件包的vue文件,在后台就会对应项显示内容了。