若依 RuoYi-Cloud 项目学习笔记

一、准备工作

1.安装 node.js

2.安装 Redis 

3.安装 nacos 1.3.1   https://github.com/alibaba/nacos/releases

4.下载若依 spring-cloud 项目  https://gitee.com/y_project/RuoYi-Cloud


二、启动流程

1.启动 Redis
  windows启动Redis  
  运行cmd
  然后到redis路径
  运行命令: redis-server redis.windows.conf

2.启动 nacos
  启动 nacos
  conf中application.properties修改数据库配置
  bin中 双击 startup.cmd 启动
  浏览器访问 http://localhost:8848/nacos 默认用户名/密码是 nacos/nacos
  配置管理->配置列表,编辑数据库等配置
  服务管理->服务列表中可以看到启动成功的服务
  ruoyi-gateway-dev.yml 中增加路由模块

3.spring-cloud 微服务启动(启动不分先后)
  ruoyi-auth 认证授权中心
  ruoyi-gateway 网关模块
  ruoyi-modules 中 ruoyi-modules-system  系统模块

4.启动 ruoyi-ui
1) cmd 命令启动
# 进入项目目录
cd ruoyi-ui
-- 第一次启动时需要执行
-- npm install --registry=https://registry.npm.taobao.org
# 本地开发 启动项目
npm run dev
2)vsCode启动
左下角 NPM 脚本 dev

目录结构 
RUOYI-UI
  > bin
  > build            webpack配置,主要用于打包。
  > node_modules    node依赖包。
  > public
  > src             项目的主文件夹
    > api              JS文件
    > assets         资源文件
    > components    组件文件
    > directive        权限
    > layout        布局
    > router        路由
    > store            
    > utils            公共
    > views         页面文件
    App.vue         入口文件
    main.js         定义、引用全局变量、js、插件

三、vue加载时文件的执行顺序

1.执行 public/index.html文件,加载提示。

2.执行main.js文件,Vue加载app模块。

3.执行App.vue文件,router-view 路由配置的组件。(注入了路由文件,将对应的组件渲染到router-view中)

4.执行login.vue模板文件,登录内容。两个方法:切换验证码,登录 request.js。

5.执行index.vue文件,echarts 组件在 views/dashboard/ 中

.......

 

四、其它

ajax 返回 Promise 

Spring4.3中引进了{@GetMapping、@PostMapping、@PutMapping、@DeleteMapping、@PatchMapping} 来帮助简化常用的HTTP方法的映射 并更好地表达被注解方法的语义

@GetMapping: 处理get请求,传统的RequestMapping来编写应该是 @RequestMapping(value = “/get/{id}”, method = RequestMethod.GET)
新方法可以简写为: @GetMapping("/get/{id}");

幂等性

@RequestMapping 默认method是get,post方式都支持
@GetMapping,处理get请求                查询
@PostMapping,处理post请求            新增
@PutMapping,处理put请求                修改
@DeleteMapping,处理delete请求        删除

从开始创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、卸载等一系列过程,我们称这是Vue的生命周期

new Vue({
    el,   //要绑定的DOM element
    data,  //要绑定的资源
    props,  //可用来接收父原件资源的属性
    template,  //要解析的模板,可以是#id , HTML 或某个DOM element 实体
    computed,  //定义资源的getter 与 setter,即需要计算后才能使用的属性
    components, //定义子元件,可用ES6简写法 例如(MyHeader)
    methods,  //定义可以在元件或样版内使用的方法
    propsData, //存放预设的props 内容,方便测试用
    relplace, //要不要用template取代el指向的DOM Element预设为ture
})

  • 3
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 4
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值