目录前言1.购买服务器2.安装xftp和xshell以及基础环境配置3.打包前端代码(vue)补充:安装nginx详情见第五部分!4.打包后端代码5.nginx6.踩坑 前言先说下个人基础情况,在此之前从来没有碰过服务器,对服务器可以说是一窍不通。linux命令了解的较为基础,上一次学习还是在分布式开发的时候(雾)。这次相当于体验了从购买服务器到完整部署的全过程啦,写个博客记录一下叭1.购买服务
很多小伙伴都比较疑问,我们学习了很多的技术库,看了很多的官方文档,怎么才能独立做一个小的项目呢?把我们的知识运用到实战当中呢?别急,本教程会一步一步的带领大家,做一套前后端分离的项目,最后上线部署到阿里云服务。(腾讯云、百度云同理,关键看哪个便宜。哈哈,开个玩笑,言归正传。)首先来介绍下本教程用到的技术栈,用的是比较流行的React架构作为前端页面渲染,有的小伙伴可能用的是Vue或者是Angul
目录一.需求解析 二.代码的实现第一步 修改实体及数据库第二步 修改查询语句第三步:测试类  第四步 补充三层结构的代码 (Controller,Service )第五步: 编写前端请求三.最终效果  SpringBoot+Vue+Element个人博客项目一.需求解析 提出需求:如图首页的精选文章因为过多,导致页面变形。我们需要对筛选出
目录一、知识点回顾:(一)、使用 axios 和 Vuex 对 Vue.js 项目从后台获取数据流程 二、代理跨域问题三、 封装 Axios 请求模块1、安装依赖 2、封装 axios 请求方法 3、在 api 目录下的文件中添加请求地址四、Vuex 状态管理模块1、安装vuex2、在入口文件main.js引入总仓库并注册3、定义 Vuex 状态管理模块:4
转载 2024-02-29 16:44:55
83阅读
问题分析:在移动端Web应用中,前端路由尤为重要,实现了快速响应和前后端分离的目的,在Vue.js中有官方插件Vue-router帮助我们实现SPA,同时为了提高页面二次响应速度,Vue.js提供了官方的keep-alive组件帮助我们缓存页面,但是有很多场景keep-alive配合Vue-router并不能完美胜任,需要极为复杂的特殊处理,举两个常见业务场景(前提:页面都使用keep-alive
转载 2021-01-17 15:27:33
1112阅读
2评论
本来是做java的,没想到在前端上费的力气这么大,虽然感觉有点偏,但是又觉得前端知识还要有一定的掌握,所以还是要继续学习。做这个我也挺挣扎的,主要是对前端的逻辑代码看不懂,环境又让我玩坏了,又要重新折腾,做一天也没整出来了啥,不知道逻辑代码怎么写,所以这个就先把页面写出来吧,逻辑代码往后站。安装Element安装element也比较简单,我们可以直接去查它的官方文档,找到引入它的办法。打开官方文档
转载 2024-04-11 12:47:34
179阅读
一、任务要求对多张表增删改查 (数据表字段类型包括字符、数值、时间)Controller、Dao、 Service 分层代码及命名规范页面展示使用多种形式(radio 、checkbox 、下拉框、日期选择等)多种条件查询( 文本框、radio 、checkbox 、下拉框、日期选择等 ),多种匹配模式(精确
转载 2024-07-04 13:08:03
177阅读
一、登录功能项目:white_jotter_demo + wj_demo_vuehttp://localhost:8081/#/login 前端页面开发:1、src\components   编写Login.vue,AppIndex.vue   登录页面、首页页面2、设置反向代理src\main.js中设置   axios前端请
转载 2024-03-25 20:53:55
435阅读
工作需求开发一个记录数据的spring boot应用,选择了vue + Elment来实现前端展示和数据处理。①文件引入,相对于Layui,引入没那么麻烦了,正常引入就可以<!-- 引入组件库 vue.min.js 要在 index.js 之前引入--> <script src="js/vue.min.js"></script> <script src=
转载 2024-03-22 19:19:09
54阅读
今天研究了一下如何把Springboot+Mybatis和Vue+Element结合起来使用 详细写一篇博客来记录一下流程吧,因为途中发现了很多的问题 首先,创建Springboot项目,惯例添加依赖<?xml version="1.0" encoding="UTF-8"?> <project xmlns="http://maven.apache.org/POM/4.0.0" x
转载 2024-06-07 20:35:20
39阅读
1.分页列表打开elementui官网,地址:https://element.eleme.cn/#/zh-CN 找一个看顺眼的列表拷贝代码到vue工程; 然后找一个看顺眼的分页组件,拷贝代码到vue工程; 后台提供一个分页接口@RestController @RequestMapping("/book") public class BookController { @A
前面已经完成Vue的demo构建,接下来就是前后端结合测试的登录是否可跳转页面(无数据库情况下)一、后端项目创建使用idea新建spring boot项目,选择 Spring Initializr,点击 Next 继续Next进行命名和选择 项目服务(web和DevTools(热部署)) 启动项目访问 http://localhost:8888 出现错误页面表示项目启动成功二、登录页面开发1、了解
转载 2024-03-31 09:27:53
1337阅读
# Java Spring Boot 跳转到 Vue 页面 在现代Web开发中,Java作为后端语言与Vue.js作为前端框架的结合越来越受到青睐。本文将介绍如何在Java Spring Boot项目中实现跳转到Vue页面的功能,包含必要的代码示例及类图。 ## 1. 项目结构 首先,我们的项目结构应该清晰可辨。这是一个基本的Spring Boot与Vue.js的项目结构: ``` my-
原创 10月前
326阅读
在GitHub上已经获得85.4K标星的阿里SpringBoot实战笔记:用“知识点+实例”形式编写58个基础实例+2个综合项目,针对Spring Boot 2.0及以上版本,讲解了时下流行的RESTful、Redis、RabbitMQ,真正实现了让开发像搭积木一样简单!spring boot本书详细特点,及针对springboot做了详细的总结和技术点的详解,采用全新的实例和综合项目带你了解书中
1.首先要在你的电脑上安装git (本机安装git和申请github都不是什么难事,如果这两步都ready请直接移步到第3步)   git官网http://git-scm.com/downloads  安装对应的版本,我这里是windows版本,下载完成后双击安装包点击next继续默认next选择好安装路径后,点击next默认配置就好了,继续下一步next是否要启动
前期准备(项目如何创建小编就不说了) 创建一个NodeContraller@Controller public class NodeController { @Resource private StudentServiceImp ssi; @RequestMapping(value = "/") public String index(Model model){
转载 2024-09-06 21:33:46
65阅读
前言        因为最近业务需求要使前后端分离项目集成cas实现单点登录,网上找了许多,关于前后端分离情况下集成cas的文章,但感觉对我帮助并不大且实现起来较为复杂,下面浅浅记录一下我对该问题的解决方案。对于传统springboot项目前后端一体集成cas比较容易需要的朋友可以看我的另一篇文章。项目前端使用Vue2
转载 2024-07-03 12:08:20
911阅读
提示:up全站之巅真是好阿婆,做的一样,只是我的数据库用mysql实现的 文章目录前言一、搭建环境、安装包二、CV工程师(>_<)1.引入elementUI组件2.创建组件3.设置路由4.编写后端逻辑(这里和up不同,用的是Mysql)总结现存BUG其他(推荐) 前言前端:vue2+elementUI 后端:express+mysql 可以跟着b站up敲,仅记录最终代码和踩过的坑。一、
access_tokentoken_typerefresh_tokenexpires_inscope具体如下:{ “access_token”: “b9c9e345-90c9-49f5-80ab-6ce5ed5a07c9”, “token_type”: “bearer”, “refresh_token”: “9f843e0e-1778-495d-859a-52a1a806c150”, “expir
vue-admin-template简介前后端分离开发模式越来越受开发人员的喜爱,开源项目vue-admin-template 是一个后台前端解决方案,它基于 vue 和 element-ui实现。更多详情请阅读vue-template-admin官网,vue-admin-template项目是其基础模板,本文基于vue-admin-template实现与SpringBoot的整合下载源码从git
转载 10月前
454阅读
  • 1
  • 2
  • 3
  • 4
  • 5