这个是前端的页面的总体的概貌,包括了查询条件,数据列表,数据如输入(修改)和各种操作按钮,下面我们分析这个页面的实现方式。数据处理页面RuoYi系统生成的代码中,前端代码vue中是分为两个文件夹,分别是api和views。然后我们分别将这两部分代码复制到ruoyi-ui的src目录中。其中,api目录是同后端的数据交互。我们进入api的student目录,右键用sublime Text
⭐ 作者简介:码上言 文章目录项目部署视频前言一、安装JDK 1.8二、安装IntelliJ IDEA三、构建后端项目 前言从教程的这一篇开始,我们就开始正式的进入到实战项目的开发。 首先要搞清楚我们的项目的总体结构是什么,后端采用的是Java、管理平台采用的是Vue搭建,后期可能还会有移动端采用uni-app实现。采用前后端分离开发,这也是大多数企业使用的开发方式前后端分离,也就是说,我们使用
转载
2024-03-22 17:09:58
64阅读
用Spring Boot+Vue做微人事项目第十一天前两天做了微人事登录的前端页面和后端接口,第三天则实现了前后端接口的对接,输入正确的用户名和密码之后,成功的跳转到home页。第四天做了Home页的Title制作和下拉菜单,下拉菜单有三个选项,个人中心、设置和注销登录,还做了注销登录,点击注销登录会出现提示:“此操作将注销登录,是否继续”,点是就重新跳转到登录页面,第五天做的是左边的导航菜单,第
转载
2024-03-20 10:22:56
17阅读
自从前后端分离开发流行之后,饱受JSP摧残的程序员中与解放出来了,除了部分搞全栈开发的程序员,大部分后端程序员只需要专注于后台开发,前端的活之类的就丢给前端的同事做了,真正的是前后搭配,干活不累。 1.前端项目vue-demo创建前端项目需要安装node和vue环境,如何安装,自行百度,安装好环境之后在命令窗口输入如下命令初始化vue-demovue init webpack vue-d
转载
2024-04-19 11:07:18
169阅读
项目开发记录:基于SpringBoot+Vue开发的前后端分离博客项目 目录标题项目开发记录:基于SpringBoot+Vue开发的前后端分离博客项目一、知识点汇总1、MyBatis-Plus2、页面模板引擎:freemarker3、统一结果封装4、异常处理5、实体校验6、断言7、会话共享8、整合Shiro+Redis+Jwt9、跨域问题二、问题处理1、SpringBoot2.4跨域问题2、类型转
转载
2024-08-29 14:17:25
39阅读
各个软件版本号
一、下载Node.js
https://nodejs.org/zh-cn/ 自带npm包(管理依赖的)
node -v &
转载
2024-02-20 10:45:21
85阅读
系列文章: 文章目录Java后端开发1、新建Springboot项目2、整合mybatis plus3、统一结果封装整合shiro+jwt,并会话共享6实体校验7跨域问题8、登录接口开发dto9、博客接口开发前端7、页面路由8、登录页面element ui表单字段解释token的状态同步定义全局axios拦截器9、博客列表头部用户信息 Java后端开发1、新建Springboot项目第一步 创建项
转载
2024-02-22 21:42:26
134阅读
后端代码编写前言这实现这篇博客之前,我学习ssm框架不到两个星期,然后看了一天springboot就开始了,中途遇到很多坑,所以就记下来和大家分享本来想着继承redis和SpringSecurity,但是由于只有我一个管理员,所以没必要集成SpringSecurity。对于redis来说,因为想赶快出一个能上线的博客,所以一切从简,就没有集成redis工具 & 插件 & 依赖 &a
转载
2024-05-31 12:11:51
99阅读
一、前端 Vue.js + iview1、先查看本机是否安装了node.js、npm、和vue 使用cmd命令行窗口进行查看,输入之后,均显示对应的版本,证明安装成功!!!如果没有安装,可以参考前面的一篇博客:基于idea,从零开始搭建第一个vue项目2、打开idea,新建一个网页项目。这里取名为login,安装步骤,依次填写项目名称和对应的地址3、初始化包结构(因为已经安装的vue,所以减去了一
转载
2024-05-31 11:14:57
63阅读
[toc]开发环境IDEA V2018.5npm v6.4.xvue-cli v2.9.x创建项目IDEA > Create New Project > Gradle此处的 Frameworks全部取消勾选,接着就一直 Next,提示填写的地方填写,不需要填写的就用默认配置就 ok。项目创建成功,项目结构应该是这样的。 创建后台模块▼ 项目 > 右键 > New >
转载
2024-03-20 15:22:52
213阅读
文章目录前言一、Java后端接口开发1. 新建SpringBoot 项目1.1 开发技术栈:1.2 pom中jar包引入:1.3 配置文件:2. 整合mybatis Plus2.1 引入pom的jar包2.2 配置分页插件、代码生成器2.3 配置文件3. Restful风格结果封装4. 整合Shiro+JWT,并会话共享4.1 认证流程4.2整合步骤5. 异常处理6. 实体校验7. 跨域问题8.
转载
2024-06-12 10:07:51
38阅读
用Spring Boot+Vue做微人事项目系列目录 前两天做了微人事登录的前端页面和后端接口,第三个则实现了前后端接口的对接,输入正确的用户名和密码之后,成功的跳转到home页。现在要做的就是Home页的Title制作Home页的Title制作使用Element UI中的Container布局容器复制的代码如下,把复制的代码放到Home.vue的template标签中,显示效果如下图
转载
2024-04-18 13:35:42
293阅读
目录前言一、Java后端接口开发1. 新建SpringBoot 项目1.1 开发技术栈:1.2 pom中jar包引入:1.3 配置文件:2. 整合mybatis Plus2.1 引入pom的jar包2.2 配置分页插件、代码生成器2.3 配置文件3. Restful风格结果封装4. 整合Shiro+JWT,并会话共享4.1 认证流程4.2整合步骤5. 异常处理6. 实体校验7. 跨域问题8. 登录
转载
2024-06-07 18:20:21
363阅读
springboot支持jsp页面跳转官方不推荐jsp的支持(jar包不支持jsp,jsp需要运行在servletContext中,war包需要运行在server服务器中如tomcat)官方推荐使用thymeleaf,freemarker等模版引擎1.创建maven project项目4.0.0
com.woms.www
springboot
0.0.1-SNAPSHOT
jar
org.spr
转载
2024-05-04 15:50:44
80阅读
前后端分离开发是当今开发的主流。本篇文章从零开始,一步步使用SpringBoot结合Vue来实现日常开发中最常见的登录功能,以及登录之后对用户的管理功能。通过这个例子,可以快速入门SpringBoot+Vue前后端分离的开发。前言1、前后端分离简介在这里首先简单说明一下什么是前后端分离和单页式应用:前后端分离 的核心思想是前端页面通过 ajax 调用后端的 restuful api 进行数据交互,
文章目录windows nodejs的安装linux nodejs的安装及vue项目启动springboot 在idea如何启动springboot项目 脱离IDE如何启动( 例如测试环境)vue项目脱离IDE如何启动idea中如何打开并启动vue项目vue项目怎么通过域名访问vue项目怎么部署到服务器(生产环境)部署遇到的坑install时报错?版本兼容问题(新同学必看!) 把之前的几篇博客都
转载
2024-06-11 22:20:30
400阅读
一、springboot项目搭建前言-使用技术springbootmybatis-plusmysqldruidlombok1.2 创建springboot项目(1) 选择新增:File->New->Project(2) 选择Spring Initializr,指定JDK版本,直接下一步(3) 填写项目相关信息,然后下一步(4) 选择组件,勾选中间Spring Web,然后下一步(5)
转载
2023-12-15 22:43:56
547阅读
项目效果图 登陆页面文章列表发表文章 用户管理栏目管理 数据统计后端技术栈后端主要采用了: 1.SpringBoot 2.SpringSecurity 3.MyBatis 4.部分接口遵循Restful风格 5.MySQL 前端技术栈前端主要采用了: 1.Vue 2.axios
转载
2024-07-08 23:07:18
25阅读
代码生成器导入表在系统工具内找到代码生成,点击导入,会显示数据库内未被导入的数据库表单,选择自己需要生成代码的表,友情提醒,第一次使用最好先导入一张表进行试水~预览操作成功后可以点击预览查看效果,代码预览里有三层架构,sql表单以及前端的api请求和vue页面修改预览后觉得有哪里不满意的可以点击编辑进行修改基本信息修改基本信息,可以对作者进行修改,如果不想每次修改则可以进入后端generator的
转载
2024-06-06 21:58:17
125阅读
前言最近刚刚做了一个基于vue+springboot的学生成绩管理系统,于是基于这点,对遇到的一些问题进行一些配置的汇总。以及vue+springboot项目是怎么实现的,以下将贴出vue和springboot的重要代码和配置。开发使用的软件idea: 编写后端springboot代码hbuilderx或VSCode编写vue代码navicat或者dbeaver 编写创建数据库表vue项目搭建环境
转载
2024-03-30 21:56:30
1316阅读