内容回顾- 过滤器- 局部的过滤器// 只能在当前组件内部使用filters:function(val,a,b){ // 执行过滤处理逻辑,(添油加醋的内容) return xxx;}- 全局的过滤器// 声明+创建 在任何组件中都能使用Vue.filter("myTime",function() { // 添油加醋的处理 return xxxx;...
原创
2021-08-26 12:03:38
222阅读
内容回顾- 过滤器- 局部的过滤器// 只能在当前组件内部使用filters:function(val,a,b){ // 执行过滤处理逻辑,(添油加醋的内容) return xxx;}- 全局的过滤器// 声明+创建 在任何组件中都能使用Vue.filter("myTime",function() { // 添油加醋的处理 return xxxx;...
原创
2021-08-27 13:37:14
210阅读
文章目录一、部署 Spring Boot 项目1、在服务器上部署数据库2、连接阿里云数据库3、项目上传并运行二、部署 Vue 项目三、配置 Nginx 基于 Spring Boot + Vue 的前后端分离项目的部署方式主要有如下两种： 前后端一起部署：将 Vue 项目打包后丢到 Spring Boot 项目的资源目录下，然后在服务器上部署 Spring Boot 项目即可前后端单独部署：将
转载
2023-08-07 22:47:33
124阅读
今天下了Vue，想试一试前后端分离的实现，没想到坑还不少，这里就记录一下我遇到的坑和我的代码：一、Vue的下载安装：从网上找就好了，没什么问题，除了下载以后，要把镜像库改成淘宝的，要不然太慢了。二、推荐一个很好用的软件 HBuilder X，可以在上面写前端的项目，直接就能打开浏览器看到效果，还可以自动下载依赖。三、前端代码： 首先，先创建一个Vue项目，新建以后项目自带的程序结构如图：
转载
2023-07-05 20:43:05
90阅读
Vue.js与SSM前后端基本交互，可以参见我的上一篇博客上一篇博客：点击这里.本文介绍前后端交互传递对象的方法如果前后端交互过程中要传对象，那么上一篇博客可能就不适用了。向后端传对象与传普通字符串/字段的区别：1. 传对象首先要将对象格式转化为JSON格式，即JSON.stringify(_this.user),2. 然后将其直接赋给data，即data: JSON.stringif...
原创
2021-09-02 09:46:39
1323阅读
前言前端用什么框架都可以，这里选择小巧的vuejs。要实现的功能很简单：1、登录功能，成功将服务器返回的token存在本地2、使用带token的header访问服务器的一个资源本次实验环境："dependencies": { "vue": "^2.2.1" }, "devDependencies": { "babel-core": "^6.0.0", "babel-loade...
转载
2018-01-17 12:48:00
118阅读
原理:开发环境下的跨域:在node.js上实现请求转发,vue前端通过axios请求到node.js上,node.js将请求转发到后端,反之.响应也是,先到node.js上,然后转发vue-cil项目上.需要在根目录下新建文件vue.config.js.vue.config.js: vue.config.js 是一个可选的配置文件，如果项目的 (和 package
转载
2023-09-13 09:48:00
372阅读
这段时间研究了 Vue 和 Koa2，想把二者结合起来，Vue 作为前端框架，Koa2 作为后端框架，如何打通前后端的数据通过，需要解决跨域问题，现将其中的一些关键配置记录下来，供大家参考：本篇文章主要内容：· 新建 Vue 前端项目· 新建 Koa2 后端项目· 解决跨域问题，实现前端接收后端发来的数据 教程所用的项目目录名称（名称可以任意）：|-- vue-mall-mo
转载
2023-08-12 22:35:04
126阅读
这次给大家带来vue.js前后端数据交互步骤详解，vue.js前后端数据交互的注意事项有哪些，下面就是实战案例，一起来看一下。前端小白刚开始做页面的时候，我们的前端页面中经常会用到表单，所以学会提交表单也是一个基本技能，其实用ajax就能实现，但他的原始语法有点。。。额 。。。复杂，所以这里给大家提供一种用vue-resource向后端提交数据。(1)第一步，先在template中写一个表单；提交
转载
2023-09-14 16:09:11
343阅读
前端HTML代码：vue写在login.html <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> ...
原创
2021-09-02 09:45:54
263阅读
Spring Boot和Vue.js的组合可以用于开发盈利宝项目。盈利宝是一个投资理财平台，它需要同时具备后端业务逻辑和前端用户界面的功能。使用Spring Boot作为后端框架，你可以构建盈利宝项目的核心业务逻辑。Spring Boot提供了强大的开发工具和库，可以帮助你处理用户注册、登录、投资产品管理、订单处理、支付等后端功能。它还可以集成数据库、安全认证、日志记录等关键组件，保证系统的稳定性
原创
2023-07-06 16:57:08
99阅读
Spring Boot + Vue.js 前后端涉及基本概念介绍，搭建记录，本文会列举出用到环境和工具，并且提供源码。
前端工具和环境：
Node.js V10.15.0
Vue.js V2.5.21
yarn: V1.13.0
IDE: VScode
后端工具和环境：
Maven: 3.52
jdk: 1.8
MySql: 14.14
IDE: IDEA
转载
2021-08-15 23:36:04
1426阅读
单个删除功能已经实现了，批量删除弄了很久也没弄好，来试一下。弄了很久终于把批量删除实现了！结果:点击确认后，将看见表中已经少了两条数据。实现的关键是：1.正确传递数据给后端的js语句2.后端接收的方式，为json类型时需要进行解析3.接收到的是一个字符串，可以转为list类型，在sql语句中注意collection的参数要与自定义的类型相匹配4.在dao接口中的参数要与xml中实际传递的参数匹配5.前端设置一个多选框选项数组，每选中一个就把这个加入到数组中。关键代码：js: mul
原创
2023-02-24 17:20:16
513阅读
在实现"thinkphp vue 前后端部署"之前，我们首先需要明确什么是thinkphp和vue以及它们之间的关系。ThinkPHP是一个PHP开发框架，而Vue是一个JavaScript框架，用于构建交互式的Web界面。将这两者结合起来可以实现前后端分离的开发模式，使得前端和后端可以独立开发并且互不影响。
下面我将会教给你如何实现"thinkphp vue 前后端部署"，我会将整个流程拆分为
原创
2024-05-22 09:59:31
342阅读
文章目录前后端分离项目部署（服务器或本地）前端部署（以vue项目为例）后端部署（以Springboot项目为例）补充 前后端分离项目部署（服务器或本地）前端部署（以vue项目为例）部署环境：Nginx 配置文件：vue.config.js 更多可见此文章vue项目打包与配置-学习笔记（vuecli4）： 以下是vuecli2：CDN优化：module.exports = {
...
转载
2024-04-19 15:37:17
125阅读
前言我们先进行了登录页面的绘制：在 Vue 中使用 Element UI然后再实现了后端登录接口：Spring Boot + Vue 前后端分离项目 -- 后端登录接口实现现在可以进行前后端登录接口对接了。准备工作1、安装 axios在 vue 项目中，需要使用 axios 发送网络请求，安装命令如下：npm install axios安装完毕后，package.json 文件中，会出现 axio
转载
2023-08-20 10:11:19
253阅读
项目代码地址前端： https://gitee.com/chenfenbgin/vuedemo 后端和数据库建表sql： https://gitee.com/chenfenbgin/vuespringbootdemo一、vue1、概述： 前后端分离就是将一个单体应用拆分成两个独立的应用，前端应用和后端应用以JSON格式进行数据交互。2、创建一个vue项目，只有vue3.0后才有图形界面0 1. 使
转载
2023-09-12 13:52:35
420阅读
文章目录前言一、环境准备二、SpringBoot项目打jar包1.1 使用Maven的package插件打包1.2 上传至Linux服务器三、Vue项目打包1.1 修改后台请求地址1.2 生成dist文件1.3 上传至linux服务器三、配置Nginx四、启动项目1.1 启动Nginx服务器1.2 启动SpringBoot1.3 访问项目总结 前言Java企业开发少不了Spring Boot 加
转载
2023-12-11 13:34:37
139阅读
目录前置条件方法一：把前端项目打包，作为后端项目的静态文件，再把后端项目部署在应用服务器中方法二： 把前端项目部署在 web 服务器中，把后端项目部署在应用服务器中 前置条件首先需要我们写好两个项目（分别是前端和后端的），要写好前后端接口 接口按照我这样写，我这里使用的是axios，使用方法可以参考我的另一篇博客：vue cli4使用axios（通过RAP2生成后端接口） 这个项目先运行后端再运
转载
2023-08-10 13:31:15
353阅读
本博文主要介绍如何使用Vue +SpringBoot实现前后端分离，实现简单登录功能。 本项目分为前端(vue)和后端(SpringBoot)两大模块。一、前端1.新建vue-cli项目进入cmd命令行，输入如下命令：C:\Users\Administrator>f:
F:\>cd F:\Study\vue\projectpractice
F:\Study\vue\pro
转载
2023-10-18 20:46:57
158阅读
