人人脚手架

脚手架的用途:多用于制作简单的后台管理页面,并提供了各个数据库间完基本完整的增删改查功能

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文件,在后台就会对应项显示内容了。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值