首先要搞清楚我们的项目的总体结构是什么,后端采用的是Java、管理平台采用的是Vue搭建,后期可能还会有移动端采用uni-app实现。采用前后端分离开发,这也是大多数企业使用的开发方式前后端分离,也就是说,我们使用Java将数据通过接口的方式暴露出来,然后前端只要拿到接口的地址就能获取数据,这样后期的维护,前后端的依...
SpringBoot+vue练手项目---博客系统 项目使用技术 : springboot + mybatisplus+redis+mysql 项目讲解:bilibili.com/video/BV1G 1. 工程搭建 右上角gitee中有完整的项目:gitee.com/yin-jihu/spri 前端的工程地址: 链接:pan.baidu.com/s/1cg_11c提取码:nrun 1.1 新建maven工程 pom.xml(blog-parent) pom.x...
Tip:以下是我用SpringBoot+Vue搭建的轻量级博客的源码,有兴趣可以自己获取。// Git代码https://gitee.com/yeeevip/yeee-blog1 功能介绍这个博客项目从功能上整体划分为 后台管理端 和 前台用户端,管理端主要负责维护博客文章查看用户范围行为等,用户端主要用于展示博客文章和提供用户交互功能(点赞、评论等)1....
前端:vue3+elementplus 后端:springboot+mybatisplus jdk:1.8以上 数据库:mysql 演示开始 前端部分 第一:前端部分(注册模块效果图) 实现代码也非常简单 html代码:来自register.vue 欢迎注册柠檬博客平台 <el-form ref="formRef" :rules="rules" :model="formLabelAlign" label-width="90px"> <el-form-item ...
Vue环境搭建步骤: 1、安装node.js a)进入node.js官网(https://nodejs.org/en/download/),选择对应版本下载,并进行安装(安装时,按照提示,一直next) b)验证node.js是否有安装好:打开命令行窗口,输入node -v,会返回对应的node.js版本号 c)npm包管理器是集成在node.js中,在安装node.js时已安装了npm,所以不...
先打包构建项目(步骤1有提到),Springboot生成的jar包放入app2Docker\blog_springboot中,Vue生成的dist放入app2Docker\blog_vue中。 打开app2Docker\blog_vue\my_nginx.conf,设置server_name为你的服务器ip或域名 打开app2Docker\blog_vue\dist\config.json,设置访问的服务器ip地址和后端Springboot端口"production":...
Vue 后端技术栈 SpringBoot+SpringMVC+MyBatis MySQL8.0 Redis JDK8 四. 源码获取 lz-code/hadluo-blog 五. 部署项目 安装mysql8.0,然后新建数据库"hadluo-blog" ,然后导入hadluo-blog.sql文件。 打开idea,导入maven后端项目,然后等待包下载完毕。
言归正传,项目以个人网站为主题,采用前后端分离进行项目的搭建。现在企业大多数都是用Spring Boot + Mybatis搭建后台,我们也要紧跟发展,虽然现在大型的项目都是分布式Spring Cloud,但是我们还是以基础为主,等以后有经历了可以慢慢再深入学习。管理平台则使用框架vue-element-admin进行搭建快速开发。最后会教大家项目...
简介:Spring Boot + vue-element 开发个人博客项目实战教程(十六、登录功能实现(上))2 二、前端登录改造 1、改造前端项目 现在我们的项目也能在我们本地跑起来了,从一开始就说我们的项目是前后端分离的项目,现在我们就把我们前端和后端的项目进行连接,通过我们后端一开始创建的用户进行登录,真正的实现前后端的联动...
简介:Spring Boot + vue-element 开发个人博客项目实战教程(十九、日志中心页面接口对接)1 ⭐ 作者简介:码上言 ⭐ 代表教程:Spring Boot + vue-element 开发个人博客项目实战教程 ⭐专栏内容:零基础学Java、个人博客系统 项目部署视频 前言 接下来,我们主要还剩下前端页面的编写工作,对于vue不了解的同学到这基...