1. element Element UI 是一套采用 Vue 2.0 作为基础框架实现的组件库，它面向企业级的后台应用，能够帮助你快速地搭建网站，极大地减少研发的人力与时间成本。在这个月的 NingJS 上我们开源了这个项目，当时它的文档还没有准备好。今天，经过两周多的完善， Element UI 的文档正式上线啦！目前它处于 rc 阶段，正式版将于 Vue 2.0 发布后第一时间跟进。 欢迎大
转载
2023-10-23 20:42:38
43阅读
VUE构建前后端分离的前端项目（超详细）1.使用vue-cli创建项目 2.使用elementUI组件编写页面 3.使用axios与后台交互 4.使用webpack构建工具打包 5.部署到Tomcat1.技术背景前后端分离的优势：分工明确，提高工作效率，前端主要关注页面、用户体验，后端主要关注业务、安全。性能提升，前端通过路由配置实现按需加载，后端无需解析前端页面。前后端同时开发，提升开发效率。发
转载
2023-07-04 20:29:31
565阅读
我们创建的项目如下一、我们Vue项目执行流程得到如下的一个格式有，渲染流程如下首先我们的主要的页面就一个（public下面的index.html）其实就我们的App.vue渲染到我们的index.html（我们的项目只有一个app的一个id）整体上做如下修改（我们需要的资源在main.js里面导入）总体的过程呢就是如下的首先我们在components下面创建我们的组件然后在router下书写路由然
转载
2024-04-07 13:17:44
1486阅读
点赞
在现代 web 开发中，前后端分离的架构逐渐成为主流，Vue.js作为前端框架，因其灵活、高效而受到广泛应用。与此同时，Java后端，尤其是Spring Boot等技术栈，提供了强大的后端服务支持。本文将详细介绍如何将Vue项目嵌入到Java后端项目中，确保能有效实现前后端的数据交互和功能实现。
## 问题背景
在当前业务环境下，用户对系统的响应时间和交互体验提出了更高的要求。例如，一个电商平
一、为什么需要前后端分离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
546阅读
前言：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阅读
前后端怎样分离前端只需要独立编写客户端代码，后端也只需要独立编写服务端代码提供数据接口即可。前端通过Ajax请求来访问后端的数据接口，将Model展示到View中即可。前后端开发者只需要提前约定好接口文档(URL、参数、数据类型.….)，然后分别独立开发即可，前端可以造假数据进行测试，完全不需要依赖于后端，最后完成前后端集成即可，真正实现了前后端应用的解耦合，极大地提升了开发效率。前端应用：负责数
转载
2023-09-03 09:28:47
215阅读
# Vue项目中引入JavaScript的完整指南
在Web开发中，有时需要将JavaScript代码加入到Vue项目中以实现特定的功能。对于新手来说，这个过程可能会显得有些复杂，但其实它是一个相对简单的流程。本文将以详细的步骤和代码示例来指导你如何在Vue项目中引入JavaScript。
## 整体流程
下面是引入JavaScript到Vue项目的整体步骤：
| 步骤 | 描述
# 如何将 Vue 项目升级到 JavaScript
在进行 Vue 项目的升级时，确保你掌握了升级的流程和每一步的实际操作是非常重要的。这篇文章旨在为刚入行的小白详细说明如何将 Vue 项目升级为 JavaScript，并提供相关代码示例和流程图。
## 升级流程
下面是升级 Vue 项目的总体流程：
| 步骤 | 描述 |
|------|------|
| 1 | 检查当前 V
├── build # webpack文件，配置参数,打包的代码存放在这里。 ├── config # vue项目的基本配置文件（配置端口等信息） ├──dist #打包好后的文件(打包对文件进行混淆) └── static └──js └──css └──img └──fonts ├── node_modules # 项目中安装的依赖模块 ├── src # 源代码文件夹
转载
2024-08-12 12:31:12
51阅读
前言 用vue-cli构建的项目通常是采用前后端分离的开发模式，也就是前端与后台完全分离，此时就需要将后台接口地址打包进项目中，但是，难道我们只是改个接口地址也要重新打包吗？当然不行了，那就太麻烦了，怎么解决呢？本文推荐俩种方式。方式1：通过创建js文件进行实现 优点：简单易懂，方便上手缺点：配
转载
2024-04-13 21:33:29
678阅读
Ubuntu下使用nginx发布vue项目1. Ubuntu18.04搭建nginx服务器1.1 ubuntu安装nginxsudo apt update
sudo apt install nginx1.2 配置防火墙ps: 防火墙配置部分可根据情况选择，一般不需要配置防火墙sudo ufw app list获得应用程序配置文件的列表
可用应用程序：
CUPS
Nginx Full
Nginx H
转载
2024-06-04 11:07:51
208阅读
文章目录Vue 项目后端接口框架搭建一、Express 框架1、Express 框架介绍2、Express 框架特性二、Express 框架开
原创
2022-08-12 11:01:49
2263阅读
# VUE前后端分离项目架构指南
在现代的Web开发中，前后端分离的架构已成为一种主流趋势。这种架构将前端和后端的开发分开，使得各自可以独立开发、测试、维护和部署。接下来，我们将一起梳理出实现“VUE前后端分离项目架构”的流程，并详细介绍每一步的具体实现。
## 流程概览
首先，下面是实现VUE前后端分离项目的主要步骤：
| 步骤 | 描述 |
|------|------|
| 1 |
# 使用 Vue 和 MySQL 构建前后端分离项目
在现代 Web 开发中，前后端分离的架构越来越受到青睐。这种架构将用户界面（前端）与服务器逻辑（后端）分开，使得开发和维护变得更加灵活高效。本文将介绍如何使用 Vue.js 和 MySQL 构建一个简单的前后端分离项目。
## 项目结构
一个典型的前后端分离的项目包含以下部分：
1. **前端**：使用 Vue.js 进行构建
2. **
文章目录前言一、环境准备二、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阅读
最近打算用Django+vue搭建一个个人主站，在此记录一下搭建项目的整个过程。一 开发环境： 腾讯云Centos 7 Python 3.7 Django &nbs
