简介该项目是基于SpringBoot与Vue前后端完全分离项目,是小编的一个大作业考核,2个人共同完成的,耗时:10天。项目功能需求简介该项目主要是一个商城系统,参与者有游客、管理员(也是商家),普通用户。游客可以浏览商品详情,搜索商品,同时也可以访问新闻咨询等,游客可以通过注册成为普通用户。普通用户可以购买商品,也可以将商品加入收藏夹和购物车,用户可以在后台查看自己的订单和修改个人信息,修改收
转载 2023-08-10 13:59:08
191阅读
一、项目简介项目名称:blc management system(blc MS) 基于Vue CLI4 + SpringBoot开发的前后端分离项目。 基本功能:对博客和书籍进行增删改查,在聊天室点对点聊天或者群发消息,支持发送文本消息以及图片消息,查看用户个人信息,在线预览聊天图片和用户头像。 特色功能:用户密码加密,页面访问控制,用户权限管理,Druid后台监控。参考项目: https://g
转载 2023-08-29 11:07:57
169阅读
部署方法一:前后端分开部署一、前端部署1、下载 nginx,官方网址如下:2、解压安装包到任意目录3、打开前端项目,执行` npm run build`4、进入本地项目的dist目录,把里面的文件都复制5、然后把它直接拷贝进` nginx\html` 下(注意:需要覆盖掉nginx\html 下的index.html)6、配置一下服务器的默认端口,打开 `nginx\conf\nginx.con
转载 2023-06-13 16:24:18
154阅读
Spring Boot+Vue前后端分离开发笔记①(b站 楠哥教你学Java P1)前言前端vue ui创建项目创建Language.vue在router的main.js处引入Language.vue文件添加插件:axiosLanguage.vue文件添加代码:后端依赖选择yml格式实体类持久层repository(继承JpaRepository,相当于Dao类)测试控制层跨域问题的解决(后端
转载 2023-08-08 21:41:39
155阅读
 萌新打卡今天学习了spring框架注解的前后端分离 所以来说说  有说错的地方欢迎大佬指正首先创建一个web-app项目 然后在pom.xml中导入依赖1.spring-mvc依赖2.tomcat服务器依赖3.ajax依赖 和一个lombok插件的依赖(可以不导入)  然后我们在web-app下添加我们的js库然后是resources下的xml文件配置了接
转载 2024-03-24 16:26:10
23阅读
前端项目需要用到什么?首先明确此项目的目的,是为了能够搭建一个用户管理的后台,实现登录注册功能,能够以用户的身份查看自己的个人信息并进行修改再看看我们手头已经有的东西 vue-cli集成开发环境vue-router对路由进行管理eslint对代码质量进行管理vuex对全局状态进行管理那我们还缺些什么呢? 项目是前后端分离开发的,我们缺少前端和后端交互的手段既然是前端,肯定要一个好看实用
转载 2024-04-02 17:55:46
85阅读
VUE构建前后端分离的前端项目(超详细)1.使用vue-cli创建项目 2.使用elementUI组件编写页面 3.使用axios与后台交互 4.使用webpack构建工具打包 5.部署到Tomcat1.技术背景前后端分离的优势:分工明确,提高工作效率,前端主要关注页面、用户体验,后端主要关注业务、安全。性能提升,前端通过路由配置实现按需加载,后端无需解析前端页面。前后端同时开发,提升开发效率。发
SpringBoot+vue前后端分离【实现拦截器/单点登录】1、注意(登录后jsessionid不一致的问题:解决思路)2、用户登录成功后在后台生成token3、前台存储token(使用localStorage)3.1 localStorage和sessionStorage的区别3.2 前台代码实现4、前端配置拦截器(用于每次访问时在请求头里面添加token)5、后台拦截器(4个逻辑步骤)6、
转载 2023-12-12 19:52:39
316阅读
前后端分离已经在慢慢走进各公司的技术栈,不少公司都已经切换到这个技术栈上面了。即使贵司目前没有切换到这个技术栈上面,松哥也非常建议大家学习一下前后端分离开发,以免在公司干了两三年,SSH 框架用的滚瓜烂熟,出来却发现自己依然没有任何优势!其实前后端分离本身并不难,后段提供接口,前端做数据展示,关键是这种思想。很多人做惯了前后端不分的开发,在做前后端分离的时候,很容易带进来一些前后端不分时候的开发思
一、为什么需要前后端分离1.1什么是前后端分离  前后端分离这个词刚在毕业(15年)那会就听说过,但是直到17年前都没有接触过前后端分离的项目。怎么理解前后端分离?直观的感觉就是前后端分开去做,即功能和职责上的一种划分,前端负责页面的渲染,部分页面交互的逻辑,然后通过网络请求与后端进行数据的交互;后端则着重关注业务逻辑的处理,直接操控数据库。1.2前后端分离前(1)jsp + serv
转载 2024-08-14 12:12:34
56阅读
一、前端项目搭建过程1、项目初始化前端使用vue-cli3.0+webpack 搭建项目结构,需要先安装vue,可以通过npm来安装,因此首先需要安装node,步骤如下(1)进入 node官网,下载最新版本,安装完毕后,执行node --version、npm --version 查看是否安装成功。(2)node安装完成后,即可通过npm来安装vue,可先执行(npm install -
转载 2024-06-29 22:35:54
550阅读
0.需求需要将深度学习算法Demo做成可以用来展示的网页应用1.技术栈前端:框架:VueUI库:Bootstrap后端:开发语言:PythonREST API: flask2.前端2.1环境搭建因为选择使用Vue来作为开发的框架,我们需要安装Node.js# 官方安装教程:https://github.com/nodesource/distributions # 或者从安装仓库安装 sudo
前言:2gitee源码:https://gitee.com/web-paul/springboot-vue第一部分:vue前端目录:一、assets目录: 引用了一个全局css样式,最后在main.js引入即可 main.js中:import '@/assets/css/global.css'二、components目录:Aside代表侧边栏组件:el-menu这个标签记住了 1处代表设置默认高亮
转载 2024-05-14 15:32:08
235阅读
Vue前后端分离 一、工程创建前期(不用切换目录) 1、安装淘宝镜像cnpm npm install -g cnpm -registry=https://registry.npm.taobao.org 查看是否安装完毕: node –v npm –v 或 cnpm -v 2、安装脚手架,用于快速创建 ...
转载 2021-08-20 16:03:00
1141阅读
2评论
文章目录前后端分离项目部署(服务器或本地)前端部署(以vue项目为例)后端部署(以Springboot项目为例)补充 前后端分离项目部署(服务器或本地)前端部署(以vue项目为例)部署环境:Nginx 配置文件:vue.config.js 更多可见此文章vue项目打包与配置-学习笔记(vuecli4): 以下是vuecli2:CDN优化:module.exports = { ...
前后端怎样分离前端只需要独立编写客户端代码,后端也只需要独立编写服务端代码提供数据接口即可。前端通过Ajax请求来访问后端的数据接口,将Model展示到View中即可。前后端开发者只需要提前约定好接口文档(URL、参数、数据类型.….),然后分别独立开发即可,前端可以造假数据进行测试,完全不需要依赖于后端,最后完成前后端集成即可,真正实现了前后端应用的解耦合,极大地提升了开发效率。前端应用:负责数
路由此处的路由指的是页面跳转的规则,通过不同的路径,来请求不同的资源,请求不同的页面是路由的其中一种功能。可以简单理解为url跳转后端路由和前端路由的url的访问意义有所不同,所有的url都会访问到服务器上对应的资源。页面请求的url全部要通过后端服务的过滤器进行过滤和处理在之前学的web技术中,学习过Java Servlet,前端的页面资源和后端服务是放在了同一个项目文件中的,前端显示的页面都是
文章目录一、部署 Spring Boot 项目1、在服务器上部署数据库2、连接阿里云数据库3、项目上传并运行二、部署 Vue 项目三、配置 Nginx 基于 Spring Boot + Vue前后端分离项目的部署方式主要有如下两种: 前后端一起部署:将 Vue 项目打包后丢到 Spring Boot 项目的资源目录下,然后在服务器上部署 Spring Boot 项目即可前后端单独部署:将
转载 2023-08-07 22:47:33
124阅读
(一)介绍1、项目比较简单,适合刚接触spring-boot前后端分离,实现了员工单表的一个crud。 2、项目中涉及到springboot整合mybatis、mysql、pagehelper(分页)、前后端分离(layui)、swagger2在线接口文档。(二)创建spring-boot后台项目(1)使用IDEA创建项目创建springboot项目,File——》new project,按下图创
转载 2024-01-05 23:55:43
52阅读
前后端分离1.创建springboot工程,配置目录(省略导包)2.application.yml3.pom.xml(重要的部分)4. cn.kgc.entity/Student5.resources/mapper/StudentMapper.xml(省略开头)6. cn.kgc.mapper/StudentMapper7. cn.kgc.service/StudentService、Stude
  • 1
  • 2
  • 3
  • 4
  • 5